Joseph Doherty
86ee7bd1a8
Make the seven sidebar section groups (Admin, Design, Deployment, Notifications, Site Calls, Monitoring, Audit) collapsible. New NavSection component renders a header toggle button (chevron) and reveals its items only while expanded; NavMenu owns the expanded-section set. Behaviour: sections are collapsed by default; state persists in the `scadabridge_nav` cookie (written/read via the new nav-state.js JS interop, mirroring treeview-storage.js) so it survives reloads and reconnects; navigating into a section auto-expands it and remembers it. The Dashboard item stays sectionless and always visible. Tests: NavMenu bUnit tests expand sections before asserting items and add collapsed-by-default / toggle / cookie-persistence cases; Playwright nav tests expand sections before clicking links; new NavCollapseTests covers the feature E2E. Build 0 warnings; bUnit 545 passed; Playwright nav suite green (the unrelated AuditGridColumnTests resize-reload case remains pre-existing flaky — an un-awaited save race in that test).
19 lines
909 B
JavaScript
19 lines
909 B
JavaScript
// Sidebar nav collapse state — persisted in the `scadabridge_nav` cookie so it
|
|
// survives full page reloads and reconnects. Invoked from NavMenu.razor via
|
|
// JS interop (window.navState.get / .set), mirroring window.treeviewStorage.
|
|
window.navState = {
|
|
// Returns the raw cookie value (comma-separated expanded section ids), or
|
|
// an empty string when the cookie is absent.
|
|
get: function () {
|
|
const match = document.cookie.match(/(?:^|;\s*)scadabridge_nav=([^;]*)/);
|
|
return match ? decodeURIComponent(match[1]) : "";
|
|
},
|
|
// Writes the cookie with a one-year lifetime. SameSite=Lax; not HttpOnly
|
|
// (JS must write it) and not sensitive.
|
|
set: function (value) {
|
|
const oneYearSeconds = 60 * 60 * 24 * 365;
|
|
document.cookie = "scadabridge_nav=" + encodeURIComponent(value) +
|
|
";path=/;max-age=" + oneYearSeconds + ";samesite=lax";
|
|
}
|
|
};
|