limepotato/nelle-observer
1
1
Fork 0
Code Pull requests Activity

meow button

Browse source
This commit is contained in:
nelle 2024-09-05 18:06:46 -06:00
parent 1d5b10b22c
commit a147f28723
2 changed files with 143 additions and 102 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

237
public/scripts/ntfy.js
View file

@ -1,11 +1,12 @@
// i deeply apologize for the horrors within... // 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 ntfyMessage = document.getElementById("ntfy-message");
const ntfyTitle = document.getElementById("ntfy-title"); const ntfyTitle = document.getElementById("ntfy-title");
const ntfyAttach = document.getElementById("ntfy-attach"); const ntfyAttach = document.getElementById("ntfy-attach");
const ntfyClickAction = document.getElementById("ntfy-click"); const ntfyClickAction = document.getElementById("ntfy-click");
const ntfyButton = document.getElementById("ntfy-button"); const ntfyButton = document.getElementById("ntfy-button");
const meowButton = document.getElementById("meow-button");
const optionsCheck = document.getElementById("optionsCheckbox"); const optionsCheck = document.getElementById("optionsCheckbox");
const titleCheck = document.getElementById("titleCheckbox"); const titleCheck = document.getElementById("titleCheckbox");
@ -15,6 +16,7 @@ const clickCheck = document.getElementById("clickCheckbox");
const titleBoxLabel = document.getElementById("titleBoxLabel"); const titleBoxLabel = document.getElementById("titleBoxLabel");
const attachmentBoxLabel = document.getElementById("attachBoxLabel"); const attachmentBoxLabel = document.getElementById("attachBoxLabel");
const clickBoxLabel = document.getElementById("clickBoxLabel"); const clickBoxLabel = document.getElementById("clickBoxLabel");
const justMeowed = document.getElementById("justMeowed");
const optionsEnabled = sessionStorage.getItem("optionsEnabled"); const optionsEnabled = sessionStorage.getItem("optionsEnabled");
const titleEnabled = sessionStorage.getItem("optionsEnabled"); const titleEnabled = sessionStorage.getItem("optionsEnabled");
@ -26,25 +28,6 @@ const msgPFX = "message: ";
const attachPFX = "attachment: "; const attachPFX = "attachment: ";
const clickPFX = "click-action: "; 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 // Random placeholder
function getPlaceholder() { function getPlaceholder() {
placeholderSelector = Math.floor(Math.random() * 8) + 1; placeholderSelector = Math.floor(Math.random() * 8) + 1;
@ -89,11 +72,135 @@ function getPlaceholder() {
ntfyTitle.placeholder = `${titlePFX}title the message for some reason?`; ntfyTitle.placeholder = `${titlePFX}title the message for some reason?`;
ntfyMessage.placeholder = `${msgPFX}type some words and hit send.`; ntfyMessage.placeholder = `${msgPFX}type some words and hit send.`;
ntfyAttach.placeholder = `${attachPFX}https://http.cat/images/100.jpg`; 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 = "<span>Sent! :3</span>";
sendNone("meow");
setTimeout(() => {
meowButton.innerHTML = "<span>cooldown 10s</span>";
setTimeout(() => {
meowButton.innerHTML = "<span>cooldown 9s</span>";
setTimeout(() => {
meowButton.innerHTML = "<span>cooldown 8s</span>";
setTimeout(() => {
meowButton.innerHTML = "<span>cooldown 7s</span>";
setTimeout(() => {
meowButton.innerHTML = "<span>cooldown 6s</span>";
setTimeout(() => {
meowButton.innerHTML = "<span>cooldown 5s</span>";
setTimeout(() => {
meowButton.innerHTML = "<span>cooldown 4s</span>";
setTimeout(() => {
meowButton.innerHTML = "<span>cooldown 3s</span>";
setTimeout(() => {
meowButton.innerHTML = "<span>cooldown 2s</span>";
setTimeout(() => {
meowButton.innerHTML = "<span>cooldown 1s</span>";
setTimeout(() => {
meowButton.innerHTML = "<span>meow</span>";
}, 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 = "<span>ಠ﹏ಠ</span>";
setTimeout(() => {
ntfyButton.innerHTML = "<span>Send</span>";
return;
}, 1000);
} else {
ntfyButton.innerHTML = "<span>Sent! ( ꈍᴗꈍ)</span>";
sendNotification();
setTimeout(() => {
ntfyButton.innerHTML = "<span>Send</span>";
}, 1000);
}
}
// only message // only message
function sendNone(message) { function sendNone(message) {
@ -102,7 +209,6 @@ function sendNone(message) {
r.setRequestHeader("Content-Type", "text/plain"); r.setRequestHeader("Content-Type", "text/plain");
r.send(message); r.send(message);
} }
// send all // send all
function sendAll(title, message, attachment, click) { function sendAll(title, message, attachment, click) {
const r = new XMLHttpRequest(); const r = new XMLHttpRequest();
@ -113,7 +219,6 @@ function sendAll(title, message, attachment, click) {
r.setRequestHeader("Click", click); r.setRequestHeader("Click", click);
r.send(message); r.send(message);
} }
// send title only // send title only
function sendTitle(title, message) { function sendTitle(title, message) {
const r = new XMLHttpRequest(); const r = new XMLHttpRequest();
@ -122,7 +227,6 @@ function sendTitle(title, message) {
r.setRequestHeader("Title", title); r.setRequestHeader("Title", title);
r.send(message); r.send(message);
} }
// send attachment only // send attachment only
function sendAttach(message, attachment) { function sendAttach(message, attachment) {
const r = new XMLHttpRequest(); const r = new XMLHttpRequest();
@ -131,7 +235,6 @@ function sendAttach(message, attachment) {
r.setRequestHeader("Attach", attachment); r.setRequestHeader("Attach", attachment);
r.send(message); r.send(message);
} }
// send click only // send click only
function sendClick(message, click) { function sendClick(message, click) {
const r = new XMLHttpRequest(); const r = new XMLHttpRequest();
@ -140,7 +243,6 @@ function sendClick(message, click) {
r.setRequestHeader("Click", click); r.setRequestHeader("Click", click);
r.send(message); r.send(message);
} }
// send Title & Attachment // send Title & Attachment
function sendTitleAttach(title, message, attachment) { function sendTitleAttach(title, message, attachment) {
const r = new XMLHttpRequest(); const r = new XMLHttpRequest();
@ -150,7 +252,6 @@ function sendTitleAttach(title, message, attachment) {
r.setRequestHeader("Attach", attachment); r.setRequestHeader("Attach", attachment);
r.send(message); r.send(message);
} }
// send Title & Click // send Title & Click
function sendTitleClick(title, message, click) { function sendTitleClick(title, message, click) {
const r = new XMLHttpRequest(); const r = new XMLHttpRequest();
@ -160,7 +261,6 @@ function sendTitleClick(title, message, click) {
r.setRequestHeader("Click", click); r.setRequestHeader("Click", click);
r.send(message); r.send(message);
} }
// send Attach & Click // send Attach & Click
function sendAttachClick(message, attachment, click) { function sendAttachClick(message, attachment, click) {
const r = new XMLHttpRequest(); const r = new XMLHttpRequest();
@ -214,7 +314,12 @@ function sendNotification() {
} }
// all three // all three
if (titleEnabled && attachmentEnabled && clickEnabled) { if (titleEnabled && attachmentEnabled && clickEnabled) {
sendAll(ntfyTitle.value, ntfyMessage.value, ntfyAttach.value, ntfyClickAction.value); sendAll(
ntfyTitle.value,
ntfyMessage.value,
ntfyAttach.value,
ntfyClickAction.value
);
ntfyTitle.value = ""; ntfyTitle.value = "";
ntfyMessage.value = ""; ntfyMessage.value = "";
ntfyAttach.value = ""; ntfyAttach.value = "";
@ -226,75 +331,3 @@ function sendNotification() {
ntfyMessage.value = ""; ntfyMessage.value = "";
} }
} }
// on send button click
async function ntfyClick() {
if (!ntfyMessage.value.replace(/\s/g, "").length) {
ntfyButton.innerHTML = "<span>ಠ﹏ಠ</span>";
setTimeout(() => {
ntfyButton.innerHTML = "<span>Send</span>";
return;
}, 1000);
}
else {
ntfyButton.innerHTML = "<span>Sent! ( ꈍᴗꈍ)</span>";
sendNotification();
setTimeout(() => {
ntfyButton.innerHTML = "<span>Send</span>";
}, 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";
}
}

8
src/components/main-page/widgets/ntfy.astro
View file

@ -22,6 +22,7 @@
id="ntfy-button"> id="ntfy-button">
<span>Send</span> <span>Send</span>
</button> </button>
<br>
<!-- OPTIONS BOXES --> <!-- OPTIONS BOXES -->
<fieldset style="margin-left: 35%; margin-right: 35%; margin-bottom: -4%; margin-top: 2%;"> <fieldset style="margin-left: 35%; margin-right: 35%; margin-bottom: -4%; margin-top: 2%;">
<div> <div>
@ -40,6 +41,13 @@
<input type="checkbox" id="clickCheckbox" name="clickCheckbox" onchange="toggleClick()" style="display: none;"/> <input type="checkbox" id="clickCheckbox" name="clickCheckbox" onchange="toggleClick()" style="display: none;"/>
<label id="clickBoxLabel" style="display: none;" for="clickCheckbox">Add Click Action?</label> <label id="clickBoxLabel" style="display: none;" for="clickCheckbox">Add Click Action?</label>
</div> </div>
<button
class="custom-btn btn-1"
style="width: 75%; margin-top: 4%"
onclick="meowClick()"
id="meow-button">
<span>meow</span>
</button>
</fieldset> </fieldset>
<br> <br>
<br> <br>