From 1da9b8418e788f660651765da46ae2b46e543cfd Mon Sep 17 00:00:00 2001
From: Max Pedraza <95260370+maximpedraza0@users.noreply.github.com>
Date: Sat, 4 Dec 2021 09:03:56 +0100
Subject: [PATCH] I've modify the place where I inserted code to minimize the
 number of files touched. (#131)

---
 prepare_assets.sh     |  4 +++-
 templates/status.html | 18 ++++++++++++++++--
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/prepare_assets.sh b/prepare_assets.sh
index 31dd1bb..66a66b3 100755
--- a/prepare_assets.sh
+++ b/prepare_assets.sh
@@ -4,7 +4,9 @@ set -e
 DIR=$(dirname "$0")
 
 # install node modules
-yarn install --pure-lockfile --production
+YARN=yarn
+[ -x /usr/bin/lsb_release ] && [ -n "`lsb_release -i | grep Debian`" ] && YARN=yarnpkg
+$YARN install --pure-lockfile --production
 
 # Copy admin-lte dist
 mkdir -p "${DIR}/assets/dist/js" "${DIR}/assets/dist/css" && \
diff --git a/templates/status.html b/templates/status.html
index f3311a5..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>{{ $peer.ReceivedBytes }}</td>
-                <td>{{ $peer.TransmitBytes }}</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>