forked from cringy-beaver/front
-
Notifications
You must be signed in to change notification settings - Fork 0
/
modal.js
42 lines (34 loc) · 1.29 KB
/
modal.js
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
29
30
31
32
33
34
35
36
37
38
39
export function createModal(message, isTerminal = false, location = ''){
const modal = document.createElement("div");
modal.setAttribute("id", "modal");
modal.setAttribute("class", "modal");
modal.classList.add('modal');
const modalContent = document.createElement("div");
modalContent.setAttribute("class", "modal-content");
modalContent.classList.add('modal-content');
const closeButton = document.createElement("span");
closeButton.setAttribute("class", "close");
closeButton.innerHTML = "ОК";
closeButton.classList.add('close');
closeButton.addEventListener("click", function() {
modal.style.display = "none";
if (isTerminal) {
window.location.href = '../main_page/hub.html'
}
});
const modalText = document.createElement("p");
modalText.textContent = message;
modalContent.appendChild(modalText);
modalContent.appendChild(closeButton);
modal.appendChild(modalContent);
document.body.appendChild(modal);
modal.style.display = "flex";
window.addEventListener("click", function(event) {
if (event.target === modal) {
modal.style.display = "none";
if (isTerminal) {
window.location.href = '../main_page/hub.html'
}
}
});
}