55 lines
1.9 KiB
JavaScript
55 lines
1.9 KiB
JavaScript
window.addEventListener('load', (function() {
|
|
|
|
var initialSectionName = $('[data-section][data-open]').dataset.section;
|
|
|
|
$('::[data-action-sidebar]').forEach(function(actionSidebarElem){
|
|
var sidebarElem = $('[data-sidebar="' + actionSidebarElem.dataset.actionSidebar + '"]');
|
|
function toggleSidebar () {
|
|
sidebarElem.dataset.open = (sidebarElem.dataset.open !== 'open' ? 'open' : false);
|
|
}
|
|
actionSidebarElem.addEventListener('click', toggleSidebar);
|
|
sidebarElem.addEventListener('click', toggleSidebar);
|
|
sidebarElem.querySelector('.holo-list').addEventListener('click', (function(event){
|
|
event.stopPropagation();
|
|
}));
|
|
arrayFrom(sidebarElem.querySelectorAll('.holo-list li button, .holo-list li [role="button"]')).forEach(function(buttonElem){
|
|
buttonElem.addEventListener('click', (function(){
|
|
sidebarElem.dataset.open = false;
|
|
}));
|
|
})
|
|
});
|
|
|
|
$('::[data-action-section]').forEach(function(actionSectionElem){
|
|
var sectionElems = $('::[data-section]');
|
|
var sectionTargetName = actionSectionElem.dataset.actionSection;
|
|
var sectionTargetElem = $('[data-section="' + sectionTargetName + '"]');
|
|
actionSectionElem.addEventListener('click', (function(event){
|
|
sectionElems.forEach(function(sectionElem){
|
|
sectionElem.dataset.open = false;
|
|
});
|
|
sectionTargetElem.dataset.open = 'open';
|
|
location.hash = `/${sectionTargetName}`;
|
|
refreshDisplaySections(sectionTargetName);
|
|
}));
|
|
});
|
|
|
|
function refreshDisplaySections (sectionTargetName) {
|
|
$('::[data-display-sections]').forEach(function(displaySectionsElem){
|
|
if (displaySectionsElem.dataset.displaySections.split(' ').includes(sectionTargetName)) {
|
|
displaySectionsElem.style.display = null;
|
|
} else {
|
|
displaySectionsElem.style.display = 'none';
|
|
}
|
|
});
|
|
}
|
|
refreshDisplaySections();
|
|
|
|
function hashChange () {
|
|
var sectionHash = location.hash.slice(2).split('/')[0];
|
|
$(`[data-action-section="${sectionHash || initialSectionName}"]`).click();
|
|
}
|
|
window.addEventListener('hashchange', hashChange);
|
|
hashChange();
|
|
|
|
}));
|