40 lines
1.3 KiB
JavaScript
40 lines
1.3 KiB
JavaScript
|
'use strict';
|
||
|
|
{
|
||
|
|
const toggleNavSidebar = document.getElementById('toggle-nav-sidebar');
|
||
|
|
if (toggleNavSidebar !== null) {
|
||
|
|
const navLinks = document.querySelectorAll('#nav-sidebar a');
|
||
|
|
function disableNavLinkTabbing() {
|
||
|
|
for (const navLink of navLinks) {
|
||
|
|
navLink.tabIndex = -1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function enableNavLinkTabbing() {
|
||
|
|
for (const navLink of navLinks) {
|
||
|
|
navLink.tabIndex = 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
const main = document.getElementById('main');
|
||
|
|
let navSidebarIsOpen = localStorage.getItem('django.admin.navSidebarIsOpen');
|
||
|
|
if (navSidebarIsOpen === null) {
|
||
|
|
navSidebarIsOpen = 'true';
|
||
|
|
}
|
||
|
|
if (navSidebarIsOpen === 'false') {
|
||
|
|
disableNavLinkTabbing();
|
||
|
|
}
|
||
|
|
main.classList.toggle('shifted', navSidebarIsOpen === 'true');
|
||
|
|
|
||
|
|
toggleNavSidebar.addEventListener('click', function() {
|
||
|
|
if (navSidebarIsOpen === 'true') {
|
||
|
|
navSidebarIsOpen = 'false';
|
||
|
|
disableNavLinkTabbing();
|
||
|
|
} else {
|
||
|
|
navSidebarIsOpen = 'true';
|
||
|
|
enableNavLinkTabbing();
|
||
|
|
}
|
||
|
|
localStorage.setItem('django.admin.navSidebarIsOpen', navSidebarIsOpen);
|
||
|
|
main.classList.toggle('shifted');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|