feat: init page, router, layout

2026-08-12 22:15:06 +07:00
parent 593de37987
commit c75e412051
19 changed files with 2163 additions and 378 deletions
@@ -0,0 +1,18 @@
+import PageHeader from '../components/PageHeader.jsx'
+
+function ClassesPage() {
+  return (
+    <>
+      <PageHeader
+        title="Lop hoc"
+        description="Sap xep lop, lich hoc, giang vien va danh sach hoc vien."
+      />
+      <section className="content-panel">
+        <h2>Lich lop hoc</h2>
+        <p>Khoi tao lich lop va trang thai diem danh tai day.</p>
+      </section>
+    </>
+  )
+}
+
+export default ClassesPage
@@ -0,0 +1,18 @@
+import PageHeader from '../components/PageHeader.jsx'
+
+function CoursesPage() {
+  return (
+    <>
+      <PageHeader
+        title="Khoa hoc"
+        description="Quan ly danh sach khoa hoc, noi dung bai hoc va trang thai xuat ban."
+      />
+      <section className="content-panel">
+        <h2>Danh sach khoa hoc</h2>
+        <p>Khoi tao noi dung quan ly khoa hoc tai day.</p>
+      </section>
+    </>
+  )
+}
+
+export default CoursesPage
@@ -0,0 +1,37 @@
+import PageHeader from '../../components/PageHeader.jsx';
+import StatGrid from '../../components/StatGrid.jsx';
+import { Label, SearchField } from '@heroui/react';
+
+const stats = [
+  { label: 'Khoa hoc dang mo', value: '24' },
+  { label: 'Hoc vien', value: '1,248' },
+  { label: 'Lop trong tuan', value: '18' },
+  { label: 'Ty le hoan thanh', value: '82%' }
+];
+
+function DashboardPage() {
+  return (
+    <>
+      <PageHeader
+        title="Tong quan"
+        description="Theo doi nhanh tinh hinh dao tao va cac chi so LMS."
+      />
+      <div className="mb-3 flex flex-col">
+        <SearchField name="search">
+          <Label>Search</Label>
+
+          <SearchField.Group className="w-[280px]">
+            <SearchField.SearchIcon />
+
+            <SearchField.Input className="flex-1" placeholder="Search..." />
+
+            <SearchField.ClearButton />
+          </SearchField.Group>
+        </SearchField>
+      </div>
+      <StatGrid items={stats} />
+    </>
+  );
+}
+
+export default DashboardPage;
@@ -0,0 +1,18 @@
+import PageHeader from '../components/PageHeader.jsx'
+
+function ReportsPage() {
+  return (
+    <>
+      <PageHeader
+        title="Bao cao"
+        description="Tong hop so lieu hoc tap, hieu qua khoa hoc va ket qua danh gia."
+      />
+      <section className="content-panel">
+        <h2>Bao cao dao tao</h2>
+        <p>Khoi tao bieu do va bao cao xuat file tai day.</p>
+      </section>
+    </>
+  )
+}
+
+export default ReportsPage
@@ -0,0 +1,18 @@
+import PageHeader from '../components/PageHeader.jsx'
+
+function StudentsPage() {
+  return (
+    <>
+      <PageHeader
+        title="Hoc vien"
+        description="Quan ly ho so hoc vien, tien do hoc tap va lich su ghi danh."
+      />
+      <section className="content-panel">
+        <h2>Danh sach hoc vien</h2>
+        <p>Khoi tao bang hoc vien va bo loc tai day.</p>
+      </section>
+    </>
+  )
+}
+
+export default StudentsPage