37 lines
2.5 KiB
PHP
37 lines
2.5 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="th">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ระบบติดตามสถานะการจัดซื้อครุภัณฑ์ 2569</title>
|
|
<!-- Google Fonts: Sarabun -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
<!-- Bootstrap 5 CSS & Icons -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
|
|
<!-- DataTables CSS -->
|
|
<link href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css" rel="stylesheet">
|
|
<style>
|
|
body { font-family: 'Sarabun', sans-serif; background-color: #f4f6f9; color: #212529; }
|
|
.card { border-radius: 12px; border: none; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
|
|
.kanban-col { background-color: #ebecf0; border-radius: 10px; min-height: 600px; padding: 15px; }
|
|
.kanban-card { background: #ffffff; border-left: 4px solid #0d6efd; border-radius: 8px; margin-bottom: 12px; padding: 12px; cursor: grab; transition: all 0.2s; }
|
|
.kanban-card:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
|
|
.kpi-card { border-left: 5px solid; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-primary shadow-sm mb-4">
|
|
<div class="container-fluid px-4">
|
|
<a class="navbar-brand fw-bold" href="index.php"><i class="bi bi-box-seam-fill me-2"></i>ติดตามการจัดซื้อครุภัณฑ์ 2569</a>
|
|
<div class="collapse navbar-collapse">
|
|
<ul class="navbar-brand navbar-nav ms-auto fs-6">
|
|
<li class="nav-item"><a class="nav-link text-white" href="index.php"><i class="bi bi-speedometer2"></i> Dashboard ผู้อำนวยการ</a></li>
|
|
<li class="nav-item"><a class="nav-link text-white" href="kanban.php"><i class="bi bi-kanban"></i> Kanban Board</a></li>
|
|
<li class="nav-item"><a class="nav-link text-white" href="gantt.php"><i class="bi bi-bar-chart-steps"></i> Gantt Chart & Timeline</a></li>
|
|
<li class="nav-item"><a class="nav-link text-white" href="items.php"><i class="bi bi-list-task"></i> รายการทั้งหมด</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="container-fluid px-4"> |