www/mon_ispindel.php

changeset 570
c8a20234d7e7
child 578
e75ce5bbda73
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/www/mon_ispindel.php	Sat Dec 14 21:02:57 2019 +0100
@@ -0,0 +1,72 @@
+<?php
+require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php');
+page_header('Monitor iSpindels', 'mon_ispindel');
+?>
+
+   <div id="ispindel">
+
+    <div style="float: left; width: 970px;">
+     <div id="ispindel_table">
+      <div id="ispindel_info">
+       <table style='width: 100%; padding: 10px;'>
+	<col width="20%">
+	<col width="40%">
+        <col width="40%">
+        <tr><th colspan=3>iSpindel overzicht</th></tr>
+        <tr><td colspan=3>&nbsp;</td></tr>
+	<tr style="height: 25px;">
+         <td>Systeem</td>
+	 <td><div id="info_system"></div></td>
+         <td><div id="info_online"></div></td>
+        </tr>
+	<tr style="height: 25px;">
+         <td>Code en bier</td>
+         <td><div id="info_beer"></div></td>
+         <td><div id="select_beer"></div></td>
+        </tr>
+	<tr style="height: 25px;">
+         <td>Battery</td>
+         <td colspan="2"><div id="info_battery"></div></td>
+        </tr>
+        <tr style="height: 25px;">
+         <td>WiFi signaal</td>
+         <td colspan="2"><div id="info_rssi"></div></td>
+        </tr>
+        <tr style="height: 25px;">
+         <td>Tilt hoek</td>
+         <td colspan="2"><div id="info_tilt"></div></td>
+        </tr>
+       </table>
+      </div>
+     </div>
+     <div id='ispindel_meters'>
+      <div id="gaugeContainer_temperature" style='float: left; margin-top: 10px; margin-left: 60px;'></div>
+      <div id="gaugeContainer_gravity" style="float: right; margin-top: 10px; margin-right: 160px;"></div>
+     </div>
+    </div> <!-- End left side -->
+
+    <div style="float: right; width: 295px;">
+     <div id="ispindel_panel_top">
+      <div id="ispindel_powerled"></div>
+      <div id="ispindel_alarmled"></div>
+     </div> <!-- ispindel_panel_top -->
+
+     <div id="ispindel_panel_display">
+      <div id="ispindel_display">
+      </div>
+      <div id="ispindel_display">
+      </div>
+     </div> <!-- ispindel_panel_display -->
+
+     <div id="ispindel_panel_control">
+     </div> <!-- ispindel_panel_control -->
+
+     <div id="ispindel_panel_buttons">
+      <input style="margin-top: 20px; margin-left: 70px;" type="button" id="VLog" value="Vergisting log" />
+     </div> <!-- ispindel_panel_buttons -->
+    </div> <!-- End right side -->
+   </div>
+
+<?php
+page_footer();
+?>

mercurial