From b07c2d6792174c9132679671ea7dae77c87349d9 Mon Sep 17 00:00:00 2001
From: Jakob Stendahl <jakob.stendahl@outlook.com>
Date: Sat, 6 Feb 2021 14:10:00 +0100
Subject: Use parcel, add features

---
 src/js/notification.js | 83 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 83 insertions(+)
 create mode 100644 src/js/notification.js

(limited to 'src/js/notification.js')

diff --git a/src/js/notification.js b/src/js/notification.js
new file mode 100644
index 0000000..c2eb14c
--- /dev/null
+++ b/src/js/notification.js
@@ -0,0 +1,83 @@
+let notif_queue = [];
+
+function notif(notif_c) {
+    let notification_area = document.querySelector(".statusline .notification-area");
+
+    if (notification_area.querySelector(".notification") === null) {
+        let notif_elem = document.createElement("div");
+        notif_elem.className = "notification";
+        notif_elem.appendChild(notif_c[0]);
+        notif_elem.appendChild(notif_c[1]);
+
+        notification_area.appendChild(notif_elem);
+
+        setTimeout(() => {
+            notification_area.removeChild(notif_elem);
+            if (notif_queue.length > 0) {
+                notif(notif_queue.pop());
+            }
+        }, 5000);
+    } else {
+        notif_queue.push(notif_c);
+    }
+}
+
+export function notif_alert(alert_str) {
+    let div = document.createElement("div");
+    div.className = "notification-content";
+
+    let text = document.createElement("p");
+    text.innerHTML = alert_str;
+    div.appendChild(text);
+
+    let icon = document.createElement("i");
+    icon.className = "alert fas fa-exclamation-triangle";
+    div.appendChild(icon);
+
+    notif([icon, div]);
+}
+
+export function notif_warn(alert_str) {
+    let div = document.createElement("div");
+    div.className = "notification-content";
+
+    let text = document.createElement("p");
+    text.innerHTML = alert_str;
+    div.appendChild(text);
+
+    let icon = document.createElement("i");
+    icon.className = "warning fas fa-exclamation-triangle";
+    div.appendChild(icon);
+
+    notif([icon, div]);
+}
+
+export function notif_info(info_str) {
+    let div = document.createElement("div");
+    div.className = "notification-content";
+
+    let text = document.createElement("p");
+    text.innerHTML = info_str;
+    div.appendChild(text);
+
+    let icon = document.createElement("i");
+    icon.className = "info fas fa-info-circle";
+    div.appendChild(icon);
+
+    notif([icon, div]);
+}
+
+export function notif_success(success_str) {
+    let div = document.createElement("div");
+    div.className = "notification-content";
+
+    let text = document.createElement("p");
+    text.innerHTML = success_str;
+    div.appendChild(text);
+
+    let icon = document.createElement("i");
+    icon.className = "success fas fa-check-circle";
+    div.appendChild(icon);
+
+    notif([icon, div]);
+}
-- 
cgit v1.2.3