servala/servala-portal
3
0
Fork 0
Code Issues 23 Pull requests 1 Projects 1 Releases Packages 2 Activity Actions

Mark subpaths as active in the sidebar
All checks were successful
Tests / test (push) Successful in 24s
Details

Browse source
This commit is contained in:
Tobias Kunze 2025-03-25 12:17:09 +01:00
parent b074a3413a
commit d093d422ce
1 changed files with 22 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

35
src/servala/static/js/sidebar.js
View file

@ -2,21 +2,30 @@
* This script marks the current path as active in the sidebar. * This script marks the current path as active in the sidebar.
*/ */
const markActive = (link) => {
const parentItem = link.closest('.sidebar-item');
if (parentItem) {
parentItem.classList.add('active');
} else {
link.classList.add('active');
}
}
const checkLink = (fuzzy) => {
}
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
const currentPath = window.location.pathname; const currentPath = window.location.pathname;
const sidebarLinks = document.querySelectorAll('.sidebar-link'); const sidebarLinks = [...document.querySelectorAll('a.sidebar-link')]
sidebarLinks.forEach(link => { const exactMatches = sidebarLinks.filter(link => link.getAttribute('href') === currentPath)
// Skip links that are inside buttons (like logout) if (exactMatches.length > 0) {
if (link.tagName === 'BUTTON') return; markActive(exactMatches[0])
} else {
if (link.getAttribute('href') === currentPath) { fuzzyMatches = sidebarLinks.filter(link => currentPath.startsWith(link.getAttribute('href')))
const parentItem = link.closest('.sidebar-item'); if (fuzzyMatches.length > 0) {
if (parentItem) { const longestMatch = fuzzyMatches.sort((a, b) => b.href.length - a.href.length)[0]
parentItem.classList.add('active'); markActive(longestMatch)
} else {
link.classList.add('active');
}
} }
}) }
}) })