From 193d863ef4d690b46fa2980e7fcc394ec8f321a7 Mon Sep 17 00:00:00 2001
From: kekskurse <git@kekskurse.de>
Date: Mon, 20 Sep 2021 23:59:44 +0200
Subject: [PATCH] gui add load

---
 template/index.html | 31 +++++++++++++++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

diff --git a/template/index.html b/template/index.html
index b2adf28..f069d98 100644
--- a/template/index.html
+++ b/template/index.html
@@ -3,6 +3,7 @@
     <!-- Required meta tags -->
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>HTTP Status Page</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js" integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script>
@@ -42,6 +43,18 @@
         </div>
     </div>
 </div>
+    <div class="row" style="margin-top: 20px;">
+        <div class="col-md-6">
+            <div class="card">
+                <div class="card-header" id="loadtitle">
+                    Check Load
+                </div>
+                <div class="card-body">
+                    <p class="card-text" id="loadcontent">...</p>
+                </div>
+            </div>
+        </div>
+    </div>
 </div>
 <script>
     function getData() {
@@ -98,8 +111,22 @@
         $("#rampercent").append('<b>Swap</b><br><div class="progress"><div class="progress-bar" role="progressbar" style="width: '+o.Checks["Memory usage"].data["swap"]+'%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">' +o.Checks["Memory usage"].data["swap"]+ '%</div></div>');
 
 
-        console.log(keys)
-        console.log(o.Checks["Disc space"].success)
+        //load
+
+        if (o.Checks["System Load"].success) {
+            $("#loadtitle").addClass("bg-success");
+            $("#loadtitle").removeClass("bg-error");
+        } else {
+            $("#loadtitle").addClass("bg-danger");
+            $("#loadtitle").removeClass("bg-success");
+        }
+        $("#loadcontent").empty()
+        html = "<table class='table'>"
+        html += "<tr><td>1</td><td>"+o.Checks["System Load"].data["Loadavg1"]+"</td></tr>"
+        html += "<tr><td>5</td><td>"+o.Checks["System Load"].data["Loadavg5"]+"</td></tr>"
+        html += "<tr><td>15</td><td>"+o.Checks["System Load"].data["Loadavg15"]+"</td></tr>"
+        html += "</table>"
+        $("#loadcontent").append(html)