From d37f165227f5cad6ee690dc16e7e735cd21dc56d Mon Sep 17 00:00:00 2001
From: Aji <prabowo.aji@gmail.com>
Date: Sun, 4 Apr 2021 22:12:37 +0700
Subject: [PATCH 1/2] Adding thousand separator in 3 summary fields; response/
 seconds, total requests and 2xx

---
 web/src/components/result_summary.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/src/components/result_summary.vue b/web/src/components/result_summary.vue
index 0d9e1db..240686e 100644
--- a/web/src/components/result_summary.vue
+++ b/web/src/components/result_summary.vue
@@ -5,7 +5,7 @@
         <div class="card-content">
           <div class="columns">
             <div class="column">
-              <span class="title">{{ Math.floor(summary.throughput) }}</span>
+              <span class="title">{{ setThousandSeparator(Math.floor(summary.throughput)) }}</span>
               <p class="content">response / seconds</p>
             </div>
             <div class="column has-text-right is-one-fifth m-1">
@@ -16,7 +16,7 @@
         <div class="card-footer">
           <div class="card-footer-item has-text-left">
             <div class="content">
-              Total requests: <strong>{{ summary.requests }}</strong>
+              Total requests: <strong>{{ setThousandSeparator(summary.requests) }}</strong>
             </div>
           </div>
         </div>
@@ -63,7 +63,7 @@
         </div>
         <div class="card-footer">
           <div class="card-footer-item has-text-left">
-            2xx:&nbsp;<strong>{{ summary.statusCodes['2xx'] }}</strong>
+            2xx:&nbsp;<strong>{{ setThousandSeparator(summary.statusCodes['2xx']) }}</strong>
           </div>
           <div class="card-footer-item has-text-left">
             4xx:&nbsp;<strong>{{ summary.statusCodes['4xx'] }}</strong>
@@ -114,6 +114,9 @@ export default {
       const i = Math.floor(Math.log(bytes) / Math.log(k));
 
       return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+    },
+    setThousandSeparator(value){
+      return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
     }
   }
 }

From 63959cc5e08db7d189d1b7f50717a1e1c3e69417 Mon Sep 17 00:00:00 2001
From: Aji <prabowo.aji@gmail.com>
Date: Mon, 5 Apr 2021 21:03:20 +0700
Subject: [PATCH 2/2] Installing thousand separator to 4xx and 5xx summary
 fields

---
 web/src/components/result_summary.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/result_summary.vue b/web/src/components/result_summary.vue
index 240686e..a446b56 100644
--- a/web/src/components/result_summary.vue
+++ b/web/src/components/result_summary.vue
@@ -66,10 +66,10 @@
             2xx:&nbsp;<strong>{{ setThousandSeparator(summary.statusCodes['2xx']) }}</strong>
           </div>
           <div class="card-footer-item has-text-left">
-            4xx:&nbsp;<strong>{{ summary.statusCodes['4xx'] }}</strong>
+            4xx:&nbsp;<strong>{{ setThousandSeparator(summary.statusCodes['4xx']) }}</strong>
           </div>
           <div class="card-footer-item has-text-left">
-            5xx:&nbsp;<strong>{{ summary.statusCodes['5xx'] }}</strong>
+            5xx:&nbsp;<strong>{{ setThousandSeparator(summary.statusCodes['5xx']) }}</strong>
           </div>
         </div>
       </div>