ui: Add blue color for recently seen clients

certidude/static/js/certidude.js

@@ -281,6 +281,7 @@ $(document).ready(function() {
                         $status.html(nunjucks.render('views/status.html', {
                             lease: {
                                 address: leases[j].address,
+                                age: (new Date() - new Date(leases[j].released)) / 1000,
                                 identity: leases[j].identity,
                                 acquired: new Date(leases[j].acquired).toLocaleString(),
                                 released: leases[j].released ? new Date(leases[j].released).toLocaleString() : null

certidude/static/js/templates.js

@@ -1070,17 +1070,24 @@ var parentTemplate = null;
 output += "<svg height=\"32\" width=\"32\">\n    <circle cx=\"16\" cy=\"16\" r=\"13\" stroke=\"black\" stroke-width=\"3\" fill=\"";
 if(runtime.contextOrFrameLookup(context, frame, "lease")) {
 if(runtime.memberLookup((runtime.contextOrFrameLookup(context, frame, "lease")),"released")) {
-output += "red";
+if(runtime.memberLookup((runtime.contextOrFrameLookup(context, frame, "lease")),"age") > 1209600) {
+output += "#D6083B";
 ;
 }
 else {
-output += "green";
+output += "#0072CF";
 ;
 }
 ;
 }
 else {
-output += "yellow";
+output += "#55A51C";
+;
+}
+;
+}
+else {
+output += "#F3BD48";
 ;
 }
 output += "\" />\n</svg>\n\n<span>\n\n";

certidude/static/views/status.html

@@ -1,5 +1,5 @@
 <svg height="32" width="32">
-    <circle cx="16" cy="16" r="13" stroke="black" stroke-width="3" fill="{% if lease %}{% if lease.released %}red{%else %}green{% endif %}{% else %}yellow{% endif %}" />
+    <circle cx="16" cy="16" r="13" stroke="black" stroke-width="3" fill="{% if lease %}{% if lease.released %}{% if lease.age > 1209600 %}#D6083B{% else %}#0072CF{% endif %}{%else %}#55A51C{% endif %}{% else %}#F3BD48{% endif %}" />
 </svg>
 
 <span>