From c13c1ab36561182d2df3e0eb3d4bcbee8064ba99 Mon Sep 17 00:00:00 2001
From: LukasDoesDev <lukasdoesdev@gmail.com>
Date: Mon, 14 Dec 2020 17:59:59 +0200
Subject: [PATCH] #8

---
 .../templates/panel/parts/details_stats.html  | 64 +++++++++++++++++--
 1 file changed, 58 insertions(+), 6 deletions(-)

diff --git a/app/frontend/templates/panel/parts/details_stats.html b/app/frontend/templates/panel/parts/details_stats.html
index d7074cca..475ed5ef 100644
--- a/app/frontend/templates/panel/parts/details_stats.html
+++ b/app/frontend/templates/panel/parts/details_stats.html
@@ -4,13 +4,14 @@
           <div class="card-body pt-3 pb-3">
             <div class="row">
               <div class="col-sm-3 mr-2">
-                <b>Server Status:</b>
                 {% if data['server_stats'][0]['running'] %}
-                  <span class="text-success">Online</span><br />
-                  <b>Server Started:</b> {{ data['server_stats'][0]['started'] }}
+                  <b>Server Status:</b> <span class="text-success">Online</span><br />
+                  <b>Server Started:</b> <span id="started">{{ data['server_stats'][0]['started'] }}</span><br />
+                  <b>Server Uptime:</b> <span id="uptime">Not calculated yet</span>
                 {% else %}
-                  <span class="text-danger">Offline</span><br />
-                  <b>Server Started:</b> Not Started
+                  <b>Server Status:</b> <span class="text-danger">Offline</span><br />
+                  <b>Server Started:</b> <span class="text-danger">Offline</span><br />
+                  <b>Server Uptime:</b> <span class="text-danger">Offline</span>
                 {% end %}
               </div>
 
@@ -40,4 +41,55 @@
         </div>
       </div>
 
-  </div>
\ No newline at end of file
+  </div>
+
+<script src="/static/assets/vendors/moment/moment.min.js" type="text/javascript" charset="utf-8"></script>
+
+<script>
+
+  document.addEventListener('load', () => console.log('loadedghfghfghk'));
+
+  console.log('calculateTime');
+  let uptime = document.querySelector('#uptime');
+  let started = document.querySelector('#started');
+
+  if (uptime != null && started != null) {
+
+    var msdiff = moment(started.textContent,"YYYY-MM-DD HH:mm:ss").diff(moment());
+    var diff = moment(msdiff);
+    var s = diff
+      .format("YYYY-MM-DD HH:mm:ss")
+      .split(' ')
+      .map(x=>x.split('-'))
+      .flat()
+      .map(x=>x.split(':'))
+      .flat()
+      .map(str => str.replace(',', ''))
+      .map(str => +str) // Convert to number(s)
+      .reverse()
+      .map((n, i) =>
+        n === 0
+        ? n
+        : `${n} ` +
+          [
+            'year',
+            'month',
+            'day',
+            'hour',
+            'minute',
+            'second'
+          ].reverse()[i] + (n != 1 && n != -1 ? 's' : '')
+      )
+      .reverse()
+      .filter(num => num !== 0) // filter out 0s
+      .map((v, i, a) => // example input: [1,2,3], output: "1, 2 and 3"
+        v + (i !== a.length - 1
+          ? i !== a.length -  2
+            ? ', '
+            : ' and '
+          : '')).join('');
+
+    uptime.textContent = s;
+
+  }
+</script>
\ No newline at end of file