diff --git a/application/views/mobile_first/ch.php b/application/views/mobile_first/ch.php index da3cf8c0..1e388867 100644 --- a/application/views/mobile_first/ch.php +++ b/application/views/mobile_first/ch.php @@ -400,47 +400,47 @@ bottom: 130px; + (function () { + const menuEl = document.getElementById("ml-menu"); + const mainMenu = document.getElementById("main-menu"); + const mainMenuItems = mainMenu.querySelectorAll("a[data-menu-item]"); + var lastMenuItem = null; + + mainMenuItems.forEach(item => { + item.addEventListener('click', function () { + mainMenu.style.visibility = 'hidden'; + const submenuId = this.getAttribute('data-submenu'); + const submenu = document.getElementById(submenuId); + lastMenuItem = submenu; + submenu.style.visibility = 'visible'; + }); + }); + + const backButtonList = document.querySelectorAll("button[data-back-button]"); + + backButtonList.forEach(back => { + back.addEventListener('click', function () { + mainMenu.style.visibility = 'visible'; + lastMenuItem.style.visibility = 'hidden'; + }); + }); + + const openMenuCtrl = document.querySelector(".action--open"); + const closeMenuCtrl = document.querySelector(".action--close"); + openMenuCtrl.addEventListener("click", openMenu); + closeMenuCtrl.addEventListener("click", closeMenu); + function openMenu() { + menuEl.classList.add("menu--open"); + openMenuCtrl.style.display = 'none'; + closeMenuCtrl.style.display = 'block'; + } + function closeMenu() { + menuEl.classList.remove("menu--open"); + openMenuCtrl.style.display = 'block'; + closeMenuCtrl.style.display = 'none'; + } + })(); +