</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],
}
}
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> -->
}, 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', [{
}
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>