diff --git a/public/scripts/ntfy.js b/public/scripts/ntfy.js index a62e787..aeae038 100644 --- a/public/scripts/ntfy.js +++ b/public/scripts/ntfy.js @@ -1,11 +1,12 @@ // i deeply apologize for the horrors within... -const ntfyEndpoint = "https://ntfy.ouroboros.group/beep" +const ntfyEndpoint = "https://ntfy.ouroboros.group/beep"; const ntfyMessage = document.getElementById("ntfy-message"); const ntfyTitle = document.getElementById("ntfy-title"); const ntfyAttach = document.getElementById("ntfy-attach"); const ntfyClickAction = document.getElementById("ntfy-click"); const ntfyButton = document.getElementById("ntfy-button"); +const meowButton = document.getElementById("meow-button"); const optionsCheck = document.getElementById("optionsCheckbox"); const titleCheck = document.getElementById("titleCheckbox"); @@ -15,6 +16,7 @@ const clickCheck = document.getElementById("clickCheckbox"); const titleBoxLabel = document.getElementById("titleBoxLabel"); const attachmentBoxLabel = document.getElementById("attachBoxLabel"); const clickBoxLabel = document.getElementById("clickBoxLabel"); +const justMeowed = document.getElementById("justMeowed"); const optionsEnabled = sessionStorage.getItem("optionsEnabled"); const titleEnabled = sessionStorage.getItem("optionsEnabled"); @@ -26,25 +28,6 @@ const msgPFX = "message: "; const attachPFX = "attachment: "; const clickPFX = "click-action: "; -function checkBoxes() { - if (optionsEnabled) { - optionsCheck.checked = true; - toggleOptions(); - } - if (titleEnabled) { - titleCheck.checked = true; - toggleTitle(); - } - if (attachmentEnabled) { - attachmentCheck.checked = true; - toggleAttach(); - } - if (clickEnabled) { - clickCheck.checked = true; - toggleClick(); - } -} - // Random placeholder function getPlaceholder() { placeholderSelector = Math.floor(Math.random() * 8) + 1; @@ -89,11 +72,135 @@ function getPlaceholder() { ntfyTitle.placeholder = `${titlePFX}title the message for some reason?`; ntfyMessage.placeholder = `${msgPFX}type some words and hit send.`; ntfyAttach.placeholder = `${attachPFX}https://http.cat/images/100.jpg`; - ntfyClickAction.placeholder = `${clickPFX}https://www.youtube.com/watch?v=dQw4w9WgXcQ` + ntfyClickAction.placeholder = `${clickPFX}https://www.youtube.com/watch?v=dQw4w9WgXcQ`; } } -// send functions +function checkBoxes() { + if (optionsEnabled) { + optionsCheck.checked = true; + toggleOptions(); + } + if (titleEnabled) { + titleCheck.checked = true; + toggleTitle(); + } + if (attachmentEnabled) { + attachmentCheck.checked = true; + toggleAttach(); + } + if (clickEnabled) { + clickCheck.checked = true; + toggleClick(); + } +} +function toggleOptions() { + if (optionsCheck.checked) { + sessionStorage.setItem("optionsEnabled", 1); + titleBoxLabel.style.display = "initial"; + attachmentBoxLabel.style.display = "initial"; + clickBoxLabel.style.display = "initial"; + titleCheck.style.display = "initial"; + attachmentCheck.style.display = "initial"; + clickCheck.style.display = "initial"; + } + if (!optionsCheck.checked) { + sessionStorage.removeItem("optionsEnabled"); + titleBoxLabel.style.display = "none"; + attachmentBoxLabel.style.display = "none"; + clickBoxLabel.style.display = "none"; + titleCheck.style.display = "none"; + attachmentCheck.style.display = "none"; + clickCheck.style.display = "none"; + } +} +function toggleTitle() { + if (titleCheck.checked) { + sessionStorage.setItem("titleEnabled", 1); + ntfyTitle.style.display = "initial"; + } + if (!titleCheck.checked) { + sessionStorage.removeItem("titleEnabled"); + ntfyTitle.style.display = "none"; + } +} +function toggleAttach() { + if (attachmentCheck.checked) { + sessionStorage.setItem("attachmentEnabled", 1); + ntfyAttach.style.display = "initial"; + } + if (!attachmentCheck.checked) { + sessionStorage.removeItem("attachmentEnabled"); + ntfyAttach.style.display = "none"; + } +} +function toggleClick() { + if (clickCheck.checked) { + sessionStorage.setItem("clickEnabled", 1); + ntfyClickAction.style.display = "initial"; + } + if (!clickCheck.checked) { + sessionStorage.removeItem("clickEnabled"); + ntfyClickAction.style.display = "none"; + } +} + +// on send button click +async function meowClick() { meowButton.disabled=true; + setTimeout('meowButton.disabled=false;',11000); + meowButton.innerHTML = "Sent! :3"; + sendNone("meow"); + setTimeout(() => { + meowButton.innerHTML = "cooldown 10s"; + setTimeout(() => { + meowButton.innerHTML = "cooldown 9s"; + setTimeout(() => { + meowButton.innerHTML = "cooldown 8s"; + setTimeout(() => { + meowButton.innerHTML = "cooldown 7s"; + setTimeout(() => { + meowButton.innerHTML = "cooldown 6s"; + setTimeout(() => { + meowButton.innerHTML = "cooldown 5s"; + setTimeout(() => { + meowButton.innerHTML = "cooldown 4s"; + setTimeout(() => { + meowButton.innerHTML = "cooldown 3s"; + setTimeout(() => { + meowButton.innerHTML = "cooldown 2s"; + setTimeout(() => { + meowButton.innerHTML = "cooldown 1s"; + setTimeout(() => { + meowButton.innerHTML = "meow"; + }, 1000); + }, 1000); + }, 1000); + }, 1000); + }, 1000); + }, 1000); + }, 1000); + }, 1000); + }, 1000); + }, 1000); + }, 1000); +} + +// on send button click +async function ntfyClick() { + if (!ntfyMessage.value.replace(/\s/g, "").length) { + ntfyButton.innerHTML = "ಠ﹏ಠ"; + setTimeout(() => { + ntfyButton.innerHTML = "Send"; + return; + }, 1000); + } else { + ntfyButton.innerHTML = "Sent! ( ꈍᴗꈍ)"; + sendNotification(); + setTimeout(() => { + ntfyButton.innerHTML = "Send"; + }, 1000); + } +} // only message function sendNone(message) { @@ -102,7 +209,6 @@ function sendNone(message) { r.setRequestHeader("Content-Type", "text/plain"); r.send(message); } - // send all function sendAll(title, message, attachment, click) { const r = new XMLHttpRequest(); @@ -113,7 +219,6 @@ function sendAll(title, message, attachment, click) { r.setRequestHeader("Click", click); r.send(message); } - // send title only function sendTitle(title, message) { const r = new XMLHttpRequest(); @@ -122,7 +227,6 @@ function sendTitle(title, message) { r.setRequestHeader("Title", title); r.send(message); } - // send attachment only function sendAttach(message, attachment) { const r = new XMLHttpRequest(); @@ -131,7 +235,6 @@ function sendAttach(message, attachment) { r.setRequestHeader("Attach", attachment); r.send(message); } - // send click only function sendClick(message, click) { const r = new XMLHttpRequest(); @@ -140,7 +243,6 @@ function sendClick(message, click) { r.setRequestHeader("Click", click); r.send(message); } - // send Title & Attachment function sendTitleAttach(title, message, attachment) { const r = new XMLHttpRequest(); @@ -150,7 +252,6 @@ function sendTitleAttach(title, message, attachment) { r.setRequestHeader("Attach", attachment); r.send(message); } - // send Title & Click function sendTitleClick(title, message, click) { const r = new XMLHttpRequest(); @@ -160,7 +261,6 @@ function sendTitleClick(title, message, click) { r.setRequestHeader("Click", click); r.send(message); } - // send Attach & Click function sendAttachClick(message, attachment, click) { const r = new XMLHttpRequest(); @@ -214,7 +314,12 @@ function sendNotification() { } // all three if (titleEnabled && attachmentEnabled && clickEnabled) { - sendAll(ntfyTitle.value, ntfyMessage.value, ntfyAttach.value, ntfyClickAction.value); + sendAll( + ntfyTitle.value, + ntfyMessage.value, + ntfyAttach.value, + ntfyClickAction.value + ); ntfyTitle.value = ""; ntfyMessage.value = ""; ntfyAttach.value = ""; @@ -226,75 +331,3 @@ function sendNotification() { ntfyMessage.value = ""; } } - -// on send button click -async function ntfyClick() { - if (!ntfyMessage.value.replace(/\s/g, "").length) { - ntfyButton.innerHTML = "ಠ﹏ಠ"; - setTimeout(() => { - ntfyButton.innerHTML = "Send"; - return; - }, 1000); - } - else { - ntfyButton.innerHTML = "Sent! ( ꈍᴗꈍ)"; - sendNotification(); - setTimeout(() => { - ntfyButton.innerHTML = "Send"; - }, 1000); - } -} - -function toggleOptions() { - if (optionsCheck.checked) { - sessionStorage.setItem("optionsEnabled", 1); - titleBoxLabel.style.display = "initial"; - attachmentBoxLabel.style.display = "initial"; - clickBoxLabel.style.display = "initial"; - titleCheck.style.display = "initial"; - attachmentCheck.style.display = "initial"; - clickCheck.style.display = "initial"; - } - if (!optionsCheck.checked) { - sessionStorage.removeItem("optionsEnabled"); - titleBoxLabel.style.display = "none"; - attachmentBoxLabel.style.display = "none"; - clickBoxLabel.style.display = "none"; - titleCheck.style.display = "none"; - attachmentCheck.style.display = "none"; - clickCheck.style.display = "none"; - } -} - -function toggleTitle() { - if (titleCheck.checked) { - sessionStorage.setItem("titleEnabled", 1); - ntfyTitle.style.display = "initial"; - } - if (!titleCheck.checked) { - sessionStorage.removeItem("titleEnabled"); - ntfyTitle.style.display = "none"; - } -} - -function toggleAttach() { - if (attachmentCheck.checked) { - sessionStorage.setItem("attachmentEnabled", 1); - ntfyAttach.style.display = "initial"; - } - if (!attachmentCheck.checked) { - sessionStorage.removeItem("attachmentEnabled"); - ntfyAttach.style.display = "none"; - } -} - -function toggleClick() { - if (clickCheck.checked) { - sessionStorage.setItem("clickEnabled", 1); - ntfyClickAction.style.display = "initial"; - } - if (!clickCheck.checked) { - sessionStorage.removeItem("clickEnabled"); - ntfyClickAction.style.display = "none"; - } -} diff --git a/src/components/main-page/widgets/ntfy.astro b/src/components/main-page/widgets/ntfy.astro index 9f259dd..d79acbb 100644 --- a/src/components/main-page/widgets/ntfy.astro +++ b/src/components/main-page/widgets/ntfy.astro @@ -22,6 +22,7 @@ id="ntfy-button"> Send +
@@ -40,6 +41,13 @@
+