2018-12-03 18:49:32 +00:00
|
|
|
document.addEventListener('DOMContentLoaded', function (event) {
|
|
|
|
const menuWrappers = Array.from(document.querySelectorAll('.menu-wrapper'));
|
2019-02-19 15:40:29 +00:00
|
|
|
const rightMenus = Array.from(document.querySelectorAll('nav.jsRightMenu'));
|
2019-05-14 16:19:30 +00:00
|
|
|
const viewsContainer = Array.from(document.querySelectorAll('.views-container'));
|
2018-12-03 18:49:32 +00:00
|
|
|
|
2019-05-20 13:06:07 +00:00
|
|
|
window.addEventListener('navigate', (event) => {
|
|
|
|
//- View change event
|
|
|
|
});
|
|
|
|
|
2019-05-14 16:19:30 +00:00
|
|
|
//- Toggle sub-menus
|
2018-12-03 18:49:32 +00:00
|
|
|
menuWrappers.forEach(menuWrapper => {
|
|
|
|
const menu = menuWrapper.querySelector('.menu');
|
|
|
|
menu.addEventListener('click', e => {
|
|
|
|
menuWrapper.classList.toggle('is-closed');
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2019-05-14 16:19:30 +00:00
|
|
|
//- Open/close menu on the right
|
2019-02-19 15:40:29 +00:00
|
|
|
rightMenus.forEach(rightMenu => {
|
|
|
|
const btnRightMenu = rightMenu.querySelector("li.jsOffsiteToggle");
|
2019-05-13 16:50:34 +00:00
|
|
|
|
2019-02-19 15:40:29 +00:00
|
|
|
btnRightMenu.addEventListener('click', e => {
|
2019-05-14 16:19:30 +00:00
|
|
|
rightMenus.forEach(rM => rM.classList.toggle('offsite-is-closed'));
|
|
|
|
viewsContainer.forEach(vC => vC.classList.toggle('sidebar-is-closed'));
|
2019-02-19 15:40:29 +00:00
|
|
|
})
|
2019-05-13 16:50:34 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
});
|