34 lines
1.0 KiB
JavaScript
34 lines
1.0 KiB
JavaScript
jfa.components.dialog = (function () {
|
|
function _confirm({ message, title, callbackyes, callbackno }) {
|
|
const dialogTemplate = jfa.page.getDialogTemplate().content;
|
|
|
|
let spanTitle = dialogTemplate.querySelector(".modal__title__text");
|
|
spanTitle.textContent = title || "Confirm";
|
|
|
|
let bodyMessage = dialogTemplate.querySelector(".modal__body-message");
|
|
bodyMessage.textContent = message;
|
|
|
|
const dialog = dialogTemplate.querySelector("#dialog-container");
|
|
const modal = bootstrap.Modal.getOrCreateInstance(dialog);
|
|
|
|
let buttonNo = dialogTemplate.querySelector(".modal__footer__button-no");
|
|
buttonNo.addEventListener("click", function () {
|
|
buttonNo.blur();
|
|
modal.hide();
|
|
callbackno?.();
|
|
});
|
|
|
|
let buttonYes = dialogTemplate.querySelector(".modal__footer__button-yes");
|
|
buttonYes.addEventListener("click", function () {
|
|
buttonYes.blur();
|
|
modal.hide();
|
|
callbackyes?.();
|
|
});
|
|
|
|
modal.show();
|
|
}
|
|
|
|
return {
|
|
confirm: _confirm
|
|
};
|
|
})(); |