Browse Source

re-introduce blinking iconAlert

Nils Schneider 9 years ago
parent
commit
648a8336d7
2 changed files with 23 additions and 0 deletions
  1. 19 0
      history.html
  2. 4 0
      lib/map.js

+ 19 - 0
history.html

@@ -211,6 +211,25 @@
         right: 0.5em;
       }
 
+      .map .node-alert {
+        -webkit-animation: blink 2s linear;
+        -webkit-animation-iteration-count: infinite;
+        animation: blink 2s linear;
+        animation-iteration-count: infinite;
+      }
+
+      @-webkit-keyframes blink {
+        0%   { opacity: 1.0; }
+        80%  { opacity: 1.0; }
+        90%  { opacity: 0.0; }
+      }
+
+      @keyframes blink {
+        0%   { opacity: 1.0; }
+        80%  { opacity: 1.0; }
+        90%  { opacity: 0.0; }
+      }
+
       @media screen and (max-width: 80em) {
         .sidebar {
           font-size: 0.8em;

+ 4 - 0
lib/map.js

@@ -50,6 +50,7 @@ define(function () {
 
    var iconOnline  = { color: "#1566A9", radius: 6, fillOpacity: 0.5, weight: 2, className: "stroke-first" }
    var iconOffline = { color: "#D43E2A", radius: 6, fillOpacity: 0.5, weight: 2, className: "stroke-first" }
+   var iconAlert   = { color: "#D43E2A", radius: 6, fillOpacity: 0.5, weight: 2, className: "stroke-first node-alert" }
    var iconNew     = { color: "#558020", radius: 6, fillOpacity: 0.5, weight: 2, className: "stroke-first" }
 
    var groupOnline, group
@@ -87,6 +88,9 @@ define(function () {
         if (d.flags.online)
           return iconNew
 
+        if (d.lastseen.isAfter(moment(now).subtract(1, 'days')))
+          return iconAlert
+
         return iconOffline
       }, gotoAnything))