From a0e2b76b28c0d6b0d7ea4636cf1e0eb87b6db070 Mon Sep 17 00:00:00 2001
From: Ludek <novyludek@gmail.com>
Date: Mon, 31 Aug 2020 12:13:20 +0200
Subject: [PATCH] n/a metrics (#70)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Luděk Nový <ludek.novy@ceskatelevize.cz>
---
 src/app/item-detail/item-detail.component.html | 14 ++++++++++++--
 src/app/item-detail/item-detail.component.scss |  4 ++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/app/item-detail/item-detail.component.html b/src/app/item-detail/item-detail.component.html
index fe30e615..11a9a132 100644
--- a/src/app/item-detail/item-detail.component.html
+++ b/src/app/item-detail/item-detail.component.html
@@ -87,11 +87,16 @@ <h2 *ngIf="itemData.overview.percentil < 1000" class="card-title text-percentil"
                 <div class="col-sm">
                   <div class="card">
                     <div class="card-body overview-body">
+                      <!-- locust does not provide this metrics-->
+                      <h2 *ngIf="itemData.overview.avgLatency == 0" class="card-title text-na">
+                        n/a
+                      </h2>
                       <h2 *ngIf="itemData.overview.avgLatency >= 1000" class="card-title text-latency">{{
                         Math.round((itemData.overview.avgLatency / 1000) * 100) / 100}} <span
                           class="unit-desc">s</span>
                       </h2>
-                      <h2 *ngIf="itemData.overview.avgLatency < 1000" class="card-title text-latency">{{
+                      <h2 *ngIf="itemData.overview.avgLatency < 1000 && itemData.overview.avgLatency > 0"
+                        class="card-title text-latency">{{
                         itemData.overview.avgLatency}} <span class="unit-desc">ms</span>
                       </h2>
                     </div>
@@ -105,11 +110,16 @@ <h2 *ngIf="itemData.overview.avgLatency < 1000" class="card-title text-latency">
                 <div class="col-sm">
                   <div class="card">
                     <div class="card-body overview-body">
+                      <!-- locust does not provide this metrics-->
+                      <h2 *ngIf="itemData.overview.avgConnect == 0" class="card-title text-na">
+                        n/a
+                      </h2>
                       <h2 *ngIf="itemData.overview.avgConnect >= 1000" class="card-title text-latency">{{
                         Math.round((itemData.overview.avgConnect / 1000) * 100) / 100}} <span
                           class="unit-desc">s</span>
                       </h2>
-                      <h2 *ngIf="itemData.overview.avgConnect < 1000" class="card-title text-latency">{{
+                      <h2 *ngIf="itemData.overview.avgConnect < 1000 && itemData.overview.avgConnect > 0"
+                        class="card-title text-latency">{{
                         itemData.overview.avgConnect}} <span class="unit-desc">ms</span>
                       </h2>
                     </div>
diff --git a/src/app/item-detail/item-detail.component.scss b/src/app/item-detail/item-detail.component.scss
index 5182940e..1a232569 100644
--- a/src/app/item-detail/item-detail.component.scss
+++ b/src/app/item-detail/item-detail.component.scss
@@ -66,6 +66,10 @@ thead {
   color: #1A5276;
 }
 
+.text-na {
+  color: grey
+}
+
 .hd {
   border-top: 0px;
 }