/* CSS Tambahan untuk Mempercantik Sidebar & Navigasi */
.sidebar, main#sidebar, .left-sidebar, nav.sidebar, div[class*='sidebar'] {
background-color: #ffffff !important;
border-right: 1px solid #eaeaea;
}
.sidebar .nav-link, .sidebar a, nav a {
padding: 8px 16px !important;
margin: 2px 10px !important;
border-radius: 6px !important;
font-size: 13.5px !important;
color: #495057 !important;
transition: all 0.2s ease-in-out;
}
.sidebar .nav-link:hover, .sidebar a:hover {
background-color: #f8f9fa !important;
color: #0d6efd !important;
}
.sidebar .nav-link.active, .sidebar a.active {
background-color: #e7f1ff !important;
color: #0d6efd !important;
font-weight: 600;
}
.sidebar .nav-link i, .sidebar a i {
width: 20px;
text-align: center;
margin-right: 8px;
}
Data Alumni
Modul daftar siswa yang telah lulus.
| No | Nama Alumni | Tahun Lulus |
|---|
| Belum ada data alumni. |
document.addEventListener("DOMContentLoaded", function() {
// Cek apakah URL saat ini mengandung kata "ujian" atau "master" atau "presensi"
// Untuk menjaga agar dropdown terkait terbuka otomatis hanya saat halamannya aktif
const currentPath = window.location.pathname;
// Contoh: Jika di halaman ujian, buka menu ujian
if(currentPath.includes("ujian") || currentPath.includes("draft")) {
let menuUjian = document.querySelector("#ujianCollapse, .ujian-menu, [href*='ujian']");
// Cari parent collapse terdekat
if(menuUjian) {
let parentCollapse = menuUjian.closest(".collapse");
if(parentCollapse) { parentCollapse.classList.add("show"); }
}
}
// Jika tidak di Data Master, pastikan dropdown Data Master tertutup saat refresh (kecuali sedang di halaman master)
if(!currentPath.includes("tahun-pelajaran") && !currentPath.includes("mata-pelajaran") && !currentPath.includes("siswa") && !currentPath.includes("kelas")) {
let masterCollapse = document.querySelector("#dataMasterCollapse, .master-collapse");
// Jika ingin memaksa tertutup saat refresh di luar halaman master:
// Uncomment baris di bawah jika ingin benar-benar auto-close:
// if(masterCollapse) { masterCollapse.classList.remove("show"); }
}
});
document.addEventListener("DOMContentLoaded", function() {
const path = window.location.pathname;
// Cari semua elemen dropdown collapse di sidebar
const collapses = document.querySelectorAll(".sidebar .collapse, nav .collapse, .left-sidebar .collapse");
collapses.forEach(function(col) {
// Cek apakah di dalam collapse ini ada link yang sedang aktif / sesuai URL
let hasActiveChild = col.querySelector(".active") || (path.includes("master") && col.id.toLowerCase().includes("master"));
// Jika sedang di halaman ujian/draft, pastikan menu data master ditutup paksa (gembok!)
if (path.includes("ujian") || path.includes("draft") || path.includes("overview")) {
if (col.classList.contains("show")) {
col.classList.remove("show");
}
}
});
});
document.addEventListener("DOMContentLoaded", function() {
// Cari link Dashboard secara spesifik
const dashboardLinks = document.querySelectorAll("a");
dashboardLinks.forEach(function(link) {
if (link.textContent.trim() === "Dashboard" && !link.classList.contains("dropdown-toggle")) {
link.addEventListener("click", function(e) {
// Tutup paksa semua menu collapse yang mungkin terbuka
document.querySelectorAll(".collapse.show").forEach(function(col) {
col.classList.remove("show");
});
});
}
});
});