Initial project
This commit is contained in:
126
templates/index.html
Normal file
126
templates/index.html
Normal file
@@ -0,0 +1,126 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user