classify admin

public/assets/js/pages/toastify.js

@@ -0,0 +1,81 @@
+document.getElementById("basic").addEventListener("click", () => {
+  Toastify({
+    text: "This is a toast",
+    duration: 3000,
+  }).showToast()
+})
+document.getElementById("background").addEventListener("click", () => {
+  Toastify({
+    text: "This is a toast",
+    duration: 3000,
+    backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+  }).showToast()
+})
+document.getElementById("close").addEventListener("click", () => {
+  Toastify({
+    text: "Click close button",
+    duration: 3000,
+    close: true,
+    backgroundColor: "#4fbe87",
+  }).showToast()
+})
+document.getElementById("top-left").addEventListener("click", () => {
+  Toastify({
+    text: "This is toast in top left",
+    duration: 3000,
+    close: true,
+    gravity: "top",
+    position: "left",
+    backgroundColor: "#4fbe87",
+  }).showToast()
+})
+document.getElementById("top-center").addEventListener("click", () => {
+  Toastify({
+    text: "This is toast in top center",
+    duration: 3000,
+    close: true,
+    gravity: "top",
+    position: "center",
+    backgroundColor: "#4fbe87",
+  }).showToast()
+})
+document.getElementById("top-right").addEventListener("click", () => {
+  Toastify({
+    text: "This is toast in top right",
+    duration: 3000,
+    close: true,
+    gravity: "top",
+    position: "right",
+    backgroundColor: "#4fbe87",
+  }).showToast()
+})
+document.getElementById("bottom-right").addEventListener("click", () => {
+  Toastify({
+    text: "This is toast in bottom right",
+    duration: 3000,
+    close: true,
+    gravity: "bottom",
+    position: "right",
+    backgroundColor: "#4fbe87",
+  }).showToast()
+})
+document.getElementById("bottom-center").addEventListener("click", () => {
+  Toastify({
+    text: "This is toast in bottom center",
+    duration: 3000,
+    close: true,
+    gravity: "bottom",
+    position: "center",
+    backgroundColor: "#4fbe87",
+  }).showToast()
+})
+document.getElementById("bottom-left").addEventListener("click", () => {
+  Toastify({
+    text: "This is toast in bottom left",
+    duration: 3000,
+    close: true,
+    gravity: "bottom",
+    position: "left",
+    backgroundColor: "#4fbe87",
+  }).showToast()
+})