From 50e7cf4b12fecd51582405a56333956235ba8eb9 Mon Sep 17 00:00:00 2001
From: Max Pedraza <maximpedraza@gmail.com>
Date: Wed, 1 Dec 2021 01:31:34 +0100
Subject: [PATCH] In status page the rx and tx bytes now are shown with units
 (needed code added in this file)

---
 templates/status.html | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/templates/status.html b/templates/status.html
index e0a41b1..d373c54 100644
--- a/templates/status.html
+++ b/templates/status.html
@@ -14,6 +14,20 @@ Connected Peers
 {{end}}
 
 {{define "page_content"}}
+<script>
+  function bytesToHumanReadable(temporal) {
+    const units = [" ", " K", " M", " G", " T", " P", " E", " Z", " Y"]
+    let pow = 0
+
+    while (temporal > 1024) {
+      temporal /= 1024
+      pow ++
+      if (pow == units.length-1) break
+    }
+
+    return parseFloat(temporal.toFixed(3)) + units[pow]+"Bytes"
+  }
+</script>
 <section class="content">
     <div class="container-fluid">
         {{ if .error }}
@@ -41,8 +55,8 @@ Connected Peers
                 <td>{{ $peer.Name }}</td>
                 <td>{{ $peer.Email }}</td>
                 <td>{{ $peer.PublicKey }}</td>
-                <td title="{{ $peer.ReceivedBytes }} Bytes">{{ $peer.Received }}</td>
-                <td title="{{ $peer.TransmitBytes }} Bytes">{{ $peer.Transmit }}</td>
+                <td title="{{ $peer.ReceivedBytes }} Bytes"><script>document.write(bytesToHumanReadable({{ $peer.ReceivedBytes }}))</script></td>
+                <td title="{{ $peer.TransmitBytes }} Bytes"><script>document.write(bytesToHumanReadable({{ $peer.TransmitBytes }}))</script></td>
                 <td>{{ $peer.Connected }}</td>
                 <td>{{ $peer.LastHandshakeTime }}</td>
                </tr>