From feef5a6c98239a2c08433aec1bbc4e5510a79e32 Mon Sep 17 00:00:00 2001 From: 0neGal Date: Fri, 27 Jan 2023 22:59:06 +0100 Subject: move app/*.js files into app/js/ --- src/app/toast.js | 63 -------------------------------------------------------- 1 file changed, 63 deletions(-) delete mode 100644 src/app/toast.js (limited to 'src/app/toast.js') diff --git a/src/app/toast.js b/src/app/toast.js deleted file mode 100644 index 3bc1745..0000000 --- a/src/app/toast.js +++ /dev/null @@ -1,63 +0,0 @@ -function Toast(properties) { - let toast = { - fg: "#000000", - bg: "#FFFFFF", - timeout: 3000, - callback: () => {}, - title: "Untitled Toast", - description: "No description provided for toast", - ...properties - } - - switch(toast.scheme) { - case "error": - toast.fg = "#FFFFFF"; - toast.bg = "rgb(var(--red))"; - break - case "success": - toast.fg = "#FFFFFF"; - toast.bg = "#60D394"; - break - case "warning": - toast.fg = "#FFFFFF"; - toast.bg = "#FF9B85"; - break - } - - - let id = Date.now(); - if (document.getElementById(id)) {id = id + 1} - let el = document.createElement("div"); - - el.classList.add("toast"); - - el.style.color = toast.fg; - el.style.background = toast.bg; - - el.id = id; - el.addEventListener("click", () => { - dismissToast(id); - toast.callback(); - }) - - el.innerHTML = ` -
${toast.title}
-
${toast.description}
- ` - - toasts.appendChild(el); - - setTimeout(() => { - dismissToast(id); - }, toast.timeout) -} - -function dismissToast(id) { - id = document.getElementById(id); - if (id) { - id.classList.add("hidden"); - setTimeout(() => { - id.remove(); - }, 500) - } -} -- cgit v1.2.3