Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

starting to refactor js menu

Browse Source
This commit is contained in:
Antoine M 2023-12-13 17:37:10 +01:00
parent 044f741cc6
commit 7d3e168465
1 changed files with 16 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
resources/js/menus.js
View File

@ -161,22 +161,25 @@ export default function menuInit() {
// searchModule.removeAttribute('mobile-opened', ''); // searchModule.removeAttribute('mobile-opened', '');
// }, 50); // }, 50);
} }
function handleSearchOpening() {
// SEARCH TOGGLE open/close
searchModuleToggle.addEventListener('click', function (e) {
closeSubmenus();
// SEARCH TOGGLE open/close // SEARCH IS CLOSED --> OPEN IT
searchModuleToggle.addEventListener('click', function (e) { if (isSearchOpen() === false) {
closeSubmenus(); openSearch();
return;
}
// SEARCH IS CLOSED --> OPEN IT // SEARCH IS OPEN --> CLOSE IT
if (isSearchOpen() === false) { if (isSearchOpen() === true) {
openSearch(); closeSearch();
return; }
} });
}
// SEARCH IS OPEN --> CLOSE IT handleSearchOpening();
if (isSearchOpen() === true) {
closeSearch();
}
});
/* ----------------------------------------------------------- /* -----------------------------------------------------------
HANDLE MOBILE HANDLE MOBILE
@ -184,11 +187,6 @@ export default function menuInit() {
const renovateurNavListContainer = header.querySelector('.menu-renovateur__navlist-container'); const renovateurNavListContainer = header.querySelector('.menu-renovateur__navlist-container');
const HomegradeNavListContainer = header.querySelector('.menu-homegrade'); const HomegradeNavListContainer = header.querySelector('.menu-homegrade');
function isMobileNavOpened() { function isMobileNavOpened() {
console.log('is mobile nav opened');
console.log(
renovateurNavListContainer.hasAttribute('opened') &&
mobileMenuToggle.getAttribute('aria-expanded') === 'true'
);
return ( return (
renovateurNavListContainer.hasAttribute('opened') && renovateurNavListContainer.hasAttribute('opened') &&
mobileMenuToggle.getAttribute('aria-expanded') === 'true' mobileMenuToggle.getAttribute('aria-expanded') === 'true'