n/a metrics (#70)

Co-authored-by: Luděk Nový <[email protected]>
ludeknovy · Aug 31, 2020 · a0e2b76 · a0e2b76
1 parent cf6ac54
commit a0e2b76
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git 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
@@ -66,6 +66,10 @@ thead {
   color: #1A5276;
 }
 
+.text-na {
+  color: grey
+}
+
 .hd {
   border-top: 0px;
 }