Documentacion agregada - previo a la presentacion

[VSoRC/.git] / src / views / index.ejs

diff --git a/src/views/index.ejs b/src/views/index.ejs
index 79802757ea4496f9c436d2ad80063fd95196f11e..d1365c30134fdf879c20878d04990807f3c62055 100644 (file)
--- a/src/views/index.ejs
+++ b/src/views/index.ejs
@@ -13,9 +13,11 @@
   </header>
 
   <div class="realtime">
-    <div class="navbar navbar-dark bg-light"><span>Memoria libre en el sistema</span></div>
-    <div class="wrapper">
+
+    <div class="wrapper RAM">
+      <div class="navbar navbar-dark bg-light"><span>Uso de memoria del sistema</span></div>
       <div id="ram"></div>
+      <!-- <script src="js/health/functions.js"></script> -->
       <script>
         Plotly.plot('ram', [{
           y: [0],
@@ -40,7 +42,7 @@
           if (cnt1 > 100) {
             Plotly.relayout('ram', {
               xaxis: {
-                range: [cnt - 100, cnt]
+                range: [cnt1 - 100, cnt1]
               }
             });
           }
@@ -56,12 +58,13 @@
             }
           }
           xhr.send();
-        }, 2000)
+        }, 1000)
       </script>
-
     </div>
-    <div class="navbar navbar-dark bg-light"><span>CPU libre en el sistema</span></div>
+
     <div class="wrapper CPU">
+      <div class="navbar navbar-dark bg-light"><span>CPU libre en el sistema</span></div>
+
       <!-- <div></div> -->
       <div id="cpu"></div>
       <!-- <div></div> -->
@@ -98,8 +101,9 @@
         }, 2000)
       </script>
     </div>
-    <div class="navbar navbar-dark bg-light"><span>Trafico de la Red</span></div>
-    <div class="wrapper">
+
+    <div class="wrapper TRAFFIC">
+      <div class="navbar navbar-dark bg-light"><span>Trafico de la Red Kbps</span></div>
       <div id="trafico"></div>
       <script>
         Plotly.plot('trafico', [{
@@ -154,17 +158,40 @@
           }
           xhr.send();
         }, 500)
+
       </script>
+    </div>
 
+    <div class="wrapper TEMP">
+      <div class="navbar navbar-dark bg-light"><span>Informacion de los equipos</span></div>
+      <div id="temp">
+        <textarea class="text" rows="20" cols="7" id="temperatura"></textarea>
+      </div>
+      <script>
+      function showtemp() {
+        let xhr = new XMLHttpRequest();
+        xhr.open('GET', '/showtemp', true);
+        xhr.onload = function() {
+          if (xhr.status == 200) { //can use this.status instead
+            //console.log(xhr.responseText);// para ver en la consola
+            console.log(xhr.response);
+            document.getElementById('temperatura').value = xhr.response;
+          }
+        }
+        xhr.send();
+        //clearInterval(intervalController);
+
+      }
+      setInterval(showtemp,15000);
+      </script>
     </div>
+
   </div>
-  <div class="viewframe">
-    <iframe class="iframea" id="ImportFrame" src="http://localhost:8080"></iframe>
-  </div>
+
 </body>
 <footer>
   <%include ../../partials/footer%>
 </footer>
 
 
-</html>
\ No newline at end of file
+</html>