From a80142ee039ae571761b4b7a213f066e2893848b Mon Sep 17 00:00:00 2001
From: Marian Steinbach <marian@giantswarm.io>
Date: Thu, 19 Apr 2018 11:36:56 +0200
Subject: [PATCH] Add response time to output

---
 webapp/dist/index.html | 9 +++++++++
 webapp/src/index.js    | 6 ++++++
 2 files changed, 15 insertions(+)

diff --git a/webapp/dist/index.html b/webapp/dist/index.html
index a9ea58d..d08e7ba 100644
--- a/webapp/dist/index.html
+++ b/webapp/dist/index.html
@@ -17,11 +17,19 @@
     background-color: #ffdbdb;
     font-size: 1rem;
   }
+  .medium {
+    background-color: #fce7ac;
+    font-size: 1rem;
+  }
   .good {
     background-color: #cfeaa8;
     font-size: 1rem;
   }
 
+  td.text {
+    font-size: 0.85rem;
+  }
+
   .icon {
     width: 32px;
     height: 32px;
@@ -51,6 +59,7 @@
         <th scope="col">Score</th>
         <th scope="col">IP-Adresse</th>
         <th scope="col">Erreichbar</th>
+        <th scope="col">Antwortzeit</th>
         <th scope="col">Icon</th>
         <th scope="col"><abbr title="Site ist sowohl mit www. als auch ohne www. in URL erreichbar">www. optional</abbr></th>
         <th scope="col"><abbr title="URL-Varianten leiten auf eine einzige Startseiten-URL weiter">Kanonische URL</abbr></th>
diff --git a/webapp/src/index.js b/webapp/src/index.js
index 55c9a0f..a8f2377 100644
--- a/webapp/src/index.js
+++ b/webapp/src/index.js
@@ -51,6 +51,12 @@ $(function(){
         // SITE_REACHABLE
         row.append('<td class="'+ (item.result.SITE_REACHABLE.value ? 'good' : 'bad') +' text-center">' + (item.result.SITE_REACHABLE.value ? '✅' : '❌') + '</td>');
 
+        // HTTP_RESPONSE_DURATION
+        var durationClass = 'bad';
+        if (item.result.HTTP_RESPONSE_DURATION.score > 0) { durationClass = 'medium'; }
+        if (item.result.HTTP_RESPONSE_DURATION.score > 0.5) { durationClass = 'good'; }
+        row.append('<td class="text '+ durationClass +' text-center" data-order="' + item.result.HTTP_RESPONSE_DURATION.value + '">' + item.result.HTTP_RESPONSE_DURATION.value + ' ms</td>');
+
         // FAVICON
         var icon = item.result.FAVICON.value;
         row.append('<td class="' + (icon ? 'good' : 'bad') + ' text-center">' + (icon ? ('<img src="' + item.details.icons[0] + '" class="icon">') : '❌') + '</td>');