index.html: make monitorix .png on main page always refreshed on page…

… load
warpme · Apr 11, 2022 · 55991fe · 55991fe
1 parent b85911a
commit 55991fe
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/html/minimyth/index.html b/html/minimyth/index.html
@@ -18,6 +18,16 @@
       function RefreshMonitorixImages() {
       var myImage = new Image();
       myImage.src = "monitorix/cgi/monitorix.cgi?mode=localhost&graph=all&when=1day&color=black";
+      var temps = new Image();
+      temps.src = "/monitorix/imgs/gensens0z.1day.png";
+      var cpuload = new Image();
+      cpuload.src = "/monitorix/imgs/process01z.1day.png";
+      var memory = new Image();
+      memory.src = "/monitorix/imgs/process02z.1day.png";
+      var parent = document.getElementById("main_page_stats");
+      parent.prepend(memory);
+      parent.prepend(cpuload);
+      parent.prepend(temps);
       }//-->
     </script>
     <!--@monitorix@<body onload="RefreshMonitorixImages()">@monitorix@-->
@@ -36,12 +46,8 @@
         </div>
       </div>
       <div class="middle">
-        <div class="section">
-          <!--@monitorix@
-          <p align="center"><a href="monitorix/cgi/monitorix.cgi?mode=localhost&graph=_gensens0&when=1day&color=black">  <img src="/monitorix/imgs/gensens0z.1day.png"  alt="Temp stats"   align="middle" border="0"></a></p>
-          <p align="center"><a href="monitorix/cgi/monitorix.cgi?mode=localhost&graph=_process01&when=1day&color=black"> <img src="/monitorix/imgs/process01z.1day.png" alt="CPU stats"    align="middle" border="0"></a></p>
-          <p align="center"><a href="monitorix/cgi/monitorix.cgi?mode=localhost&graph=_process02&when=1day&color=black"> <img src="/monitorix/imgs/process02z.1day.png" alt="Memory stats" align="middle" border="0"></a></p>
-          @monitorix@-->
+        <div class="section" align="center" id="main_page_stats"></div>
+        <div class="section" id="main">
           <div class="heading">Overview</div>
           <p>
             Minimyth2 is a small