29 lines
1.1 KiB
JavaScript
29 lines
1.1 KiB
JavaScript
function createModal(text, renderAsHTML = false) {
|
|
if (!document.getElementById('modal')) {
|
|
const shade = document.createElement('div')
|
|
shade.id = 'modal-shade'
|
|
const m = document.createElement('div')
|
|
m.id = 'modal'
|
|
const close = document.createElement('button')
|
|
close.id = 'modal-close-button'
|
|
close.innerText = 'Close'
|
|
close.onclick = function () {
|
|
m.style.display = shade.style.display = 'none'
|
|
}
|
|
const textdiv = document.createElement('div')
|
|
textdiv.id = 'modal-text-div'
|
|
m.appendChild(textdiv)
|
|
m.appendChild(close)
|
|
document.body.insertBefore(m, document.body.children[0])
|
|
document.body.insertBefore(shade, document.body.children[0])
|
|
}
|
|
const currentModal = document.getElementById('modal')
|
|
const shade = document.getElementById('modal-shade')
|
|
if (renderAsHTML) {
|
|
document.getElementById('modal-text-div').innerHTML = text
|
|
} else {
|
|
document.getElementById('modal-text-div').innerText = text
|
|
}
|
|
currentModal.style.display = shade.style.display = 'block'
|
|
}
|