001.
<!DOCTYPE html>
002.
<html lang=
"en"
>
003.
<head>
004.
<meta charset=
"UTF-8"
>
005.
<meta http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
>
006.
<meta name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
007.
<title>ระบบพิมพ์เกียรติบัตรออนไลน์</title>
008.
009.
<!-- Bootstrap 5 -->
011.
integrity=
"sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
crossorigin=
"anonymous"
>
012.
<!-- Google Font -->
014.
<awsome>
015.
<!-- Awesome Font -->
017.
<!-- Css -->
018.
<link href=
"css/main.css"
rel=
"stylesheet"
>
019.
<!-- Table -->
021.
<!-- Fav -->
022.
<link rel=
"icon"
href=
"img/fav.ico"
/>
023.
</head>
024.
<body>
025.
026.
<!-- Nav -->
027.
<nav
class
=
"navbar navbar-expand-lg"
id=
"navbar-custom"
>
028.
<div
class
=
"container"
>
029.
<a
class
=
"navbar-brand"
id=
"text-heading-nav"
href=
"index.php"
>
030.
<img src=
"img/logo.png"
alt=
""
width=
"25"
height=
"25"
> ระบบพิมพ์เกียรติบัตรออนไลน์</a>
031.
032.
<!--Nav Toggle-->
033.
<button
class
=
"nav-toggle-responsive"
type=
"button"
data-bs-toggle=
"collapse"
data-bs-target=
"#nav-main-link"
aria-controls=
"nav-main-link"
034.
aria-expanded=
"false"
aria-label=
"Toggle navigation"
>
035.
<i
class
=
"fas fa-bars"
></i>
036.
</button>
037.
038.
<!--Nav Menu-->
039.
<div
class
=
"collapse navbar-collapse"
id=
"nav-main-link"
>
040.
<ul
class
=
"navbar-nav me-auto mb-2 mb-lg-0 sub-menu"
>
041.
<li
class
=
"nav-item"
>
042.
<a
class
=
"d-block"
id=
"text-sub-menu"
aria-current=
"page"
href=
"index.php"
> <i
class
=
"fas fa-home icon-main"
></i> หน้าแรก</a>
043.
</li>
044.
045.
<li
class
=
"nav-item"
>
046.
<?=(isset(
$_SESSION
[
'username'
])) ? '<a
class
=
"d-block"
id=
"text-sub-menu"
href=
"admin.php"
>
047.
<i
class
=
"fas fa-globe-asia icon-main"
></i> บริหารจัดการระบบ</a>
048.
049.
<li
class
=
"nav-item"
> <a
class
=
"d-block"
id=
"text-sub-menu"
href=
"logout.php"
>
050.
<i
class
=
"fas fa-sign-out-alt"
></i> ออกจากระบบ</a> </li>'
051.
052.
: '<button
class
=
"d-block"
id=
"button-login"
class
=
"text-sub-menu"
herf=
"#"
data-bs-toggle=
"modal"
053.
data-bs-target=
"#exampleModal"
> <i
class
=
"fas fa-lock icon-main"
></i> ล็อกอิน </button>
054.
' ;?>
055.
</li>
056.
</ul>
057.
</div>
058.
</div>
059.
</nav>
060.
061.
<!--- Card Content --->
062.
<div
class
=
"container"
>
063.
<div
class
=
"card mt-4 shadow-sm"
>
064.
<div
class
=
"card-header text-white"
id=
"card-content"
>
065.
<h5
class
=
"pt-1"
><i
class
=
"fas fa-table pe-2"
></i>ตารางแสดงโครงการ/กิจกรรม</h5>
066.
</div>
067.
<div
class
=
"card-body"
>
068.
<table id=
"loadproject"
class
=
"table table-bordered"
style=
"width:100%"
>
069.
<thead
class
=
"table-light"
>
070.
<tr>
071.
<th>ลำดับที่</th>
072.
<th>โครงการ</th>
073.
<th>กลุ่ม/งาน</th>
074.
<th>วันที่</th>
075.
<th>เกียรติบัตร</th>
076.
</tr>
077.
</thead>
078.
<tbody>
079.
<tr>
080.
<td> </td>
081.
<td> </td>
082.
<td> </td>
083.
<td> </td>
084.
<td> </td>
085.
</tr>
086.
</tbody>
087.
</table>
088.
</div>
089.
</div>
090.
</div>
091.
</div>
092.
093.
<!-- Modal Login -->
094.
<div
class
=
"modal fade"
id=
"exampleModal"
tabindex=
"-1"
aria-labelledby=
"exampleModalLabel"
aria-hidden=
"true"
>
095.
<div
class
=
"modal-dialog"
>
096.
<div
class
=
"modal-content"
>
097.
<div
class
=
"modal-header"
>
098.
<div id=
"exampleModalLabel"
> ล็อกอินเข้าสู่ผู้ดูแลระบบ</div>
099.
<button type=
"button"
class
=
"btn-close"
data-bs-dismiss=
"modal"
aria-label=
"Close"
></button>
100.
</div>
101.
<div
class
=
"modal-body"
>
102.
103.
<form action=
"checklogin.php"
method=
"post"
>
104.
<div
class
=
"mb-3"
>
105.
<label
class
=
"form-label"
for
=
"username"
>ผู้ใช้</label>
106.
<input
class
=
"form-control"
type=
"text"
name=
"username"
placeholder=
"ชื่อผู้ใช้"
required>
107.
</div>
108.
<div
class
=
"mb-3"
>
109.
<label
class
=
"form-label"
for
=
"password"
>รหัสผ่าน</label>
110.
<input
class
=
"form-control"
type=
"password"
name=
"password"
placeholder=
"รหัสผ่าน"
required>
111.
</div>
112.
<div
class
=
"text-center"
>
113.
<button
class
=
"btn btn-primary"
type=
"submit"
name=
"login_user"
class
=
"btn"
>เข้าสู่ระบบ</button>
114.
</div>
115.
</form>
116.
</div>
117.
</div>
118.
</div>
119.
</div>
120.
</div>
121.
122.
<!-- Footer -->
123.
<Footer
class
=
"footer-main fixed-bottom"
>
124.
<div
class
=
"container"
>
125.
<div
class
=
"row p-3"
>
126.
<div
class
=
"col d-none d-xxl-block d-xl-block"
> <p
class
=
"inline text-start "
>Copyright © Library Horwang Pathumthani School All rights reserved.</p> </div>
127.
<div
class
=
"col d-none d-xl-none d-lg-block d-md-block"
> <p
class
=
"inline text-start "
>Copyright © Library HWP All rights reserved.</p> </div>
128.
<div
class
=
"col d-md-none d-xs-block d-sm-block"
> <p
class
=
"inline text-start "
>Copyright © Library HWP.</p> </div>
129.
131.
</footer>
132.
133.
<!-- Scrpit -->
134.
<!-- Bootstrap 5-->
136.
integrity=
"sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
crossorigin=
"anonymous"
></script>
137.
138.
139.
<!-- DataTable-->
143.
144.
145.
<script>
146.
$(document).ready(
function
() {
147.
$(
'#loadproject'
).DataTable( {
148.
"processing"
: true,
149.
"serverSide"
: true,
150.
"ajax"
:
"loadproject.php"
,
151.
"language"
: {
152.
"emptyTable"
:
"ไม่มีข้อมูลในตาราง"
,
153.
"info"
:
"แสดง _START_ ถึง _END_ จาก _TOTAL_ แถว"
,
154.
"infoEmpty"
:
"แสดง 0 ถึง 0 จาก 0 แถว"
,
155.
"infoFiltered"
:
"(กรองข้อมูล _MAX_ ทุกแถว)"
,
156.
"infoThousands"
:
","
,
157.
"lengthMenu"
:
"แสดง _MENU_ แถว"
,
158.
"loadingRecords"
:
"กำลังโหลดข้อมูล..."
,
159.
"processing"
:
"กำลังดำเนินการ..."
,
160.
"search"
:
"ค้นหา: "
,
161.
"zeroRecords"
:
"ไม่พบข้อมูล"
,
162.
"paginate"
: {
163.
"first"
:
"หน้าแรก"
,
164.
"previous"
:
"ก่อนหน้า"
,
165.
"next"
:
"ถัดไป"
,
166.
"last"
:
"หน้าสุดท้าย"
167.
},
168.
"aria"
: {
169.
"sortAscending"
:
": เปิดใช้งานการเรียงข้อมูลจากน้อยไปมาก"
,
170.
"sortDescending"
:
": เปิดใช้งานการเรียงข้อมูลจากมากไปน้อย"
171.
},
172.
"autoFill"
: {
173.
"cancel"
:
"ยกเลิก"
,
174.
"fill"
:
"กรอกทุกช่องด้วย"
,
175.
"fillHorizontal"
:
"กรอกตามแนวนอน"
,
176.
"fillVertical"
:
"กรอกตามแนวตั้ง"
,
177.
"info"
:
"ข้อมูลเพิ่มเติม"
178.
},
179.
"buttons"
: {
180.
"collection"
:
"ชุดข้อมูล"
,
181.
"colvis"
:
"การมองเห็นคอลัมน์"
,
182.
"colvisRestore"
:
"เรียกคืนการมองเห็น"
,
183.
"copy"
:
"คัดลอก"
,
184.
"copyKeys"
:
"กดปุ่ม Ctrl หรือ Command + C เพื่อคัดลอกข้อมูลบนตารางไปยัง Clipboard ที่เครื่องของคุณ"
185.
}
186.
},
187.
"order"
: [[ 0,
"desc"
]]
188.
} );
189.
} );
190.
</script>
191.
192.
<script>
193.
function
UserRow(id){
194.
window.location.href=
'download.php?id='
+ id;
195.
196.
197.
198.
199.
200.
201.
}
202.
203.
</script>
204.
205.
</body>
206.
</html>