From bca05ad996640c9bf07659f3823c6a572cad2fe8 Mon Sep 17 00:00:00 2001
From: n0rig <josh@joshgiron.com>
Date: Thu, 12 Oct 2023 22:15:39 -0400
Subject: [PATCH] fix: glitch on % display on wiretap ui

fixes https://github.com/pb33f/wiretap/issues/46
---
 ui/src/wiretap.ts | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/ui/src/wiretap.ts b/ui/src/wiretap.ts
index 8e5fbaa..da0f83f 100644
--- 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,11 +357,11 @@ 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}`
@@ -367,11 +369,11 @@ 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)}">
             </wiretap-header>
             ${transaction}`
     }