`
const modal_content = document.createElement("div")
modal_content.innerHTML = html
modal_content.className = "setup-modal"
const closeButton = modal_content.querySelector(".close-button")
closeButton.addEventListener("click", () => {
closeSetupModal()
})
const misskeyServer = modal_content.querySelector(".misskey_server")
misskeyServer.addEventListener("change", () => {
let server = misskeyServer.value
if (!server.startsWith('https://')) { server = 'https://' + server }
if (server.endsWith('/')) { server = server.slice(0, -1) }
localStorage.setItem("misskey_server", server)
})
const misskeyToken = modal_content.querySelector(".misskey_token")
misskeyToken.addEventListener("change", () => {
localStorage.setItem("misskey_token", misskeyToken.value)
})
const checkboxElements = Array.from(modal_content.querySelectorAll('input[type="checkbox"]'))
checkboxElements.forEach((checkbox, i) => {
checkbox.addEventListener("change", () => {
localStorage.setItem(checkbox.className, checkbox.checked)
})
})
const donation = modal_content.querySelector(".donation")
donation.addEventListener("click", () => {
window.open(
"https://pielotopica.booth.pm/items/4955538",
"_blank",
"noreferrer"
);
})
modal.appendChild(modal_content)
return modal
}
// Global setup modal
const setupModel = createSetupModal()
const showSetupModal = () => {
if (!isShowingSetupModal()) {
document.body.appendChild(setupModel)
}
}
const isShowingSetupModal = () => {
return document.body.contains(setupModel)
}
const handleDocumentClickSetup = e => {
let target = e.target
while (target) {
if (target.className === "misstter_setup" ||
target.className === "setup-modal") return
target = target.parentNode
}
closeSetupModal()
}
window.addEventListener("click", handleDocumentClickSetup)
const closeSetupModal = () => {
if (!isShowingSetupModal()) return
// animation
setupModel.style.opacity = "0"
setTimeout(() => {
setupModel.style.opacity = "1"
// remove modal
setupModel.remove()
}, 200)
}
(() => {
if (localStorage.getItem("misskey_token") == null) showSetupModal();
})();