nate/homeschool
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Settings nav and scope admin sidebar active-class toggle
Build and Push Docker Image / build-and-push (push) Successful in 36s
Details

Browse Source 
- Include .admin-sidebar-footer .nav-pill in click listener so Settings is reachable
- Update showPanel to toggle active class on both .admin-nav and footer pills

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 4.6 committed 2026-10-19 13:39:09 -04:00
1 parent 7775c4fc3a
commit 43850693ac
1 file changed
+2 -2
Download Patch File Download Diff File Expand all files Collapse all files
public/admin.js
+2 -2
View File
@@ -110,7 +110,7 @@ if (parentPin) unlock();
// ---------- navigation ---------- // ---------- navigation ----------
document.querySelectorAll('.admin-nav .nav-pill').forEach((pill) => document.querySelectorAll('.admin-nav .nav-pill, .admin-sidebar-footer .nav-pill').forEach((pill) =>
pill.addEventListener('click', () => showPanel(pill.dataset.panel)) pill.addEventListener('click', () => showPanel(pill.dataset.panel))
); );
document.querySelectorAll('[data-nav]').forEach((btn) => document.querySelectorAll('[data-nav]').forEach((btn) =>
@@ -126,7 +126,7 @@ const PANEL_TITLES = {
function showPanel(name) { function showPanel(name) {
document.querySelectorAll('.panel').forEach((p) => (p.hidden = p.id !== `panel-${name}`)); document.querySelectorAll('.panel').forEach((p) => (p.hidden = p.id !== `panel-${name}`));
document.querySelectorAll('.admin-nav .nav-pill').forEach((p) => p.classList.toggle('active', p.dataset.panel === name)); document.querySelectorAll('.admin-nav .nav-pill, .admin-sidebar-footer .nav-pill').forEach((p) => p.classList.toggle('active', p.dataset.panel === name));
const titleEl = document.getElementById('admin-page-title'); const titleEl = document.getElementById('admin-page-title');
if (titleEl) titleEl.textContent = PANEL_TITLES[name] || name; if (titleEl) titleEl.textContent = PANEL_TITLES[name] || name;
const loaders = { const loaders = {