initial commit

assets/js/extensions/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();
+})