diff options
Diffstat (limited to 'views')
| -rw-r--r-- | views/partials/header.ejs | 16 | ||||
| -rw-r--r-- | views/plurality.ejs | 4 | ||||
| -rw-r--r-- | views/servers.ejs | 85 |
3 files changed, 68 insertions, 37 deletions
diff --git a/views/partials/header.ejs b/views/partials/header.ejs index 6a80ccf..f26fb32 100644 --- a/views/partials/header.ejs +++ b/views/partials/header.ejs @@ -35,11 +35,14 @@ <title><%= title %> - The Cuties</title> </head> <body> - <nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top"> - <div class="container-fluid"> - <a class="navbar-brand" href="/">The Cuties</a> - - <ul class="navbar-nav"> +<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top<% if (title !== "Home") { %> navbar-nohero<% } %>"> + <div class="container-fluid"> + <a class="navbar-brand" href="/">The Cuties</a> + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="collapsibleNavbar"> + <ul class="navbar-nav" style="margin-left:auto;"> <li class="nav-item"> <a class="nav-link" href="/projects">Projects</a> </li> @@ -54,4 +57,5 @@ </li> </ul> </div> - </nav>
\ No newline at end of file + </div> +</nav>
\ No newline at end of file diff --git a/views/plurality.ejs b/views/plurality.ejs index 02f2af0..db8e17a 100644 --- a/views/plurality.ejs +++ b/views/plurality.ejs @@ -22,7 +22,5 @@ ~ SOFTWARE. ~ --> -<%- include("./partials/header.ejs", {title: "Home"}) %> - -<script src="/assets/plurality.js"></script> +<%- include("./partials/header.ejs", {title: "Plurality"}) %> <%- include("./partials/footer.ejs") %>
\ No newline at end of file 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 |