Enhance node status feature in overview and nodes

This commit uses the new parameter with_status from nedap/pypuppetdb#18

Node status is now shown as text with the additional information of
failed/succeded events, unreported time

The statistics on Overview now show the *number of nodes*
that have status failed/changed/unreported

puppetboard/static/css/puppetboard.css

@@ -61,12 +61,29 @@ h1.success {
 h1.noop {
   color:#aaa;
 }
-.numtag {
-  width:20px;
+.label-count {
+  width:25px;
+  text-align:center;
+}
+.label-time {
+  width:73px;
+  text-align:center;
+}
+.label-status {
+  width:100px;
   text-align:center;
 }
 .label-nothing {
   background-color:#ddd;
-  width:20px;
   color:#ddd;
 }
+.label.label-failed {
+  background-color: rgb(231, 76, 60);
+}
+.label.label-changed {
+  background-color: rgb(24, 188, 156);
+}
+.label.label-unreported {
+  background-color: rgb(231, 76, 60);
+  background-color: rgb(129, 145, 146);
+}

puppetboard/static/js/tables.js

@@ -19,6 +19,13 @@
     sortList: [[0, 0]]
   });
 
+  $('.dashboard').tablesorter({
+    headers: {
+        2: { sorter: false }
+    },
+    sortList: [[0, 0]]
+  });
+
   $('input.filter-table').parent('div').removeClass('hide');
 
   $("input.filter-table").on("keyup", function(e) {