2026-05-21 12:01:10 +07:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="vi">
|
2026-05-04 21:28:34 +07:00
|
|
|
<head>
|
2026-05-21 12:01:10 +07:00
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>NDMS - Quản lý thiết bị mạng</title>
|
|
|
|
|
<!-- Tailwind CSS -->
|
|
|
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
|
|
|
<!-- Font Awesome -->
|
|
|
|
|
<link rel="stylesheet"
|
|
|
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
|
2026-05-04 21:28:34 +07:00
|
|
|
</head>
|
2026-05-21 12:01:10 +07:00
|
|
|
<body class="bg-gray-100">
|
|
|
|
|
|
|
|
|
|
<!-- THANH MENU -->
|
|
|
|
|
<nav class="bg-white shadow-md px-6 py-4">
|
|
|
|
|
<div class="flex gap-3 flex-wrap">
|
|
|
|
|
<button data-page="dashboard"
|
|
|
|
|
class="menu-btn bg-indigo-600 text-white px-5 py-2 rounded-lg font-medium">
|
|
|
|
|
🏠 Trang chủ
|
|
|
|
|
</button>
|
|
|
|
|
<button data-page="device-type"
|
|
|
|
|
class="menu-btn bg-gray-200 text-gray-700 px-5 py-2 rounded-lg font-medium">
|
|
|
|
|
📦 Loại thiết bị
|
|
|
|
|
</button>
|
|
|
|
|
<button data-page="device"
|
|
|
|
|
class="menu-btn bg-gray-200 text-gray-700 px-5 py-2 rounded-lg font-medium">
|
|
|
|
|
🖥️ Thiết bị
|
|
|
|
|
</button>
|
|
|
|
|
<button data-page="alert"
|
|
|
|
|
class="menu-btn bg-gray-200 text-gray-700 px-5 py-2 rounded-lg font-medium">
|
|
|
|
|
🔔 Cảnh báo
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
<!-- NỘI DUNG CHÍNH -->
|
|
|
|
|
<div id="app" class="p-6">
|
|
|
|
|
<div class="text-center text-gray-500">Đang tải...</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- QUAN TRỌNG: Đường dẫn tới main.js phải đúng -->
|
|
|
|
|
<script type="module" src="/src/main.js"></script>
|
2026-05-04 21:28:34 +07:00
|
|
|
</body>
|
2026-05-21 12:01:10 +07:00
|
|
|
</html>
|
