https://ewa.lt/wp-content/themes/ewa/inc/popups/atsarginiu-daliu-skyrius/js/script.js

1const sessionKey = "atsarginiu-daliu-skyrius";
2const sessionValue = "is-closed";
3const dialogClass = ".ewa-popup.atsarginiu-daliu-skyrius";
4
5document.addEventListener("DOMContentLoaded", () => {
6  initializeDialog();
7});
8
9function hideDialog({ dialog }) {
10  if (dialog.classList.contains("active")) {
11    dialog.classList.remove("active");
12    document.body.classList.remove("overflow-hidden");
13  }
14}
15
16function showDialog({ dialog }) {
17  const token = window.sessionStorage.getItem(sessionKey);
18  if (token == sessionValue) {
19    return;
20  }
21  if (!dialog.classList.contains("active")) {
22    dialog.classList.add("active");
23    document.body.classList.add("overflow-hidden");
24  }
25}
26
27function saveDialogState() {
28  const token = window.sessionStorage.getItem(sessionKey);
29  if (!token) {
30    window.sessionStorage.setItem(sessionKey, sessionValue);
31  }
32}
33
34function initializeDialog() {
35  const dialog = document.querySelector(dialogClass);
36  const dialogCloseBtn = dialog.querySelector(".popup-close");
37  dialog.style.display = "block";
38  dialogButtonInit({
39    button: dialogCloseBtn,
40    dialog,
41  });
42  setTimeout(() => {
43    showDialog({ dialog });
44  }, 2000);
45}
46
47function dialogButtonInit({ button, dialog }) {
48  button.addEventListener("click", () => {
49    const isActive = dialog.classList.contains("active");
50    if (isActive) {
51      console.log("its active");
52      hideDialog({ dialog });
53      saveDialogState();
54    }
55  });
56}