--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/www/mon_ispindel.php	Fri May 01 16:37:31 2020 +0200
@@ -0,0 +1,105 @@
+<?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="20%">
+        <col width="20%">
+        <tr><th colspan=4>iSpindel overzicht</th></tr>
+        <tr style="height: 25px;">
+         <td>Uuid</td>
+         <td colspan="3"><div id="info_uuid"></div></td>
+        </tr>
+	<tr style="height: 25px;">
+         <td>Systeem</td>
+	 <td><div id="info_system"></div></td>
+         <td colspan="2"><div id="info_online"></div></td>
+        </tr>
+	<tr style="height: 25px;">
+         <td>Code en bier</td>
+         <td><div id="info_beer"></div></td>
+         <td colspan="2"><div id="select_beer"></div></td>
+        </tr>
+        <tr style="height: 25px;">
+         <td>Werking</td>
+         <td colspan="3"><div id="info_mode"></div></td>
+        </tr>
+	<tr style="height: 25px;">
+         <td>Batterij volt</td>
+         <td><div id="info_battery"></div></td>
+         <td>Densiteit &deg;P</td>
+         <td><div id="info_plato"></div></td>
+        </tr>
+        <tr style="height: 25px;">
+         <td>Tilt hoek &deg;</td>
+         <td><div id="info_tilt"></div></td>
+         <td>Densiteit SG</td>
+         <td><div id="info_sg"></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">
+      <table style='width: 100%; padding: 10px;'>
+       <col width="30%">
+       <col width="35%">
+       <col width="35%">
+       <tr><th colspan=3>Vergisting status</th></tr>
+       <tr><th colspan=3>&nbsp;</th></tr>
+       <tr style="height: 25px;">
+        <td>OG</td>
+        <td><div id="vg_og1"></div></td>
+        <td><div id="vg_og2"></div></td>
+       </tr>
+       <tr style="height: 25px;">
+        <td>SG</td>
+        <td><div id="vg_sg1"></div></td>
+        <td><div id="vg_sg2"></div></td>
+       </tr>
+       <tr style="height: 25px;">
+        <td>SVG</td>
+        <td colspan='2'><div id="vg_svg"></div></td>
+       </tr>
+       <tr style="height: 25px;">
+        <td>ABV</td>
+        <td colspan='2'><div id="vg_abv"></div></td>
+       </tr>
+       <tr style="height: 25px;">
+        <td>Batterij</td>
+        <td colspan='2'><div id="vg_batt"></div></td>
+       </tr>
+      </table>
+     </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();
+?>