fix: glitch on % display on wiretap ui

fixes #46
pb33f · Nov 13, 2023 · bca05ad · bca05ad
1 parent 49ae58f
commit bca05ad
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/ui/src/wiretap.ts b/ui/src/wiretap.ts
@@ -49,6 +49,8 @@ export class WiretapComponent extends LitElement {
     private _configChannelSubscription: Subscription;
     private _staticChannelSubscription: Subscription;
     private _useTLS: boolean = false;
+    private _headerStatsDefaultPrecision: number = 0;
+    private _complianceStatPrecision: number = 2;
 
     private _transactionContainer: HttpTransactionContainerComponent;
 
@@ -355,23 +357,23 @@ export class WiretapComponent extends LitElement {
             return html`
             <wiretap-header
                     @wipeData=${this.wipeData}
-                    requests="${this.requestCount}"
-                    responses="${this.responseCount}"
-                    violations="${this.violationsCount}"
-                    violationsDelta="${this.violatedTransactions}"
-                    compliance="${this.complianceLevel}"
+                    requests="${this.requestCount.toFixed(this._headerStatsDefaultPrecision)}"
+                    responses="${this.responseCount.toFixed(this._headerStatsDefaultPrecision)}"
+                    violations="${this.violationsCount.toFixed(this._headerStatsDefaultPrecision)}"
+                    violationsDelta="${this.violatedTransactions.toFixed(this._headerStatsDefaultPrecision)}"
+                    compliance="${this.complianceLevel.toFixed(this._complianceStatPrecision)}"
                     noSpec>
             </wiretap-header>
             ${transaction}`
         }
         return html`
             <wiretap-header
                     @wipeData=${this.wipeData}
-                    requests="${this.requestCount}"
-                    responses="${this.responseCount}"
-                    violations="${this.violationsCount}"
-                    violationsDelta="${this.violatedTransactions}"
-                    compliance="${this.complianceLevel}">
+                    requests="${this.requestCount.toFixed(this._headerStatsDefaultPrecision)}"
+                    responses="${this.responseCount.toFixed(this._headerStatsDefaultPrecision)}"
+                    violations="${this.violationsCount.toFixed(this._headerStatsDefaultPrecision)}"
+                    violationsDelta="${this.violatedTransactions.toFixed(this._headerStatsDefaultPrecision)}"
+                    compliance="${this.complianceLevel.toFixed(this._complianceStatPrecision)}">
             </wiretap-header>
             ${transaction}`
     }