Add status page

Author: Hans Kristian Flaatten

assets/css/milligram.min.css

@@ -0,0 +1,24 @@
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 300;
+  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Roboto';
+  font-style: italic;
+  font-weight: 300;
+  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at50EAVxt0G0biEntp43Qt6E.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Roboto';
+  font-style: italic;
+  font-weight: 700;
+  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC50EAVxt0G0biEntp43Qt6E.ttf) format('truetype');
+}

assets/css/normalize.min.css

@@ -0,0 +1,37 @@
+$(document).ready(function() {
+  var url = 'https://status.app.dnt.no/api/v1/checks';
+
+  $.getJSON(url).done(status);
+
+  var $panel = $('#panel');
+  var $apps = $('#apps');
+  var $services = $('#services');
+
+  function status(data) {
+    data.checks = data.checks.map(function(check) {
+      check.class = check.status === 'up' ? 'operational' : 'major outage';
+      check.text = check.status === 'up' ? 'operativ' : 'ute av drift';
+      check.category = check.tags.reduce(function(cat, tag) {
+        return tag.name === 'service' ? 'service' : cat;
+      }, 'app');
+
+      return check;
+    });
+
+    var status = data.checks.reduce(function(status, check) {
+      return check.status !== 'up' ? 'major outage' : status;
+    }, 'operational');
+
+    $panel.attr('class', 'panel ' + status);
+    $panel.html(status === 'operational' ? 'Alle systemer er operative.' : 'Ett eller flere systemer ute av drift');
+
+    data.checks.forEach(function(item) {
+      var $here = item.category === 'service' ? $services : $apps;
+
+      var name = item.name;
+      var clas = item.class;
+      var text = item.text;
+
+      $here.append('<li>' + name + ' <span class="status ' + clas + '">' + text + '</span></li>') });
+  };
+});