/* Pop up Dialog Box */ let dialogBoxes = []; //Close dialog box when clicking outside $(document).click(function(event) { if (dialogBoxOpened && dialogBoxes.length >= 1) { if (!$(event.target).closest(dialogBoxes[0]).length){ dialogBoxes[0].remove(); dialogBoxes.splice(0, 1); if (dialogBoxes.length == 0) { dialogBoxOpened = false; } else { dialogBoxes[0].style.visibility = "visible"; } } } }); //Dialog box close buttons $(document).on('click', '.dialog-box-close-button', function( event ) { if (dialogBoxOpened && dialogBoxes.length >= 1) { dialogBoxes[0].remove(); dialogBoxes.splice(0, 1); if (dialogBoxes.length == 0) { dialogBoxOpened = false; } else { dialogBoxes[0].style.visibility = "visible"; } } }); var dialogBoxOpened = false; function dialogBoxCreate(txt) { var container = document.createElement("div"); container.setAttribute("class", "dialog-box-container"); var content = document.createElement("div"); content.setAttribute("class", "dialog-box-content"); var closeButton = document.createElement("span"); closeButton.setAttribute("class", "dialog-box-close-button"); closeButton.innerHTML = "×" var textE = document.createElement("p"); textE.innerHTML = txt; content.appendChild(closeButton); content.appendChild(textE); container.appendChild(content); document.body.appendChild(container); if (dialogBoxes.length >= 1) { container.style.visibility = "hidden"; } dialogBoxes.push(container); setTimeout(function() { dialogBoxOpened = true; }, 400); } export {dialogBoxCreate};