From 7d3e16846565dc57b54e6ea95f1849d8feb0c590 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Wed, 13 Dec 2023 17:37:10 +0100 Subject: [PATCH] starting to refactor js menu --- resources/js/menus.js | 34 ++++++++++++++++------------------ 1 file changed, 16 insertions(+), 18 deletions(-) diff --git a/resources/js/menus.js b/resources/js/menus.js index 1ad3ee2..0f9b8db 100644 --- a/resources/js/menus.js +++ b/resources/js/menus.js @@ -161,22 +161,25 @@ export default function menuInit() { // searchModule.removeAttribute('mobile-opened', ''); // }, 50); } + function handleSearchOpening() { + // SEARCH TOGGLE open/close + searchModuleToggle.addEventListener('click', function (e) { + closeSubmenus(); - // SEARCH TOGGLE open/close - searchModuleToggle.addEventListener('click', function (e) { - closeSubmenus(); + // SEARCH IS CLOSED --> OPEN IT + if (isSearchOpen() === false) { + openSearch(); + return; + } - // SEARCH IS CLOSED --> OPEN IT - if (isSearchOpen() === false) { - openSearch(); - return; - } + // SEARCH IS OPEN --> CLOSE IT + if (isSearchOpen() === true) { + closeSearch(); + } + }); + } - // SEARCH IS OPEN --> CLOSE IT - if (isSearchOpen() === true) { - closeSearch(); - } - }); + handleSearchOpening(); /* ----------------------------------------------------------- HANDLE MOBILE @@ -184,11 +187,6 @@ export default function menuInit() { const renovateurNavListContainer = header.querySelector('.menu-renovateur__navlist-container'); const HomegradeNavListContainer = header.querySelector('.menu-homegrade'); function isMobileNavOpened() { - console.log('is mobile nav opened'); - console.log( - renovateurNavListContainer.hasAttribute('opened') && - mobileMenuToggle.getAttribute('aria-expanded') === 'true' - ); return ( renovateurNavListContainer.hasAttribute('opened') && mobileMenuToggle.getAttribute('aria-expanded') === 'true'