57 lines
1.4 KiB
JavaScript
57 lines
1.4 KiB
JavaScript
const $ = require('jquery');
|
|
|
|
module.exports = function() {
|
|
let click = 0;
|
|
|
|
$('body').on('click', '*[data-modal]', (e) => {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
++click;
|
|
|
|
window.setTimeout(() => {
|
|
if (click !== 1) {
|
|
click = 0;
|
|
|
|
return;
|
|
}
|
|
|
|
click = 0;
|
|
|
|
let container = $('#modal-container');
|
|
const body = $('body')
|
|
|
|
if (!container.length) {
|
|
container = $('<div id="modal-container" class="modal">');
|
|
|
|
body.append(container);
|
|
}
|
|
|
|
const loader = $('<div style="position: absolute; top: 25vh; left: 50vw; z-index: 2000">');
|
|
loader.html('<div class="spinner-border text-primary" role="status"><span class="sr-only">Loading...</span></div>');
|
|
body.append(loader);
|
|
|
|
container.html('');
|
|
|
|
let url = $(e.target).attr('data-modal');
|
|
|
|
if (!url) {
|
|
url = $(e.target).parents('*[data-modal]').first().attr('data-modal');
|
|
}
|
|
|
|
$(container).modal('show');
|
|
|
|
container.load(url, function() {
|
|
loader.remove()
|
|
});
|
|
}, 250)
|
|
});
|
|
|
|
const urlParams = new URLSearchParams(window.location.search)
|
|
const dataModal = urlParams.get('data-modal')
|
|
|
|
if (dataModal) {
|
|
$('*[data-modal="' + dataModal + '"]').first().click();
|
|
}
|
|
}
|