N°7243 - Add toast notifications to iTop (#614)

* N°7243 - Add toast notifications to iTop * Apply suggestions from code review Co-authored-by: Molkobain <lajarige.guillaume@free.fr> * Apply suggestions from code review Co-authored-by: Molkobain <lajarige.guillaume@free.fr> * Apply suggestions from code review Co-authored-by: Molkobain <lajarige.guillaume@free.fr> * Apply suggestions from code review Co-authored-by: Molkobain <lajarige.guillaume@free.fr> * Apply suggestions from code review Co-authored-by: Molkobain <lajarige.guillaume@free.fr> * Apply suggestions from code review Co-authored-by: Molkobain <lajarige.guillaume@free.fr> * Update js/pages/backoffice/toolbox.js * Update js/utils.js * N°7243 - Move some rules to a dedicated partial and use spacing variables --------- Co-authored-by: Molkobain <lajarige.guillaume@free.fr>
2026-02-26 21:54:13 +01:00 · 2024-02-16 10:59:05 +01:00
parent 9531762c44
commit bfe01899a4
26 changed files with 2151 additions and 7 deletions
--- a/node_modules/toastify-js/example/script.js
+++ b/node_modules/toastify-js/example/script.js
@@ -0,0 +1,72 @@
+var bgColors = [
+    "linear-gradient(to right, #00b09b, #96c93d)",
+    "linear-gradient(to right, #ff5f6d, #ffc371)",
+  ],
+  i = 0;
+
+Toastify({
+  text: "Hi",
+  duration: 4500,
+  destination: "https://github.com/apvarun/toastify-js",
+  newWindow: true,
+  gravity: "top",
+  position: 'left',
+}).showToast();
+
+setTimeout(function() {
+  Toastify({
+    text: "Simple JavaScript Toasts",
+    gravity: "top",
+    position: 'center',
+    style: {
+      background: '#0f3443'
+    }
+  }).showToast();
+}, 1000);
+
+// Options for the toast
+var options = {
+  text: "Happy toasting!",
+  duration: 2500,
+  callback: function() {
+    console.log("Toast hidden");
+    Toastify.reposition();
+  },
+  close: true,
+  style: {
+    background: "linear-gradient(to right, #00b09b, #96c93d)",
+  }
+};
+
+// Initializing the toast
+var myToast = Toastify(options);
+
+// Toast after delay
+setTimeout(function() {
+  myToast.showToast();
+}, 4500);
+
+setTimeout(function() {
+  Toastify({
+    text: "Highly customizable",
+    gravity: "bottom",
+    position: 'left',
+    close: true,
+    style: {
+      background: "linear-gradient(to right, #ff5f6d, #ffc371)",
+    }
+  }).showToast();
+}, 3000);
+
+// Displaying toast on manual action `Try`
+document.getElementById("new-toast").addEventListener("click", function() {
+  Toastify({
+    text: "I am a toast",
+    duration: 3000,
+    close: i % 3 ? true : false,
+    style: {
+      background: bgColors[i % 2],
+    }
+  }).showToast();
+  i++;
+});