forked from FaceOnLive/ID-Verification-OpenKYC
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfr_detail.html
147 lines (147 loc) · 7.02 KB
/
fr_detail.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!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" /> 
<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">
{{ocr_result|safe}}</script>
<script id="fr-result" type="application/json">
{{fr_result|safe}}</script>
<script id="ocr-type-url" type="application/json">
"/"</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"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="/static/vendor/mdbootstrap/mdb.min.js"></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>