43 lines
1.4 KiB
JavaScript
43 lines
1.4 KiB
JavaScript
document.addEventListener("DOMContentLoaded", () => {
|
|
const path = window.location.pathname;
|
|
|
|
const navItems = {
|
|
login: document.getElementById("nav-login"),
|
|
settings: document.getElementById("nav-settings"),
|
|
staff: document.getElementById("nav-staff"),
|
|
logout: document.getElementById("nav-logout"),
|
|
};
|
|
|
|
const isLoginPage = path === "/login";
|
|
|
|
/* ---------- Видимость пунктов ---------- */
|
|
|
|
if (isLoginPage) {
|
|
navItems.login?.classList.remove("d-none");
|
|
navItems.settings?.classList.add("d-none");
|
|
navItems.staff?.classList.add("d-none");
|
|
navItems.logout?.classList.add("d-none");
|
|
} else {
|
|
navItems.login?.classList.add("d-none");
|
|
navItems.settings?.classList.remove("d-none");
|
|
navItems.staff?.classList.remove("d-none");
|
|
navItems.logout?.classList.remove("d-none");
|
|
}
|
|
|
|
/* ---------- Подсветка активной страницы ---------- */
|
|
|
|
// Для "/" — ничего не подсвечиваем
|
|
if (path === "/") {
|
|
return;
|
|
}
|
|
|
|
document
|
|
.querySelectorAll(".nav-link[data-path]")
|
|
.forEach(link => {
|
|
if (link.dataset.path === path) {
|
|
link.classList.add("active");
|
|
} else {
|
|
link.classList.remove("active");
|
|
}
|
|
});
|
|
}); |