|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> |
|
<meta http-equiv="Pragma" content="no-cache"> |
|
<meta http-equiv="Expires" content="0"> |
|
<meta charset="utf-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
|
<title>FaceOnLive OpenKYC</title> |
|
<link rel="shortcut icon" href="/static/img/favicon.ico"> |
|
|
|
<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet"> |
|
|
|
<link href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" rel="stylesheet"> |
|
|
|
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,700&display=swap" rel="stylesheet"> |
|
|
|
<link href="/static/vendor/mdbootstrap/bootstrap.min.css" rel="stylesheet"> |
|
|
|
<link href="/static/vendor/mdbootstrap/mdb.min.css" rel="stylesheet"> |
|
|
|
|
|
<link href="/static/ui/scss/bundle.min.css" rel="stylesheet"> |
|
|
|
<link rel="stylesheet" href="/static/ui/scss/fr_detail.css"> |
|
</head> |
|
<body> |
|
<div class="wrapper"> |
|
|
|
<div class="loader"> |
|
<div class="spinner-border" role="status"> |
|
<span class="sr-only"></span> |
|
</div> |
|
</div> |
|
|
|
<header> |
|
<div class="header-left"> |
|
<div class="container"> |
|
<a href="/fr_file/" class="btn btn-link"> |
|
<span class="material-icons-outlined">arrow_back_ios</span> |
|
</a> |
|
</div> |
|
</div> |
|
<div class="header-middle"> |
|
<div class="container"></div> |
|
</div> |
|
<div class="header-right"> |
|
<div class="container"></div> |
|
</div> |
|
</header> |
|
|
|
<main> |
|
<div class="row page-header"> |
|
<div class="col-12 text-center"> |
|
Verification Result |
|
</div> |
|
</div> |
|
<div class="row page-content"> |
|
<div class="col-sm-12"> |
|
<h4>Name</h4> |
|
<div class="col-lg-8 mx-auto text-center text-info "> |
|
<h5>{{id_name}}</h5> |
|
</div> |
|
<br/> |
|
<h4>ID Card</h4> |
|
{% if id_liveness == 'GENUINE' and id_forge == 'OK' %} |
|
<div class="col-lg-8 mx-auto text-center text-success "> |
|
{% else %} |
|
<div class="col-lg-8 mx-auto text-center text-danger "> |
|
{% endif %} |
|
<h5>Document Liveness: {{id_liveness}}</h5> |
|
<h5>Forge Check: {{id_forge}}</h5> |
|
</div> |
|
<div class="row"> |
|
<img width="100%" src={{id_front}}></img> |
|
</div> |
|
<br/> |
|
<h4>ID Portrait vs Selfie</h4> |
|
<div class="row"> |
|
<div class="col-sm-6"><img width="100%" src={{id_face}}></img></div> |
|
<div class="col-sm-6"><img width="100%" src={{selfie}}></img></div> |
|
</div> |
|
<br/> |
|
<h4>Liveness Result</h4> |
|
{% if liveness_res == 'GENUINE' %} |
|
<div class="col-lg-8 mx-auto text-center text-success "> |
|
{% else %} |
|
<div class="col-lg-8 mx-auto text-center text-danger "> |
|
{% endif %} |
|
<h5>{{liveness_res}}</h5> |
|
</div> |
|
<br/> |
|
<h4>Face Matching Result</h4> |
|
{% if recog_res == 'SAME' %} |
|
<div class="col-lg-8 mx-auto text-center text-success "> |
|
{% else %} |
|
<div class="col-lg-8 mx-auto text-center text-danger "> |
|
{% endif %} |
|
<h5>{{recog_res}}</h5> |
|
<small>Score: {{recog_similarity}}</small> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="row page-footer"> |
|
<div class="col-6"> |
|
<a href="/fr_file/" class="btn btn-outline-primary btn-side px-3">Re-submit</a> |
|
</div> |
|
<div class="col-6"> |
|
<button class="btn btn-primary btn-side px-3" id="btn-done">Ok</button> |
|
</div> |
|
</div> |
|
</main> |
|
|
|
<footer> |
|
<div class="container powered"> |
|
<img src="/static/img/faceonlive.png" width="42" />  |
|
<div> |
|
<span class="text-c-neutral">Powered by</span><br /> |
|
<a href="https://www.faceonlive.com">FaceOnLive</a> |
|
</div> |
|
</div> |
|
</footer> |
|
</div> |
|
|
|
<script type="text/javascript" src="/static/jsi18n.js"></script> |
|
|
|
<script id="ocr-result" type="application/json"> |
|
{ |
|
"mrz_type": "TD3", |
|
"valid_score": 100, |
|
"raw_text": "PBLRADAMOVICHMARYIA\nPD00000004BLR9001011F31082734010190B000PB060", |
|
"type": "P", |
|
"country": "Belarus", |
|
"number": "PD0000000", |
|
"date_of_birth": "1990-01-01", |
|
"expired": false, |
|
"expiration_date": "2031-08-27", |
|
"nationality": "BLR", |
|
"sex": "Female", |
|
"names": "MARYIA", |
|
"first_name": "MARYIA", |
|
"surname": "ADAMOVICH", |
|
"last_name": "ADAMOVICH", |
|
"personal_number": "4010190B000PB0", |
|
"check_number": "4", |
|
"check_date_of_birth": "1", |
|
"check_expiration_date": "3", |
|
"check_composite": "0", |
|
"check_personal_number": "6", |
|
"valid_number": true, |
|
"valid_date_of_birth": true, |
|
"valid_expiration_date": true, |
|
"valid_composite": true, |
|
"valid_personal_number": true, |
|
"document_type": "passport" |
|
}</script> |
|
<script id="fr-result" type="application/json"> |
|
{ |
|
"success": true, |
|
"is_match": false, |
|
"score": 30.758, |
|
"result": { |
|
"is_match": false, |
|
"score": 30.758, |
|
"one_e3": 62.327, |
|
"one_e4": 69.101, |
|
"one_e5": 73.975 |
|
}, |
|
"is_liveness_passed": true |
|
}</script> |
|
<script id="ocr-type-url" type="application/json"> |
|
"/id_type/"</script> |
|
|
|
<script type="text/javascript" src="/static/vendor/mdbootstrap/jquery.min.js"></script> |
|
|
|
<script type="text/javascript" src="/static/vendor/mdbootstrap/popper.min.js"></script> |
|
|
|
<script type="text/javascript" src="/static/vendor/mdbootstrap/bootstrap.min.js.download"></script> |
|
|
|
<script type="text/javascript" src="/static/vendor/mdbootstrap/mdb.min.js.download"></script> |
|
|
|
|
|
<script type="text/javascript" src="/static/ui/js/base.js"></script> |
|
|
|
<script type="text/javascript" src="/static/ui/js/fr_detail.js"></script> |
|
</body> |
|
</html> |
|
|