From eabe6d1df73c116d58f2d8baf5ec1dced6448a7f Mon Sep 17 00:00:00 2001
From: Ludek <13610612+ludeknovy@users.noreply.github.com>
Date: Tue, 6 Apr 2021 00:03:03 +0200
Subject: [PATCH] bytes v2 (#132)

---
 src/app/item-detail/item-detail.component.html |  6 +++---
 src/app/item-detail/item-detail.component.ts   | 12 ++++++------
 src/app/items.service.model.ts                 |  8 ++++++--
 3 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/app/item-detail/item-detail.component.html b/src/app/item-detail/item-detail.component.html
index 2fe4d08c..6b0b6742 100644
--- a/src/app/item-detail/item-detail.component.html
+++ b/src/app/item-detail/item-detail.component.html
@@ -160,10 +160,10 @@ <h2 *ngIf="itemData.overview.avgConnect < 1000 && itemData.overview.avgConnect >
                   </div>
                 </div>
 
-                <div class="col-sm" *ngIf="itemData.overview.bytesPerSecond && itemData.overview.bytesPerSecond !== 0">
+                <div class="col-sm" *ngIf="itemData.overview.bytesPerSecond && itemData.overview.bytesSentPerSecond && itemData.overview.bytesPerSecond !== 0">
                   <div class="card">
                     <div class="card-body overview-body">
-                      <h2 class="card-title text-latency">{{convertBytesToMbps(itemData.overview.bytesPerSecond)}} <span
+                      <h2 class="card-title text-latency">{{convertBytesToMbps(itemData.overview.bytesPerSecond +  itemData.overview.bytesSentPerSecond)}} <span
                           class="unit-desc">Mbps</span>
                       </h2>
                     </div>
@@ -387,7 +387,7 @@ <h6 class="card-header bg-transparent">Request Statistics <span class="compare">
                     <td>{{_.throughput || "n/a"}} <sup
                         [className]="_.throughputDiff < 0 ? 'value-positive' : 'value-negative'"
                         *ngIf="_.throughputDiff">{{_.throughputDiff}}</sup></td>
-                    <td>{{convertBytesToMbps(_.bytes * _.throughput) || "n/a"}} <sup
+                    <td>{{convertBytesToMbps(_.bytesPerSecond + _.bytesSentPerSecond) || "n/a"}} <sup
                         [className]="_.bytesDiff < 0 ? 'value-positive' : 'value-negative'"
                         *ngIf="_.bytesDiff && bytesDiff !== 0">{{_.bytesDiff}}</sup></td>
                     <td>{{_.errorRate}} % <sup [className]="_.errorRateDiff > 0 ? 'value-positive' : 'value-negative'"
diff --git a/src/app/item-detail/item-detail.component.ts b/src/app/item-detail/item-detail.component.ts
index ed2ba576..f45eb82e 100644
--- a/src/app/item-detail/item-detail.component.ts
+++ b/src/app/item-detail/item-detail.component.ts
@@ -112,8 +112,8 @@ export class ItemDetailComponent implements OnInit {
 
   private getChartLines() {
     const { threads, overallTimeResponse,
-      overallThroughput, overAllFailRate, overallNetwork,
-      responseTime, throughput, network, minResponseTime, maxResponseTime, percentile90,
+      overallThroughput, overAllFailRate, overAllNetworkV2,
+      responseTime, throughput, networkV2, minResponseTime, maxResponseTime, percentile90,
       percentile95, percentile99,
     } = this.itemData.plot;
 
@@ -121,8 +121,8 @@ export class ItemDetailComponent implements OnInit {
     const errorLine = { ...errorLineSettings, ...overAllFailRate };
     const throughputLine = { ...throughputLineSettings, ...overallThroughput };
 
-    if (overallNetwork) {
-      const networkMbps = overallNetwork.data.map((_) => {
+    if (overAllNetworkV2) {
+      const networkMbps = overAllNetworkV2.data.map((_) => {
         return [_[0], bytesToMbps(_[1])];
       });
       const networkLine = { ...networkLineSettings, data: networkMbps };
@@ -134,8 +134,8 @@ export class ItemDetailComponent implements OnInit {
     this.chartLines.overall.set('Error rate', errorLine);
     this.chartLines.overall.set('Throughput', throughputLine);
 
-    if (network) {
-      const networkMbps = network.map((_) => {
+    if (networkV2) {
+      const networkMbps = networkV2.map((_) => {
         _.data = _.data.map(__ => [__[0], bytesToMbps(__[1])]);
         return _;
       });
diff --git a/src/app/items.service.model.ts b/src/app/items.service.model.ts
index a5adce8e..9a647855 100644
--- a/src/app/items.service.model.ts
+++ b/src/app/items.service.model.ts
@@ -57,11 +57,15 @@ export interface ItemDataPlot {
   minResponseTime: LabelSeries[];
   maxResponseTime: LabelSeries[];
   throughput: LabelSeries[];
-  network: LabelSeries[];
+  networkV2: LabelSeries[];
+  networkUp: LabelSeries[];
+  networkDown:  LabelSeries[];
   percentile90?: LabelSeries[];
   percentile95?: LabelSeries[];
   percentile99?: LabelSeries[];
-  overallNetwork: any;
+  overAllNetworkV2: any;
+  overallNetworkUp: any;
+  overallNetworkDown: any;
   overallTimeResponse: any;
   overallThroughput: any;
   overAllFailRate: any;