Sha256: 47402107e9b17ebdf42b1d0920f3a2a0d110a38e70ea90f8753399a2b8f5fc18
Contents?: true
Size: 1.49 KB
Versions: 389
Compression:
Stored size: 1.49 KB
Contents
const dialogHelper = () => {
const openTrigger = document.querySelectorAll("[data-open-dialog]");
const closeTrigger = document.querySelectorAll("[data-close-dialog]");
const dialogs = document.querySelectorAll(".pb_dialog_rails")
openTrigger.forEach((open) => {
open.addEventListener("click", () => {
var openTriggerData = open.dataset.openDialog;
var targetDialog = document.getElementById(openTriggerData)
if (targetDialog.open) return;
targetDialog.showModal();
});
});
closeTrigger.forEach((close) => {
close.addEventListener("click", () => {
var closeTriggerData = close.dataset.closeDialog;
document.getElementById(closeTriggerData).close();
});
});
// Close dialog box on outside click
dialogs.forEach((dialogElement) => {
dialogElement.addEventListener("mousedown", (event) => {
const dialogParentDataset = dialogElement.parentElement.dataset
if (dialogParentDataset.overlayClick === "overlay_close") return
const dialogModal = event.target.getBoundingClientRect()
const clickedOutsideDialogModal = event.clientX < dialogModal.left ||
event.clientX > dialogModal.right ||
event.clientY < dialogModal.top ||
event.clientY > dialogModal.bottom
if (clickedOutsideDialogModal) {
dialogElement.close()
event.stopPropagation()
}
})
})
};
export default dialogHelper;
Version data entries
389 entries across 389 versions & 1 rubygems