toannt/uldp-degree-mangement-system
1
0
Fork 0
forked from UKSOURCE/cms.hailearning.edu.vn
Code Pull Requests Activity

feat: add service management module with CRUD operations

Browse Source
This commit is contained in:
nguyenvanbao
2026-02-03 16:20:07 +07:00
parent d1b931d547
commit 9dc02974a4
21 changed files with 3798 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

675
views/admin/dashboard.ejs
View File

@@ -4,16 +4,25 @@
<!-- Quick Actions -->
<div class="card mb-4">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="mb-0" style="color: var(--primary-color);">Quick Management</h5>
<h5 class="mb-0" style="color: var(--primary-color)">Quick Management</h5>
</div>
<div class="card-body p-0">
<div class="row g-0">
<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>
@@ -29,9 +38,18 @@
<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>
@@ -47,9 +65,18 @@
<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>
@@ -62,14 +89,21 @@
</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-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>
@@ -85,9 +119,18 @@
<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>
@@ -103,9 +146,18 @@
<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>
@@ -121,16 +173,28 @@
<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-file-contract fa-lg"
style="color: var(--primary-color)"
></i>
</div>
<div>
<h5 class="mb-0">Terms & Conditions</h5>
<p class="text-muted mb-0 small">Manage terms</p>
</div>
</div>
<a href="/admin/terms-conditions" class="btn btn-sm btn-primary w-100 mt-2">
<a
href="/admin/terms-conditions"
class="btn btn-sm btn-primary w-100 mt-2"
>
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
@@ -139,9 +203,18 @@
<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>
@@ -157,9 +230,18 @@
<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>
@@ -175,16 +257,28 @@
<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>
<p class="text-muted mb-0 small">Manage camp location</p>
</div>
</div>
<a href="/admin/camp-location" class="btn btn-sm btn-primary w-100 mt-2">
<a
href="/admin/camp-location"
class="btn btn-sm btn-primary w-100 mt-2"
>
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
@@ -193,9 +287,18 @@
<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>
@@ -207,7 +310,32 @@
</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-running fa-lg"
style="color: var(--primary-color)"
></i>
</div>
<div>
<h5 class="mb-0">Services</h5>
<p class="text-muted mb-0 small">Manage services</p>
</div>
</div>
<a href="/admin/service" class="btn btn-sm btn-primary w-100 mt-2">
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
</div>
</div>
</div>
</div>
@@ -234,18 +362,37 @@
<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>
</td>
<td><code>/api/header</code></td>
<td><span class="badge" style="background-color: var(--primary-color);">GET</span></td>
<td>
<span
class="badge"
style="background-color: var(--primary-color)"
>GET</span
>
</td>
<td>API to get menu header data</td>
<td>
<a href="/api/header" class="btn btn-sm btn-outline-primary" target="_blank">
<a
href="/api/header"
class="btn btn-sm btn-outline-primary"
target="_blank"
>
<i class="fas fa-external-link-alt me-1"></i>View
</a>
</td>
@@ -253,18 +400,37 @@
<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>
</td>
<td><code>/api/home</code></td>
<td><span class="badge" style="background-color: var(--primary-color);">GET</span></td>
<td>
<span
class="badge"
style="background-color: var(--primary-color)"
>GET</span
>
</td>
<td>API to get homepage data</td>
<td>
<a href="/api/home" class="btn btn-sm btn-outline-primary" target="_blank">
<a
href="/api/home"
class="btn btn-sm btn-outline-primary"
target="_blank"
>
<i class="fas fa-external-link-alt me-1"></i>View
</a>
</td>
@@ -272,18 +438,37 @@
<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>
</td>
<td><code>/api/about</code></td>
<td><span class="badge" style="background-color: var(--primary-color);">GET</span></td>
<td>
<span
class="badge"
style="background-color: var(--primary-color)"
>GET</span
>
</td>
<td>API to get about page data</td>
<td>
<a href="/api/about" class="btn btn-sm btn-outline-primary" target="_blank">
<a
href="/api/about"
class="btn btn-sm btn-outline-primary"
target="_blank"
>
<i class="fas fa-external-link-alt me-1"></i>View
</a>
</td>
@@ -291,18 +476,37 @@
<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>
</td>
<td><code>/api/about-us</code></td>
<td><span class="badge" style="background-color: var(--primary-color);">GET</span></td>
<td>
<span
class="badge"
style="background-color: var(--primary-color)"
>GET</span
>
</td>
<td>API to get about us data</td>
<td>
<a href="/api/about-us" class="btn btn-sm btn-outline-primary" target="_blank">
<a
href="/api/about-us"
class="btn btn-sm btn-outline-primary"
target="_blank"
>
<i class="fas fa-external-link-alt me-1"></i>View
</a>
</td>
@@ -310,18 +514,37 @@
<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>
</td>
<td><code>/api/faq</code></td>
<td><span class="badge" style="background-color: var(--primary-color);">GET</span></td>
<td>
<span
class="badge"
style="background-color: var(--primary-color)"
>GET</span
>
</td>
<td>API to get FAQ data</td>
<td>
<a href="/api/faq" class="btn btn-sm btn-outline-primary" target="_blank">
<a
href="/api/faq"
class="btn btn-sm btn-outline-primary"
target="_blank"
>
<i class="fas fa-external-link-alt me-1"></i>View
</a>
</td>
@@ -329,18 +552,37 @@
<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>
</td>
<td><code>/api/terms</code></td>
<td><span class="badge" style="background-color: var(--primary-color);">GET</span></td>
<td>
<span
class="badge"
style="background-color: var(--primary-color)"
>GET</span
>
</td>
<td>API to get terms & conditions data</td>
<td>
<a href="/api/terms" class="btn btn-sm btn-outline-primary" target="_blank">
<a
href="/api/terms"
class="btn btn-sm btn-outline-primary"
target="_blank"
>
<i class="fas fa-external-link-alt me-1"></i>View
</a>
</td>
@@ -348,18 +590,37 @@
<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>
</td>
<td><code>/api/travel</code></td>
<td><span class="badge" style="background-color: var(--primary-color);">GET</span></td>
<td>
<span
class="badge"
style="background-color: var(--primary-color)"
>GET</span
>
</td>
<td>API to get travel data</td>
<td>
<a href="/api/travel" class="btn btn-sm btn-outline-primary" target="_blank">
<a
href="/api/travel"
class="btn btn-sm btn-outline-primary"
target="_blank"
>
<i class="fas fa-external-link-alt me-1"></i>View
</a>
</td>
@@ -367,18 +628,37 @@
<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>
</td>
<td><code>/api/safety</code></td>
<td><span class="badge" style="background-color: var(--primary-color);">GET</span></td>
<td>
<span
class="badge"
style="background-color: var(--primary-color)"
>GET</span
>
</td>
<td>API to get safety data</td>
<td>
<a href="/api/safety" class="btn btn-sm btn-outline-primary" target="_blank">
<a
href="/api/safety"
class="btn btn-sm btn-outline-primary"
target="_blank"
>
<i class="fas fa-external-link-alt me-1"></i>View
</a>
</td>
@@ -386,38 +666,76 @@
<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>
</td>
<td><code>/api/camp-location</code></td>
<td><span class="badge" style="background-color: var(--primary-color);">GET</span></td>
<td>
<span
class="badge"
style="background-color: var(--primary-color)"
>GET</span
>
</td>
<td>API to get camp location data</td>
<td>
<a href="/api/camp-location" class="btn btn-sm btn-outline-primary" target="_blank">
<a
href="/api/camp-location"
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-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>
</td>
<td><code>/api/menu-tree</code></td>
<td><span class="badge" style="background-color: var(--primary-color);">GET</span></td>
<td>
<span
class="badge"
style="background-color: var(--primary-color)"
>GET</span
>
</td>
<td>API to get menu tree data</td>
<td>
<a href="/api/menu-tree" class="btn btn-sm btn-outline-primary" target="_blank">
<a
href="/api/menu-tree"
class="btn btn-sm btn-outline-primary"
target="_blank"
>
<i class="fas fa-external-link-alt me-1"></i>View
</a>
</td>
@@ -425,18 +743,37 @@
<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>
</td>
<td><code>/api/contact</code></td>
<td><span class="badge" style="background-color: var(--primary-color);">GET</span></td>
<td>
<span
class="badge"
style="background-color: var(--primary-color)"
>GET</span
>
</td>
<td>API to get contact data</td>
<td>
<a href="/api/contact" class="btn btn-sm btn-outline-primary" target="_blank">
<a
href="/api/contact"
class="btn btn-sm btn-outline-primary"
target="_blank"
>
<i class="fas fa-external-link-alt me-1"></i>View
</a>
</td>
@@ -444,18 +781,75 @@
<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-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>
<span>Camp Location API</span>
</div>
</td>
<td><code>/api/camp-location</code></td>
<td><span class="badge" style="background-color: var(--primary-color);">GET</span></td>
<td>
<span
class="badge"
style="background-color: var(--primary-color)"
>GET</span
>
</td>
<td>API to get camp location data</td>
<td>
<a href="/api/camp-location" class="btn btn-sm btn-outline-primary" target="_blank">
<a
href="/api/camp-location"
class="btn btn-sm btn-outline-primary"
target="_blank"
>
<i class="fas fa-external-link-alt me-1"></i>View
</a>
</td>
@@ -468,46 +862,83 @@
<!-- System Info -->
<div class="card">
<div class="card-header" style="background: linear-gradient(135deg, #b8b76a, #9a994a); color: white;">
<div
class="card-header"
style="
background: linear-gradient(135deg, #b8b76a, #9a994a);
color: white;
"
>
<h5 class="mb-0">System Information</h5>
</div>
<div class="card-body" style="background-color: #f8faf8;">
<div class="card-body" style="background-color: #f8faf8">
<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>
<div class="fw-bold" style="color: var(--primary-color);">CMS-SIMS v1.0.0</div>
<div class="fw-bold" style="color: var(--primary-color)">
CMS-SIMS v1.0.0
</div>
</div>
</div>
</div>
<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);"><%= user.username %></div>
<div class="fw-bold" style="color: var(--primary-color)">
<%= user.username %>
</div>
</div>
</div>
</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 class="fas fa-lightbulb fa-lg" style="color: var(--primary-color);"></i>
<i
class="fas fa-lightbulb fa-lg"
style="color: var(--primary-color)"
></i>
</div>
<div>
<h6 class="mb-1" style="color: var(--primary-color);">Quick Tip</h6>
<p class="mb-0 text-muted">Click the Edit button to make changes to your data.</p>
<h6 class="mb-1" style="color: var(--primary-color)">Quick Tip</h6>
<p class="mb-0 text-muted">
Click the Edit button to make changes to your data.
</p>
</div>
</div>
</div>
@@ -520,34 +951,34 @@
color: var(--primary-color);
font-weight: 600;
}
.btn-primary {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: white;
}
.btn-primary:hover {
background-color: var(--primary-dark);
border-color: var(--primary-dark);
color: white;
}
.btn-outline-primary {
color: var(--primary-color);
border-color: var(--primary-color);
}
.btn-outline-primary:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: white;
}
.card-header h5 {
color: white;
}
.badge {
background-color: var(--primary-color) !important;
color: white;