From ff55cb779941ce6ea178b3ea37f1e519f47d7937 Mon Sep 17 00:00:00 2001
From: Minteck <contact@minteck.org>
Date: Fri, 27 May 2022 16:01:58 +0200
Subject: Rewrite /servers

---
 views/servers.ejs | 85 +++++++++++++++++++++++++++++++++++++------------------
 1 file changed, 57 insertions(+), 28 deletions(-)

(limited to 'views/servers.ejs')

diff --git a/views/servers.ejs b/views/servers.ejs
index 4d5aed7..7142320 100644
--- a/views/servers.ejs
+++ b/views/servers.ejs
@@ -25,34 +25,63 @@
 <%- include("./partials/header.ejs", {title: "Servers" }) %>
 
 <div id="navbar-skipper">
-    <div class="server-container">
-        <div class="server" id="canterlot">
-            <h3 class="name">Canterlot</h3>
-            <p>Online for<span class="data-uptime"></span></p>
-            <div class="category-container"></div>
-        </div>
-        <div class="server" id="bridlewood">
-            <h3 class="name">Bridlewood</h3>
-            <p>Online for<span class="data-uptime"></span></p>
-            <div class="category-container"></div>
-        </div>
-        <div class="server" id="zephyrheights">
-            <h3 class="name">Zephyr Heights</h3>
-            <p>Online for<span class="data-uptime"></span></p>
-            <div class="category-container"></div>
-        </div>
-        <div class="server" id="maretimebay">
-            <h3 class="name">Maretime Bay</h3>
-            <p>Online for<span class="data-uptime"></span></p>
-            <div class="category-container"></div>
-        </div>
-        <div class="server" id="ponyville">
-            <h3 class="name">Ponyville</h3>
-            <p>Online for<span class="data-uptime"></span></p>
-            <div class="category-container"></div>
-        </div>
+    <br>
+    <div class="server-container container">
+        <% for (let server of Object.keys(serverCache)) { %>
+            <div class="server" id="canterlot">
+                <h3 class="name"><%
+                        let commonName;
+                        let data = serverCache[server];
+
+                        switch (server) {
+                            case "bridlewood":
+                                commonName = "Bridlewood"
+                                break;
+
+                            case "zephyrheights":
+                                commonName = "Zephyr Heights"
+                                break;
+
+                            case "maretimebay":
+                                commonName = "Maretime Bay"
+                                break;
+
+                            case "canterlot":
+                                commonName = "Canterlot"
+                                break;
+
+                            case "ponyville":
+                                commonName = "Ponyville"
+                                break;
+
+                            default:
+                                commonName = server;
+                                break;
+                        }
+                    %><%= commonName %> <br><span style="font-size:18px;margin-left:0;">(<code><%= server %>.equestria.dev</code>)</span></h3>
+                <% if (data) { %>
+                    <div class="server-data">
+                        <p><img src="/assets/icons/uptime.svg" class="server-item-icon" alt=""><br>
+                            <span class="server-item-text">Up <%= data['uptime'].toLowerCase() %></span></p>
+                        <p><img src="/assets/icons/system.svg" class="server-item-icon" alt=""><br>
+                            <span class="server-item-text"><%= data['os']['name'] %> <%= data['os']['version'] %></span></p>
+                        <p><img src="/assets/icons/memory.svg" class="server-item-icon" alt=""><br>
+                            <span class="server-item-text"><%= data['physicalmemory']['used'] %>/<%= data['physicalmemory']['total'] %> of RAM</span></p>
+                        <p><img src="/assets/icons/cpu.svg" class="server-item-icon" alt=""><br>
+                            <span class="server-item-text"><%= data['cpu']['model'] %> @<%= data['cpu']['speed'] %> (x<%= data['cpu']['cores'] %>)</span></p>
+                        <p><img src="/assets/icons/usage.svg" class="server-item-icon" alt=""><br>
+                            <span class="server-item-text"><%= data['cpu']['load'] %><% if (data['cpu']['temperature']) { %>, <%= data['cpu']['temperature'] %><% } %></span></p>
+                        <p><img src="/assets/icons/swap.svg" class="server-item-icon" alt=""><br>
+                            <span class="server-item-text"><%= data['swapmemory']['used'] %>/<%= data['swapmemory']['total'] %> of swap</span></p>
+                    </div>
+                <% } else { %>
+                    <p class="text-danger text-center">Server is offline</p>
+                <% } %>
+                <div class="category-container"></div>
+            </div>
+            <br>
+        <% } %>
     </div>
+    <br>
 </div>
-<!-- Get the script which polls the API for server status -->
-<script src="/assets/servers.js"></script>
 <%- include("./partials/footer.ejs") %>
\ No newline at end of file
-- 
cgit