top stats extended (#232)

ludeknovy · Feb 18, 2022 · 989cc4a · 989cc4a
1 parent 78a7674
commit 989cc4a
Show file tree

Hide file tree

Showing 3 changed files with 59 additions and 3 deletions.
diff --git a/src/app/item-detail/item-detail.component.html b/src/app/item-detail/item-detail.component.html
@@ -173,7 +173,7 @@ <h2 *ngIf="itemData.overview.avgConnect >= 1000" class="card-title">{{
                   <div class="card">
                     <div class="card-body overview-body">
                       <h2 class="card-title">{{convertBytesToMbps(itemData.overview.bytesPerSecond +
-                        itemData.overview.bytesSentPerSecond)}} <span class="unit-desc">Mbps</span>
+                        itemData.overview.bytesSentPerSecond) | number: '1.0-2'}} <span class="unit-desc">Mbps</span>
                       </h2>
                     </div>
                     <div class="card-footer bg-transparent card-footer-overview">Network data</div>
@@ -187,9 +187,38 @@ <h2 class="card-title">{{itemData.overview.errorRate}} <span
                           class="unit-desc">%</span></h2>
                     </div>
                     <div class="card-footer bg-transparent card-footer-overview">Error rate</div>
+                  </div>
+                </div>
+
+                <div class="col-sm" *ngIf="itemData.topMetricsSettings.errorCount">
+                  <div class="card">
+                    <div class="card-body overview-body">
+                      <h2 class="card-title">{{itemData.overview.errorCount | number}} </h2>
+                    </div>
+                    <div class="card-footer bg-transparent card-footer-overview">Error count</div>
+                  </div>
+                </div>
+
+                <div class="col-sm" *ngIf="itemData.topMetricsSettings.networkSent">
+                  <div class="card">
+                    <div class="card-body overview-body">
+                      <h2 class="card-title">{{convertBytesToMbps(itemData.overview.bytesSentPerSecond) | number: '1.0-2'}} <span class="unit-desc">Mbps</span></h2>
+                    </div>
+                    <div class="card-footer bg-transparent card-footer-overview">Network sent</div>
+                  </div>
+                </div>
+
 
+                <div class="col-sm" *ngIf="itemData.topMetricsSettings.networkReceived">
+                  <div class="card">
+                    <div class="card-body overview-body">
+                      <h2 class="card-title">{{convertBytesToMbps(itemData.overview.bytesPerSecond) | number: '1.0-2'}} <span class="unit-desc">Mbps</span></h2>
+                    </div>
+                    <div class="card-footer bg-transparent card-footer-overview">Network received</div>
                   </div>
                 </div>
+
+
               </div>
             </div>
           </div>

diff --git a/src/app/shared/shared-project/project-settings/project-settings.component.html b/src/app/shared/shared-project/project-settings/project-settings.component.html
@@ -42,6 +42,11 @@ <h6>Test Report Top Statistics Bar</h6>
                    formControlName="errorRate" (change)="onCheckboxChange()">
             <label class="custom-control-label" for="errorRate">Error Rate</label>
           </div>
+          <div class="custom-control custom-switch">
+            <input type="checkbox" class="custom-control-input" id="errorCount"
+                   formControlName="errorCount" (change)="onCheckboxChange()">
+            <label class="custom-control-label" for="errorCount">Error Count</label>
+          </div>
           <div class="custom-control custom-switch">
             <input type="checkbox" class="custom-control-input" id="percentile"
                    formControlName="percentile" (change)="onCheckboxChange()">
@@ -70,7 +75,17 @@ <h6>Test Report Top Statistics Bar</h6>
           <div class="custom-control custom-switch">
             <input type="checkbox" class="custom-control-input" id="network"
                    formControlName="network" (change)="onCheckboxChange()">
-            <label class="custom-control-label" for="network">Network</label>
+            <label class="custom-control-label" for="network">Network - combined </label>
+          </div>
+          <div class="custom-control custom-switch">
+            <input type="checkbox" class="custom-control-input" id="network-sent"
+                   formControlName="networkSent" (change)="onCheckboxChange()">
+            <label class="custom-control-label" for="network-sent">Network - sent</label>
+          </div>
+          <div class="custom-control custom-switch">
+            <input type="checkbox" class="custom-control-input" id="network-received"
+                   formControlName="networkReceived" (change)="onCheckboxChange()">
+            <label class="custom-control-label" for="network-received">Network - received</label>
           </div>
         </div>
       </div>

diff --git a/src/app/shared/shared-project/project-settings/project-settings.component.ts b/src/app/shared/shared-project/project-settings/project-settings.component.ts
@@ -26,6 +26,9 @@ export class ProjectSettingsComponent implements OnInit {
     errorRate: null,
     network: null,
     projectName: null,
+    errorCount: null,
+    networkSent: null,
+    networkReceived: null,
   };
   @Input() projectName: string;
 
@@ -50,7 +53,10 @@ export class ProjectSettingsComponent implements OnInit {
     this.formControls.percentile = new FormControl(settings.topMetricsSettings.percentile, []);
     this.formControls.throughput = new FormControl(settings.topMetricsSettings.throughput, []);
     this.formControls.errorRate = new FormControl(settings.topMetricsSettings.errorRate, []);
+    this.formControls.errorCount = new FormControl(settings.topMetricsSettings.errorCount || false, []),
     this.formControls.network = new FormControl(settings.topMetricsSettings.network, []);
+    this.formControls.networkSent = new FormControl(settings.topMetricsSettings.networkSent || false, []);
+    this.formControls.networkReceived = new FormControl(settings.topMetricsSettings.networkReceived || false, []);
     this.formControls.avgLatency = new FormControl(settings.topMetricsSettings.avgLatency, []);
     this.formControls.avgConnectionTime = new FormControl(settings.topMetricsSettings.avgConnectionTime, []);
     this.formControls.avgResponseTime = new FormControl(settings.topMetricsSettings.avgResponseTime, []);
@@ -66,9 +72,12 @@ export class ProjectSettingsComponent implements OnInit {
     this.projectSettingsForm = new FormGroup({
       virtualUsers: this.formControls.virtualUsers,
       errorRate: this.formControls.errorRate,
+      errorCount: this.formControls.errorCount,
       percentile: this.formControls.percentile,
       throughput: this.formControls.throughput,
       network: this.formControls.network,
+      networkSent: this.formControls.networkSent,
+      networkReceived: this.formControls.networkReceived,
       avgLatency: this.formControls.avgLatency,
       avgConnectionTime: this.formControls.avgConnectionTime,
       avgResponseTime: this.formControls.avgResponseTime,
@@ -91,7 +100,10 @@ export class ProjectSettingsComponent implements OnInit {
         network: this.formControls.network.value,
         avgLatency: this.formControls.avgLatency.value,
         avgResponseTime: this.formControls.avgResponseTime.value,
-        avgConnectionTime: this.formControls.avgConnectionTime.value
+        avgConnectionTime: this.formControls.avgConnectionTime.value,
+        errorCount: this.formControls.errorCount.value,
+        networkSent: this.formControls.networkSent.value,
+        networkReceived: this.formControls.networkReceived.value
       }
     };
     if (this.projectSettingsForm.valid) {