MeghdadFadaee/face-attendance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial project

Browse Source
This commit is contained in:
Meghdad Fadaee
2026-05-01 19:55:59 +03:30
parent 13482561fd
commit dc4b1a1400
27 changed files with 18351 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
templates/index.html Normal file
View 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>

96
templates/table.html Normal file
View File

@@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{ title }}</title>
<link rel="stylesheet" href="/static/styles.css">
<link rel="stylesheet" href="/static/tadel/jquery.dataTables.min.css" />
<link rel="stylesheet" href="/static/tadel/buttons.dataTables.min.css" />
<Script type="text/javascript" src="/static/tadel/jquery-1.12.3.js"></Script>
<Script type="text/javascript" src="/static/tadel/jquery.dataTables.min.js"></Script>
<Script type="text/javascript" src="/static/tadel/jszip.min.js"></Script>
<Script type="text/javascript" src="/static/tadel/buttons.html5.min.js"></Script>
<Script type="text/javascript" src="/static/tadel/dataTables.buttons.min.js"></Script>
<style>
th,td{
color: black;
border-color: black;
}
</style>
</head>
<body>
<header class="masthead bg-primary text-white text-center" dir="rtl">
<div class="container d-flex align-items-center flex-column" style="min-width:96%;">
<h2>{{ title }}</h2>
<hr class="dropdown-divider">
<script>
var col = document.getElementsByTagName('th').length-1;
$(document).ready(function () {
$(document).ready(function () {
$('table').DataTable({
dom: 'Blfrtip',
buttons: [{
text: 'دریافت فایل Excel',
extend: 'excelHtml5',
exportOptions: {
modifier: {
selected: true
},
columns: {{ columns }},
format: {
header: function (data, columnIdx) {
return data;
},
body: function (data, column, row) {
// Strip $ from salary column to make it numeric
debugger;
return column === col ? "" : data;
}
}
},
footer: false,
customize: function (xlsx) {
var sheet = xlsx.xl.worksheets['sheet1.xml'];
//$('c[r=A1] t', sheet).text( 'Custom text' );
//$('row c[r^="C"]', sheet).attr('s', '2');
}
}]
});
});
});
</script>
<table>
<thead>
<tr>
{% for thead in theads %}
<th scope="col">{{ thead }}</th>
{% endfor %}
</tr>
</thead>
<tbody>
{% for tbody in tbodys %}
<tr>
{% for td in tbody %}
<td scope="col">{{ td }}</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
</div>
</header>
</body>
</html>