Show hamburger menu on tickets
This commit is contained in:
@ -513,14 +513,6 @@ function createHamburgerMenu() {
|
|||||||
typesContainer.appendChild(label);
|
typesContainer.appendChild(label);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Toggle hamburger menu
|
|
||||||
const hamburgerIcon = hamburgerMenu.querySelector('.hamburger-icon');
|
|
||||||
const hamburgerContent = hamburgerMenu.querySelector('.hamburger-content');
|
|
||||||
hamburgerIcon.addEventListener('click', () => {
|
|
||||||
hamburgerContent.classList.toggle('open');
|
|
||||||
document.body.classList.toggle('menu-open');
|
|
||||||
});
|
|
||||||
|
|
||||||
// Apply filters
|
// Apply filters
|
||||||
const applyFiltersBtn = hamburgerMenu.querySelector('#apply-filters');
|
const applyFiltersBtn = hamburgerMenu.querySelector('#apply-filters');
|
||||||
applyFiltersBtn.addEventListener('click', () => {
|
applyFiltersBtn.addEventListener('click', () => {
|
||||||
@ -559,10 +551,18 @@ function createHamburgerMenu() {
|
|||||||
params.delete('type');
|
params.delete('type');
|
||||||
window.location.search = params.toString();
|
window.location.search = params.toString();
|
||||||
});
|
});
|
||||||
|
}
|
||||||
// Add to body
|
// Add to body
|
||||||
document.body.appendChild(hamburgerMenu);
|
document.body.appendChild(hamburgerMenu);
|
||||||
|
|
||||||
|
// Toggle hamburger menu
|
||||||
|
const hamburgerIcon = hamburgerMenu.querySelector('.hamburger-icon');
|
||||||
|
const hamburgerContent = hamburgerMenu.querySelector('.hamburger-content');
|
||||||
|
hamburgerIcon.addEventListener('click', () => {
|
||||||
|
hamburgerContent.classList.toggle('open');
|
||||||
|
document.body.classList.toggle('menu-open');
|
||||||
|
});
|
||||||
|
|
||||||
// Close hamburger menu
|
// Close hamburger menu
|
||||||
const closeButton = hamburgerMenu.querySelector('.close-hamburger');
|
const closeButton = hamburgerMenu.querySelector('.close-hamburger');
|
||||||
closeButton.addEventListener('click', () => {
|
closeButton.addEventListener('click', () => {
|
||||||
@ -570,7 +570,6 @@ function createHamburgerMenu() {
|
|||||||
document.body.classList.remove('menu-open');
|
document.body.classList.remove('menu-open');
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
// Add to DOMContentLoaded
|
// Add to DOMContentLoaded
|
||||||
document.addEventListener('DOMContentLoaded', createHamburgerMenu);
|
document.addEventListener('DOMContentLoaded', createHamburgerMenu);
|
||||||
|
|||||||
Reference in New Issue
Block a user