OpenKYC / templates /fr_detail.html
Turing311's picture
Upload 34 files
36f4c45 verified
raw
history blame
8.6 kB
<!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">
<!-- material icons -->
<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">
<!-- Font Awesome -->
<link href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" rel="stylesheet">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,700&display=swap" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="/static/vendor/mdbootstrap/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="/static/vendor/mdbootstrap/mdb.min.css" rel="stylesheet">
<!-- other css library based on page -->
<!-- global css -->
<link href="/static/ui/scss/bundle.min.css" rel="stylesheet">
<!-- css based on page -->
<link rel="stylesheet" href="/static/ui/scss/fr_detail.css">
</head>
<body>
<div class="wrapper">
<!-- Page Loader -->
<div class="loader">
<div class="spinner-border" role="status">
<span class="sr-only"></span>
</div>
</div>
<!-- Header -->
<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>
<!-- Content -->
<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 -->
<footer>
<div class="container powered">
<img src="/static/img/faceonlive.png" width="42" />&emsp;
<div>
<span class="text-c-neutral">Powered by</span><br />
<a href="https://www.faceonlive.com">FaceOnLive</a>
</div>
</div>
</footer>
</div>
<!-- django js translation -->
<script type="text/javascript" src="/static/jsi18n.js"></script>
<!-- data js -->
<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>
<!-- JQuery -->
<script type="text/javascript" src="/static/vendor/mdbootstrap/jquery.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="/static/vendor/mdbootstrap/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="/static/vendor/mdbootstrap/bootstrap.min.js.download"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="/static/vendor/mdbootstrap/mdb.min.js.download"></script>
<!-- other js library based on page -->
<!-- global js -->
<script type="text/javascript" src="/static/ui/js/base.js"></script>
<!-- js based on page -->
<script type="text/javascript" src="/static/ui/js/fr_detail.js"></script>
</body>
</html>