blink status WIP

dist/panel-triggers/partials/module.html

@@ -18,11 +18,10 @@
                 </p>
 
                 <p class="alert-list-text">
-                  <span ng-if="ctrl.panel.statusField" class="alert-list-state"
+                  <span ng-if="ctrl.panel.statusField" class="alert-list-state" ng-class="ctrl.getStatusClass(trigger)">
-                    ng-class="trigger.value === '1' ? 'alert-state-critical' : 'alert-state-ok'">
                     {{ctrl.triggerStatusMap[trigger.value]}}
                   </span>
-                  <span ng-if="ctrl.panel.severityField" class="alert-list-state"
+                  <span ng-if="ctrl.panel.severityField" class="alert-list-state" ng-class="ctrl.getStatusClass(trigger)"
                     ng-style="{color: trigger.color}">
                     {{trigger.severity}}
                   </span>

dist/panel-triggers/triggers_panel_ctrl.js

@@ -549,6 +549,24 @@ System.register(['lodash', 'jquery', 'moment', '../datasource-zabbix/utils', 'ap
             }
             return iconClass;
           }
+        }, {
+          key: 'getStatusClass',
+          value: function getStatusClass(trigger) {
+            var statusClass = '';
+
+            if (trigger.value === '1') {
+              statusClass = 'alert-state-critical';
+            } else {
+              statusClass = 'alert-state-ok';
+            }
+
+            var durationSec = (Date.now() - trigger.lastchangeUnix * 1000) / 1000;
+            if (durationSec < 3000) {
+              statusClass += ' zabbix-trigger--blinked';
+            }
+
+            return statusClass;
+          }
         }, {
           key: 'link',
           value: function link(scope, elem, attrs, ctrl) {

src/panel-triggers/partials/module.html

@@ -18,11 +18,10 @@
                 </p>
 
                 <p class="alert-list-text">
-                  <span ng-if="ctrl.panel.statusField" class="alert-list-state"
+                  <span ng-if="ctrl.panel.statusField" class="alert-list-state" ng-class="ctrl.getStatusClass(trigger)">
-                    ng-class="trigger.value === '1' ? 'alert-state-critical' : 'alert-state-ok'">
                     {{ctrl.triggerStatusMap[trigger.value]}}
                   </span>
-                  <span ng-if="ctrl.panel.severityField" class="alert-list-state"
+                  <span ng-if="ctrl.panel.severityField" class="alert-list-state" ng-class="ctrl.getStatusClass(trigger)"
                     ng-style="{color: trigger.color}">
                     {{trigger.severity}}
                   </span>

src/panel-triggers/triggers_panel_ctrl.js

@@ -414,6 +414,23 @@ export class TriggerPanelCtrl extends PanelCtrl {
     return iconClass;
   }
 
+  getStatusClass(trigger) {
+    let statusClass = '';
+
+    if (trigger.value === '1') {
+      statusClass = 'alert-state-critical';
+    } else {
+      statusClass = 'alert-state-ok';
+    }
+
+    let durationSec = (Date.now() - trigger.lastchangeUnix * 1000) / 1000;
+    if (durationSec < 3000) {
+      statusClass += ' zabbix-trigger--blinked';
+    }
+
+    return statusClass;
+  }
+
   link(scope, elem, attrs, ctrl) {
     let panel = ctrl.panel;
     let pageCount = 0;