updates for admin area
This commit is contained in:
+30
-1
@@ -1 +1,30 @@
|
||||
import './bootstrap';
|
||||
import './bootstrap';
|
||||
|
||||
const menuButton = document.querySelector('[data-menu-toggle]');
|
||||
const menuPanel = document.querySelector('[data-menu-panel]');
|
||||
|
||||
menuButton?.addEventListener('click', () => {
|
||||
const open = menuPanel?.classList.toggle('open') ?? false;
|
||||
menuButton.setAttribute('aria-expanded', String(open));
|
||||
menuButton.textContent = open ? '×' : '☰';
|
||||
});
|
||||
|
||||
document.querySelectorAll('[data-menu-panel] a').forEach((link) => {
|
||||
link.addEventListener('click', () => {
|
||||
menuPanel?.classList.remove('open');
|
||||
menuButton?.setAttribute('aria-expanded', 'false');
|
||||
if (menuButton) menuButton.textContent = '☰';
|
||||
});
|
||||
});
|
||||
|
||||
const adminSidebar = document.querySelector('#adminSidebar');
|
||||
const adminOverlay = document.querySelector('[data-admin-overlay]');
|
||||
const setAdminMenu = (open) => {
|
||||
adminSidebar?.classList.toggle('open', open);
|
||||
adminOverlay?.classList.toggle('open', open);
|
||||
document.body.classList.toggle('admin-menu-open', open);
|
||||
};
|
||||
|
||||
document.querySelector('[data-admin-open]')?.addEventListener('click', () => setAdminMenu(true));
|
||||
document.querySelector('[data-admin-close]')?.addEventListener('click', () => setAdminMenu(false));
|
||||
adminOverlay?.addEventListener('click', () => setAdminMenu(false));
|
||||
|
||||
Reference in New Issue
Block a user