From 832f6f796d881e8fa7d36d7ccc227f1d03076f61 Mon Sep 17 00:00:00 2001
From: Stephan de Wit <stephan.de.wit@deciso.com>
Date: Mon, 8 Apr 2024 14:24:41 +0200
Subject: [PATCH] dashboard: interface statistics: format traffic counters

---
 .../www/js/widgets/InterfaceStatistics.js         | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/opnsense/www/js/widgets/InterfaceStatistics.js b/src/opnsense/www/js/widgets/InterfaceStatistics.js
index 7ef0f737d..380a06024 100644
--- a/src/opnsense/www/js/widgets/InterfaceStatistics.js
+++ b/src/opnsense/www/js/widgets/InterfaceStatistics.js
@@ -140,17 +140,16 @@ export default class InterfaceStatistics extends BaseWidget {
                     tooltip: {
                         callbacks: {
                            label: (tooltipItem) => {
-                                const idx = this.labels.indexOf(tooltipItem.label);
                                 let obj = this.rawData[tooltipItem.label];
                                 let result = [
                                     `${tooltipItem.label}`,
-                                    `${this.translations.bytesin}: ${obj["bytes received"]}`,
-                                    `${this.translations.bytesout}: ${obj["bytes transmitted"]}`,
-                                    `${this.translations.packetsin}: ${obj["packets received"]}`,
-                                    `${this.translations.packetsout}: ${obj["packets transmitted"]}`,
-                                    `${this.translations.errorsin}: ${obj["input errors"]}`,
-                                    `${this.translations.errorsout}: ${obj["output errors"]}`,
-                                    `${this.translations.collisions}: ${obj["collisions"]}`,
+                                    `${this.translations.bytesin}: ${byteFormat(obj["bytes received"])}`,
+                                    `${this.translations.bytesout}: ${byteFormat(obj["bytes transmitted"])}`,
+                                    `${this.translations.packetsin}: ${parseInt(obj["packets received"]).toLocaleString()}`,
+                                    `${this.translations.packetsout}: ${parseInt(obj["packets transmitted"]).toLocaleString()}`,
+                                    `${this.translations.errorsin}: ${parseInt(obj["input errors"]).toLocaleString()}`,
+                                    `${this.translations.errorsout}: ${parseInt(obj["output errors"]).toLocaleString()}`,
+                                    `${this.translations.collisions}: ${parseInt(obj["collisions"]).toLocaleString()}`,
                                 ];
                                 return result;
                             }