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 = $('
')
body.append(container)
}
const loader = $('
')
loader.html('
Loading...
')
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()
}
}