From 2fe56b1e928549efb31af12f049010db5529422b Mon Sep 17 00:00:00 2001
From: Patrick Fruh <patrick@kaeltis.de>
Date: Tue, 9 Jun 2020 19:59:02 +0200
Subject: [PATCH] =?UTF-8?q?Use=20short=20codes=20for=20ms=20and=20=CE=BCs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Also added space between number and symbol according to International System of Units (SI)
---
 frontend/src/components/Service/AdvancedChart.vue    | 4 ++--
 frontend/src/components/Service/ServiceSparkLine.vue | 4 ++--
 frontend/src/mixin.js                                | 4 ++--
 frontend/src/pages/Service.vue                       | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/Service/AdvancedChart.vue b/frontend/src/components/Service/AdvancedChart.vue
index a1b7da50..903985a6 100644
--- a/frontend/src/components/Service/AdvancedChart.vue
+++ b/frontend/src/components/Service/AdvancedChart.vue
@@ -131,9 +131,9 @@
                 const dt = new Date(ts).toLocaleDateString("en-us", timeoptions)
                 let val = series[seriesIndex][dataPointIndex];
                 if (val >= 1000) {
-                  val = (val / 1000).toFixed(0) + " milliseconds"
+                  val = (val / 1000).toFixed(0) + " ms"
                 } else {
-                  val = (val).toFixed(0) + " microseconds"
+                  val = (val).toFixed(0) + " μs"
                 }
                 return `<div class="chartmarker"><span>Response Time: </span><span class="font-3">${val}</span><span>${dt}</span></div>`
               },
diff --git a/frontend/src/components/Service/ServiceSparkLine.vue b/frontend/src/components/Service/ServiceSparkLine.vue
index 712c6656..efa0ff06 100644
--- a/frontend/src/components/Service/ServiceSparkLine.vue
+++ b/frontend/src/components/Service/ServiceSparkLine.vue
@@ -56,9 +56,9 @@
             const dt = new Date(ts).toLocaleDateString("en-us", timeoptions)
             let val = series[seriesIndex][dataPointIndex];
             if (val >= 1000) {
-              val = (val / 1000).toFixed(0) + " milliseconds"
+              val = (val / 1000).toFixed(0) + " ms"
             } else {
-              val = (val).toFixed(0) + " microseconds"
+              val = (val).toFixed(0) + " μs"
             }
             return `<div class="chartmarker"><span>Average Response Time: </span><span class="font-3">${val}</span><span>${dt}</span></div>`
           },
diff --git a/frontend/src/mixin.js b/frontend/src/mixin.js
index 54c0c440..ae8f42b7 100644
--- a/frontend/src/mixin.js
+++ b/frontend/src/mixin.js
@@ -167,9 +167,9 @@ export default Vue.mixin({
     },
     humanTime(val) {
       if (val >= 1000) {
-          return Math.floor(val / 1000) + "ms"
+          return Math.floor(val / 1000) + " ms"
       }
-        return Math.floor(val) + "μs"
+        return Math.floor(val) + " μs"
     },
     firstDayOfMonth(date) {
       return startOfMonth(date)
diff --git a/frontend/src/pages/Service.vue b/frontend/src/pages/Service.vue
index 72ad7aba..3b4ae6d1 100644
--- a/frontend/src/pages/Service.vue
+++ b/frontend/src/pages/Service.vue
@@ -270,9 +270,9 @@ export default {
                         const dt = new Date(ts).toLocaleDateString("en-us", timeoptions)
                         let val = series[seriesIndex][dataPointIndex];
                         if (val >= 1000) {
-                            val = (val / 1000).toFixed(0) + " milliseconds"
+                            val = (val / 1000).toFixed(0) + " ms"
                         } else {
-                            val = (val).toFixed(0) + " microseconds"
+                            val = (val).toFixed(0) + " μs"
                         }
                         return `<div class="chartmarker"><span>Response Time: </span><span class="font-3">${val}</span><span>${dt}</span></div>`
                     },