- Séperation de la modal dans un fichier twig et js.
- Ajout d ela section commentaire dans la modal.
This commit is contained in:
28
assets/js/modal.js
Normal file
28
assets/js/modal.js
Normal file
@ -0,0 +1,28 @@
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const datas = {{ datas | tojson }};
|
||||
|
||||
datas.items.forEach((book, index) => {
|
||||
const openModalBtn = document.getElementById(`openModalBtn-${index + 1}`);
|
||||
const closeModalSvg = document.getElementById(`closeModalSvg-${index + 1}`);
|
||||
const closeModalBtn = document.getElementById(`closeModalBtn-${index + 1}`);
|
||||
const modal = document.getElementById(`myModal-${index + 1}`);
|
||||
|
||||
if (openModalBtn) {
|
||||
openModalBtn.addEventListener('click', () => {
|
||||
modal.classList.remove('hidden');
|
||||
});
|
||||
}
|
||||
|
||||
if (closeModalSvg) {
|
||||
closeModalSvg.addEventListener('click', () => {
|
||||
modal.classList.add('hidden');
|
||||
});
|
||||
}
|
||||
|
||||
if (closeModalBtn) {
|
||||
closeModalBtn.addEventListener('click', () => {
|
||||
modal.classList.add('hidden');
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
Reference in New Issue
Block a user