37 lines
1.3 KiB
JavaScript
37 lines
1.3 KiB
JavaScript
// Navigation toggle
|
|
window.addEventListener('load', function () {
|
|
let main_navigation = document.querySelector('#primary-menu');
|
|
document.querySelector('#primary-menu-toggle').addEventListener('click', function (e) {
|
|
e.preventDefault();
|
|
main_navigation.classList.toggle('hidden');
|
|
});
|
|
});
|
|
|
|
// Display form add event
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
const button = document.querySelector('.add-event');
|
|
const form = document.querySelector('.form-add-event');
|
|
|
|
button.addEventListener('click', () => {
|
|
if (form.classList.contains('hidden')) {
|
|
// Afficher le formulaire
|
|
form.classList.remove('hidden');
|
|
setTimeout(() => {
|
|
form.classList.remove('opacity-0', 'scale-95');
|
|
form.classList.add('opacity-100', 'scale-100');
|
|
}, 10); // Petit délai pour permettre à la transition de s'exécuter
|
|
} else {
|
|
// Masquer le formulaire
|
|
form.classList.remove('opacity-100', 'scale-100');
|
|
form.classList.add('opacity-0', 'scale-95');
|
|
form.addEventListener(
|
|
'transitionend',
|
|
() => {
|
|
form.classList.add('hidden');
|
|
},
|
|
{ once: true }
|
|
);
|
|
}
|
|
});
|
|
});
|