NguyenThanhToan/cms.techvanguard.vn
1
0
Fork 0
forked from UKSOURCE/cms.lams
Code Pull Requests Activity

Update: Home, About fixed btn, UI Dashboard responesive

Browse Source
This commit is contained in:
tienduy
2026-04-23 20:05:41 +07:00
parent 4ba3eb4a82
commit caf38e8750
5 changed files with 138 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/admin/dashboard.ejs
+106 -87
View File
@@ -7,10 +7,11 @@
<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="row g-0 align-items-stretch">
<!-- Home -->
<div class="col-md-4 border-end">
<div class="p-4">
<div class="p-4 d-flex flex-column h-100">
<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);">
@@ -21,7 +22,7 @@
<p class="text-muted mb-0 small">Manage homepage</p>
</div>
</div>
<a href="/admin/home" class="btn btn-sm btn-primary w-100 mt-2">
<a href="/admin/home" class="btn btn-sm btn-primary w-100 mt-auto">
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
@@ -29,7 +30,7 @@
<!-- Header & Menu -->
<div class="col-md-4 border-end">
<div class="p-4">
<div class="p-4 d-flex flex-column h-100">
<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);">
@@ -40,7 +41,7 @@
<p class="text-muted mb-0 small">Manage header & menu</p>
</div>
</div>
<a href="/admin/header" class="btn btn-sm btn-primary w-100 mt-2">
<a href="/admin/header" class="btn btn-sm btn-primary w-100 mt-auto">
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
@@ -48,7 +49,7 @@
<!-- Footer -->
<div class="col-md-4">
<div class="p-4">
<div class="p-4 d-flex flex-column h-100">
<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);">
@@ -59,7 +60,7 @@
<p class="text-muted mb-0 small">Manage footer</p>
</div>
</div>
<a href="/admin/footer" class="btn btn-sm btn-primary w-100 mt-2">
<a href="/admin/footer" class="btn btn-sm btn-primary w-100 mt-auto">
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
@@ -88,8 +89,7 @@
<% const aboutPages=[ { label: 'About Us' , href: '/admin/about' , icon: 'fa-users' }, {
label: 'Partnerships' , href: '/admin/partnerships' , icon: 'fa-handshake' }, { label: 'History' ,
href: '/admin/history' , icon: 'fa-history' }, { label: 'Accreditation' , href: '/admin/accreditation' ,
icon: 'fa-certificate' }, { label: 'Admissions' , href: '/admin/admissions' , icon: 'fa-door-open' }, {
label: 'Policies' , href: '/admin/policies' , icon: 'fa-file-contract' }, ]; %>
icon: 'fa-certificate' }, {label: 'Policies' , href: '/admin/policies' , icon: 'fa-file-contract' }, ]; %>
<% aboutPages.forEach(page=> { %>
<div class="col-md-4">
<div class="border rounded p-3" style="background-color: var(--bs-light);">
@@ -112,85 +112,9 @@
</div>
</div>
<!-- Contact -->
<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>
<div>
<h5 class="mb-0">Contact</h5>
<p class="text-muted mb-0 small">Manage contact</p>
</div>
</div>
<a href="/admin/contact" class="btn btn-sm btn-primary w-100 mt-2">
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
</div>
<!-- Student Support -->
<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-life-ring fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Student Support</h5>
<p class="text-muted mb-0 small">LAMS student support page</p>
</div>
</div>
<a href="/admin/student-support" class="btn btn-sm btn-primary w-100 mt-2">
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
</div>
<!-- Request Info -->
<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-alt fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Request Info</h5>
<p class="text-muted mb-0 small">LAMS request information page</p>
</div>
</div>
<a href="/admin/request-info" class="btn btn-sm btn-primary w-100 mt-2">
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
</div>
<!-- Blog -->
<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-blog fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Blog</h5>
<p class="text-muted mb-0 small">Manage blog posts</p>
</div>
</div>
<a href="/admin/blog" class="btn btn-sm btn-primary w-100 mt-2">
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
</div>
<!-- Programme -->
<div class="col-md-4 border-end border-top">
<div class="p-4">
<div class="p-4 d-flex flex-column h-100">
<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);">
@@ -201,7 +125,102 @@
<p class="text-muted mb-0 small">Manage academic programmes</p>
</div>
</div>
<a href="/admin/programme" class="btn btn-sm btn-primary w-100 mt-2">
<a href="/admin/programme" class="btn btn-sm btn-primary w-100 mt-auto">
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
</div>
<!-- Student Support -->
<div class="col-md-4 border-end border-top">
<div class="p-4 d-flex flex-column h-100">
<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-life-ring fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Student Support</h5>
<p class="text-muted mb-0 small">LAMS student support page</p>
</div>
</div>
<a href="/admin/student-support" class="btn btn-sm btn-primary w-100 mt-auto">
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
</div>
<!-- Admissioin -->
<div class="col-md-4 border-end border-top">
<div class="p-4 d-flex flex-column h-100">
<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-door-open fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Admisions</h5>
<p class="text-muted mb-0 small">LAMS admission page</p>
</div>
</div>
<a href="/admin/admissions" class="btn btn-sm btn-primary w-100 mt-auto">
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
</div>
<!-- Blog -->
<div class="col-md-4 border-end border-top">
<div class="p-4 d-flex flex-column h-100">
<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-blog fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Blog</h5>
<p class="text-muted mb-0 small">Manage blog posts</p>
</div>
</div>
<a href="/admin/blog" class="btn btn-sm btn-primary w-100 mt-auto">
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
</div>
<!-- Contact -->
<div class="col-md-4 border-end border-top">
<div class="p-4 d-flex flex-column h-100">
<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>
<div>
<h5 class="mb-0">Contact</h5>
<p class="text-muted mb-0 small">Manage contact</p>
</div>
</div>
<a href="/admin/contact" class="btn btn-sm btn-primary w-100 mt-auto">
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>
</div>
<!-- Request Info -->
<div class="col-md-4 border-end border-top">
<div class="p-4 d-flex flex-column h-100">
<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-alt fa-lg" style="color: var(--primary-color);"></i>
</div>
<div>
<h5 class="mb-0">Request Info</h5>
<p class="text-muted mb-0 small">LAMS request information page</p>
</div>
</div>
<a href="/admin/request-info" class="btn btn-sm btn-primary w-100 mt-auto">
<i class="fas fa-edit me-2"></i>Edit
</a>
</div>