mirror of https://github.com/jumpserver/jumpserver
feat: 优化人脸采集页面
parent
822b353a40
commit
4b2db2b6a1
|
@ -2,29 +2,41 @@
|
||||||
{% load i18n %}
|
{% load i18n %}
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
|
||||||
{% block title %}
|
|
||||||
<div style="text-align: center">
|
|
||||||
{% trans 'Face Recognition' %}
|
|
||||||
</div>
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<form class="m-t" role="form" method="post" action="">
|
|
||||||
{% csrf_token %}
|
<style>
|
||||||
|
.ibox-content {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ibox-context-margin {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
{% if 'code' in form.errors %}
|
{% if 'code' in form.errors %}
|
||||||
<p class="red-fonts">{{ form.code.errors.as_text }}</p>
|
<p class="red-fonts">{{ form.code.errors.as_text }}</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
<form class="m-t" role="form" method="post" action="" style="display: none">
|
||||||
|
{% csrf_token %}
|
||||||
<button id="submit_button" type="submit" style="display: none"></button>
|
<button id="submit_button" type="submit" style="display: none"></button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<div id="iframe_container"
|
<div id="iframe_container"
|
||||||
style="display: none; justify-content: center; align-items: center; height: 800px; width: 100%; background-color: #0a6aa1">
|
style="display: none; justify-content: center; align-items: center; height: 520px; width: 100%;">
|
||||||
<iframe
|
<iframe
|
||||||
title="face capture"
|
title="face capture"
|
||||||
id="face_capture_iframe"
|
id="face_capture_iframe"
|
||||||
allow="camera"
|
allow="camera"
|
||||||
sandbox="allow-scripts allow-same-origin"
|
sandbox="allow-scripts allow-same-origin"
|
||||||
style="width: 100%; height: 100%;border: none;">
|
style="width: 100%; height:100%;border: none;">
|
||||||
</iframe>
|
</iframe>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -22,6 +22,9 @@
|
||||||
.ibox-content {
|
.ibox-content {
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
}
|
}
|
||||||
|
.ibox-context-margin {
|
||||||
|
margin: 20px 0 0 0;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
{% block custom_head_css_js %} {% endblock %}
|
{% block custom_head_css_js %} {% endblock %}
|
||||||
</head>
|
</head>
|
||||||
|
@ -34,7 +37,7 @@
|
||||||
<h2 class="font-bold">
|
<h2 class="font-bold">
|
||||||
{% block title %}{% endblock %}
|
{% block title %}{% endblock %}
|
||||||
</h2>
|
</h2>
|
||||||
<div style="margin: 20px 0 0 0">
|
<div class="ibox-context-margin">
|
||||||
{% block content %} {% endblock %}
|
{% block content %} {% endblock %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue