68 lines
1.4 KiB
JavaScript
68 lines
1.4 KiB
JavaScript
const $ = require('jquery')
|
|
|
|
const openModal = function (url) {
|
|
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('')
|
|
|
|
$(container).modal('show')
|
|
|
|
container.load(url, function () {
|
|
loader.remove()
|
|
})
|
|
}
|
|
|
|
module.exports = function () {
|
|
let click = 0
|
|
const body = $('body')
|
|
|
|
body.on('hidden.bs.modal', '.modal', (e) => {
|
|
if ($('.modal.show').length) {
|
|
$('body').addClass('modal-open')
|
|
}
|
|
})
|
|
|
|
body.on('click', '*[data-modal]', (e) => {
|
|
e.preventDefault()
|
|
e.stopPropagation()
|
|
|
|
++click
|
|
|
|
window.setTimeout(() => {
|
|
if (click !== 1) {
|
|
click = 0
|
|
|
|
return
|
|
}
|
|
|
|
click = 0
|
|
|
|
let url = $(e.target).attr('data-modal')
|
|
|
|
if (!url) {
|
|
url = $(e.target).parents('*[data-modal]').first().attr('data-modal')
|
|
}
|
|
|
|
openModal(url)
|
|
}, 250)
|
|
})
|
|
|
|
const urlParams = new URLSearchParams(window.location.search)
|
|
const dataModal = urlParams.get('data-modal')
|
|
|
|
if (dataModal) {
|
|
openModal(dataModal)
|
|
}
|
|
}
|