@iamproperty/components 3.7.4 → 3.7.6

package/assets/ts/modules/notification.ts

@@ -0,0 +1,76 @@
+// @ts-nocheck
+function setupNotification(element) {
+
+  // Add toast to notification holder
+  if(element.hasAttribute('data-type') && element.getAttribute('data-type') == "toast"){
+    let holder = document.querySelector('.notification__holder');
+
+    if(!holder){
+
+      holder = document.createElement('div');
+      holder.classList.add('notification__holder');
+      holder.classList.add('container');
+      document.querySelector('body').appendChild(holder);
+    }
+
+    if(!element.closest('.notification__holder'))
+      holder.appendChild(element);
+  }
+
+  element.setAttribute('role','alert');
+  
+  // Create a dissmissable button
+  element.addEventListener('click', function(e){
+
+    if (event && event.target instanceof HTMLElement && event.target.closest('[data-dismiss-button]')){
+
+      e.preventDefault();
+      closeNotification(element);
+    }
+  }, false);
+
+  // Self disappearing alert
+  if(element.hasAttribute('data-timeout')){
+
+    let timeOut = element.getAttribute('data-timeout');
+
+
+    var timer = new Timer(function() {
+      closeNotification(element);
+    }, timeOut);
+
+    element.addEventListener("mouseenter", (event) => {
+
+      timer.pause();
+    });
+
+    element.addEventListener("mouseleave", (event) => {
+
+      timer.resume();
+    });
+  }
+}
+
+function Timer(callback, delay) {
+  var timerId, start, remaining = delay;
+
+  this.pause = function() {
+    window.clearTimeout(timerId);
+    remaining -= new Date() - start;
+  };
+
+  this.resume = function() {
+    start = new Date();
+    window.clearTimeout(timerId);
+    timerId = window.setTimeout(callback, remaining);
+  };
+
+  this.resume();
+}
+
+export const closeNotification = function(element) {
+
+  element.classList.add('d-none');
+}
+
+export default setupNotification

package/assets/ts/modules/table.ts

@@ -11,7 +11,7 @@ export const addDataAttributes = (table) => {
   colRows.forEach((row, index) => {
 
     const cells = Array.from(row.querySelectorAll('th, td'));
-    const statuses = ['0','low','medium','high','unknown','n/a','pending','verified','incomplete','completed','requires approval'];
+    const statuses = ['0','low','medium','high','unknown','n/a','pending','verified','overdue','incomplete','complete','completed','approval required','requires approval','to do','not started','warning','error'];
     
     cells.forEach((cell, cellIndex) => {