Merge branch 'main' of https://gits.techvanguard.vn/UKSOURCE/cms.hailearning.edu.vn into fea/bao-03022026-Admin-Management-Service

This commit is contained in:
nguyenvanbao
2026-02-04 09:18:42 +07:00
25 changed files with 4638 additions and 925 deletions

View File

@@ -11,18 +11,9 @@
<div class="col-md-4 border-end">
<div class="p-4">
<div class="d-flex align-items-center mb-3">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="
width: 50px;
height: 50px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-home fa-lg"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="width: 50px; height: 50px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-home fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Home</h5>
@@ -38,18 +29,9 @@
<div class="col-md-4 border-end">
<div class="p-4">
<div class="d-flex align-items-center mb-3">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="
width: 50px;
height: 50px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-bars fa-lg"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="width: 50px; height: 50px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-bars fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Header & Menu</h5>
@@ -65,18 +47,9 @@
<div class="col-md-4">
<div class="p-4">
<div class="d-flex align-items-center mb-3">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="
width: 50px;
height: 50px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-window-minimize fa-lg"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="width: 50px; height: 50px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-window-minimize fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Footer</h5>
@@ -92,18 +65,9 @@
<div class="col-md-4 border-end border-top">
<div class="p-4">
<div class="d-flex align-items-center mb-3">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="
width: 50px;
height: 50px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-users fa-lg"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="width: 50px; height: 50px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-users fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">About Us</h5>
@@ -119,18 +83,9 @@
<div class="col-md-4 border-end border-top">
<div class="p-4">
<div class="d-flex align-items-center mb-3">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="
width: 50px;
height: 50px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-envelope fa-lg"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="width: 50px; height: 50px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-envelope fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Contact</h5>
@@ -146,18 +101,9 @@
<div class="col-md-4 border-top">
<div class="p-4">
<div class="d-flex align-items-center mb-3">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="
width: 50px;
height: 50px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-question-circle fa-lg"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="width: 50px; height: 50px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-question-circle fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">FAQ</h5>
@@ -173,18 +119,45 @@
<div class="col-md-4 border-end border-top">
<div class="p-4">
<div class="d-flex align-items-center mb-3">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="
width: 50px;
height: 50px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-file-contract fa-lg"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="width: 50px; height: 50px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-calendar-check fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Appointment</h5>
<p class="text-muted mb-0 small">Manage appointment page</p>
</div>
</div>
<a href="/admin/appointment" class="btn btn-sm btn-primary w-100 mt-2">
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
</div>
<div class="col-md-4 border-end border-top">
<div class="p-4">
<div class="d-flex align-items-center mb-3">
<div class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="width: 50px; height: 50px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-tags fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Pricing</h5>
<p class="text-muted mb-0 small">Manage pricing page</p>
</div>
</div>
<a href="/admin/pricing" class="btn btn-sm btn-primary w-100 mt-2">
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
</div>
<div class="col-md-4 border-end border-top">
<div class="p-4">
<div class="d-flex align-items-center mb-3">
<div class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="width: 50px; height: 50px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-file-contract fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Terms & Conditions</h5>
@@ -203,18 +176,9 @@
<div class="col-md-4 border-end border-top">
<div class="p-4">
<div class="d-flex align-items-center mb-3">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="
width: 50px;
height: 50px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-plane fa-lg"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="width: 50px; height: 50px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-plane fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Travel</h5>
@@ -230,18 +194,9 @@
<div class="col-md-4 border-top">
<div class="p-4">
<div class="d-flex align-items-center mb-3">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="
width: 50px;
height: 50px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-shield-alt fa-lg"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="width: 50px; height: 50px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-shield-alt fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Safety</h5>
@@ -257,18 +212,9 @@
<div class="col-md-4 border-end border-top">
<div class="p-4">
<div class="d-flex align-items-center mb-3">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="
width: 50px;
height: 50px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-campground fa-lg"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="width: 50px; height: 50px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-campground fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Camp Location</h5>
@@ -287,18 +233,9 @@
<div class="col-md-4 border-end border-top">
<div class="p-4">
<div class="d-flex align-items-center mb-3">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="
width: 50px;
height: 50px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-running fa-lg"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="width: 50px; height: 50px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-running fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Activities</h5>
@@ -362,18 +299,9 @@
<tr>
<td>
<div class="d-flex align-items-center">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="
width: 32px;
height: 32px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-bars"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="width: 32px; height: 32px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-bars" style="color: var(--primary-color);"></i>
</div>
<span>Menu Header API</span>
</div>
@@ -400,18 +328,9 @@
<tr>
<td>
<div class="d-flex align-items-center">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="
width: 32px;
height: 32px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-home"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="width: 32px; height: 32px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-home" style="color: var(--primary-color);"></i>
</div>
<span>Home API</span>
</div>
@@ -438,18 +357,9 @@
<tr>
<td>
<div class="d-flex align-items-center">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="
width: 32px;
height: 32px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-info-circle"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="width: 32px; height: 32px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-info-circle" style="color: var(--primary-color);"></i>
</div>
<span>About API</span>
</div>
@@ -476,18 +386,9 @@
<tr>
<td>
<div class="d-flex align-items-center">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="
width: 32px;
height: 32px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-users"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="width: 32px; height: 32px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-users" style="color: var(--primary-color);"></i>
</div>
<span>About Us API</span>
</div>
@@ -514,18 +415,9 @@
<tr>
<td>
<div class="d-flex align-items-center">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="
width: 32px;
height: 32px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-question-circle"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="width: 32px; height: 32px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-question-circle" style="color: var(--primary-color);"></i>
</div>
<span>FAQ API</span>
</div>
@@ -552,18 +444,9 @@
<tr>
<td>
<div class="d-flex align-items-center">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="
width: 32px;
height: 32px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-file-contract"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="width: 32px; height: 32px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-file-contract" style="color: var(--primary-color);"></i>
</div>
<span>Terms & Conditions API</span>
</div>
@@ -590,18 +473,9 @@
<tr>
<td>
<div class="d-flex align-items-center">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="
width: 32px;
height: 32px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-plane"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="width: 32px; height: 32px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-plane" style="color: var(--primary-color);"></i>
</div>
<span>Travel API</span>
</div>
@@ -628,18 +502,9 @@
<tr>
<td>
<div class="d-flex align-items-center">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="
width: 32px;
height: 32px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-shield-alt"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="width: 32px; height: 32px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-shield-alt" style="color: var(--primary-color);"></i>
</div>
<span>Safety API</span>
</div>
@@ -666,18 +531,9 @@
<tr>
<td>
<div class="d-flex align-items-center">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="
width: 32px;
height: 32px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-campground"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="width: 32px; height: 32px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-campground" style="color: var(--primary-color);"></i>
</div>
<span>Camp Location API</span>
</div>
@@ -705,18 +561,9 @@
<tr>
<td>
<div class="d-flex align-items-center">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="
width: 32px;
height: 32px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-sitemap"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="width: 32px; height: 32px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-sitemap" style="color: var(--primary-color);"></i>
</div>
<span>Menu Tree API</span>
</div>
@@ -743,18 +590,9 @@
<tr>
<td>
<div class="d-flex align-items-center">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="
width: 32px;
height: 32px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-envelope"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="width: 32px; height: 32px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-envelope" style="color: var(--primary-color);"></i>
</div>
<span>Contact API</span>
</div>
@@ -781,56 +619,9 @@
<tr>
<td>
<div class="d-flex align-items-center">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="
width: 32px;
height: 32px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-envelope"
style="color: var(--primary-color)"
></i>
</div>
<span>Service API</span>
</div>
</td>
<td><code>/api/service</code></td>
<td>
<span
class="badge"
style="background-color: var(--primary-color)"
>GET</span
>
</td>
<td>API to get service data</td>
<td>
<a
href="/api/service"
class="btn btn-sm btn-outline-primary"
target="_blank"
>
<i class="fas fa-external-link-alt me-1"></i>View
</a>
</td>
</tr>
<tr>
<td>
<div class="d-flex align-items-center">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="
width: 32px;
height: 32px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-campground"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-2"
style="width: 32px; height: 32px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-campground" style="color: var(--primary-color);"></i>
</div>
<span>Camp Location API</span>
</div>
@@ -875,18 +666,9 @@
<div class="row">
<div class="col-md-6">
<div class="d-flex align-items-center mb-3">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="
width: 40px;
height: 40px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i
class="fas fa-info-circle"
style="color: var(--primary-color)"
></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="width: 40px; height: 40px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-info-circle" style="color: var(--primary-color);"></i>
</div>
<div>
<div class="text-muted small">Version</div>
@@ -899,19 +681,13 @@
<div class="col-md-6">
<div class="d-flex align-items-center mb-3">
<div
class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="
width: 40px;
height: 40px;
background-color: rgba(184, 183, 106, 0.1);
"
>
<i class="fas fa-user" style="color: var(--primary-color)"></i>
<div class="rounded-circle d-flex align-items-center justify-content-center me-3"
style="width: 40px; height: 40px; background-color: rgba(184, 183, 106, 0.1);">
<i class="fas fa-user" style="color: var(--primary-color);"></i>
</div>
<div>
<div class="text-muted small">Logged in as</div>
<div class="fw-bold" style="color: var(--primary-color)">
<div class="fw-bold" style="color: var(--primary-color);">
<%= user.username %>
</div>
</div>
@@ -919,14 +695,8 @@
</div>
</div>
<div
class="alert mt-3 mb-0"
style="
background-color: rgba(184, 183, 106, 0.05);
border-left: 4px solid var(--primary-color);
"
role="alert"
>
<div class="alert mt-3 mb-0"
style="background-color: rgba(184, 183, 106, 0.05); border-left: 4px solid var(--primary-color);" role="alert">
<div class="d-flex">
<div class="me-3">
<i
@@ -983,4 +753,4 @@
background-color: var(--primary-color) !important;
color: white;
}
</style>
</style>