126 lines
3.0 KiB
HTML
126 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>سامنه ثبت ورود و خروج</title>
|
|
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
|
|
<link rel="stylesheet" href="/static/icon.css">
|
|
<link rel="stylesheet" href="/static/form.css">
|
|
<link rel="stylesheet" href="/static/styles.css">
|
|
<link rel="stylesheet" href="/static/dropzone.css">
|
|
|
|
</head>
|
|
<body dir="rtl">
|
|
|
|
<div id="search_page">
|
|
<h3>ثبت ورود و خروج</h3>
|
|
|
|
<div class="container fleft fone">
|
|
|
|
<div class="app">
|
|
|
|
<a href="#" id="start-camera" class="visible">Touch here to start the app.</a>
|
|
<video id="camera-stream"></video>
|
|
<img id="snap">
|
|
|
|
<p id="error-message"></p>
|
|
|
|
<div class="controls">
|
|
<a href="#" id="take-photo" title="Take Photo"><i class="material-icons">camera_alt</i></a>
|
|
<a href="#" id="delete-photo" title="Delete Photo" class="disabled"><i class="material-icons">live_tv</i></a>
|
|
</div>
|
|
|
|
<!-- Hidden canvas element. Used for taking snapshot of video. -->
|
|
<canvas></canvas>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="container fright fone tright" id="Persons">
|
|
<h4>مشخصات فرد</h4>
|
|
<div>
|
|
<p>نام: {{ namep }}</p>
|
|
<p>کد ملی: {{ navp }}</p>
|
|
<p>آخرین حضور: {{ timep }}</p>
|
|
|
|
<div class="flex" dir="ltr">
|
|
<a class="btn effect01"><span>ثبت خروج</span></a>
|
|
<a class="btn effect01"><span>ثبت ورود</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="add_page">
|
|
<h3>افزودن کاربر</h3>
|
|
|
|
<div class="one_container">
|
|
<h4>مشخصات فرد</h4>
|
|
|
|
<label for="fname">نام و نام خانوادگی:</label>
|
|
<input id="fname" type="text" name="fname" />
|
|
|
|
<label for="fnav">کد ملی:</label>
|
|
<input id="fnav" type="text" name="fnav" />
|
|
|
|
<div>
|
|
<span class="fright" id="add_result"></span>
|
|
|
|
<div class="flex" dir="ltr">
|
|
<a class="btn effect01" onclick="savenew()"><span>ثبت</span></a>
|
|
</div>
|
|
</div>
|
|
<div class="fright">
|
|
<div class="fright file">
|
|
<label for="one_img">تصویر اول:</label>
|
|
<form action="/one_img"
|
|
class="dropzone files"
|
|
id="one_img"></form>
|
|
</div>
|
|
<div class="fright file">
|
|
<label for="tow_img">تصویر دوم:</label>
|
|
<form action="/two_img"
|
|
class="dropzone files"
|
|
id="tow_img"></form>
|
|
</div>
|
|
<div class="fright file">
|
|
<label for="tre_img">تصویر سوم:</label>
|
|
<form action="/tre_img"
|
|
class="dropzone files"
|
|
id="tre_img"></form>
|
|
</div>
|
|
<div class="fright file">
|
|
<label for="for_img">تصویر چهارم:</label>
|
|
<form action="/for_img"
|
|
class="dropzone"
|
|
id="for_img"></form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="add_icon_Circle" onclick="cheangpage()">
|
|
<i class="material-icons add_icon">add</i>
|
|
</div>
|
|
|
|
<style>
|
|
|
|
</style>
|
|
|
|
<script src="/static/script.js"></script>
|
|
<script src="/static/dropzone.js"></script>
|
|
|
|
<script>
|
|
cheangpage();
|
|
Persons.innerHTML = "<h4>مشخصات فرد</h4>";
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html> |