blob: c18d751441c9cbda3c488be61d64675335dfe673 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
var modals = document.querySelectorAll("[data-modal]");
var modalToogles = document.querySelectorAll("[data-toogle=modal]");
[...modals].forEach(modal => {
var closeBtns = modal.getElementsByClassName("close");
[...closeBtns].forEach(closeBtn => {
closeBtn.addEventListener("click", (event) => {
modal.style.display = "none";
modal.dispatchEvent( new Event('modal-close'));
});
})
});
[...modalToogles].forEach(toogle => {
toogle.addEventListener("click", (event) => {
var modal = document.querySelector(toogle.getAttribute('data-target'));
modal.style.display = "block";
modal.dispatchEvent(new Event('modal-open'));
});
});
window.addEventListener("click", function(event) {
if ([...modals].filter(modal => modal.getAttribute("data-modal-backdrop") !== "static").includes(event.target)) {
event.target.dispatchEvent( new Event('modal-close'));
event.target.style.display = "none";
}
});
|