www/mon_fermenter.php

changeset 182
58618d93c0fb
parent 180
a5aa3502310c
child 183
a810539dc218
--- a/www/mon_fermenter.php	Mon Jan 07 16:46:43 2019 +0100
+++ b/www/mon_fermenter.php	Mon Jan 07 22:35:32 2019 +0100
@@ -3,17 +3,54 @@
 page_header('Monitor Fermentation', 'mon_fermenter');
 ?>
 
-   <div id="MainPanel">
-    <div id="ContentPanel"></div>
-    <div id='fermenter_thermometers'>
+   <div id="fermenter">
+
+    <div style="float: left; width: 970px;">
+     <div id="fermenter_table">
+      <div id="fermenter_info"></div>
+     </div>
+     <div id='fermenter_thermometers'>
       <div id="gaugeContainer_air" style='float: left; margin-top: 10px; margin-left: 10px;'></div>
       <div id="gaugeContainer_beer" style="float: right; margin-top: 10px; margin-right: 10px;"></div>
       <div id="gaugeContainer_chiller" style="float: left; margin-top: 15px;"></div>
-      <div id="fermenter_tempdigits"></div>
      </div>
-     <div style="float: right; margin-top: 20px; margin-bottom: 5px;">
-      <input style="margin-right: 600px;" type="button" id="FLog" value="Vergisting log" />
-     </div>
+    </div> <!-- End left side -->
+
+    <div style="float: right; width: 295px;  background-color: #ddd;">
+     <div id="fermentor_panel_top">
+      <div id="fermentor_selector">
+
+      </div>
+      <div id="fermentor_alarmled"></div>
+      <div id="fermentor_powerled"></div>
+     </div> <!-- fermenter_panel_top -->
+
+     <div id="fermentor_panel_display">
+      <div id="fermentor_display1">
+       <div id="target_hi" class="htemp"></div>
+       <div id="target_lo" class="ltemp"></div>Sp
+      </div>
+      <div id="fermentor_display2">
+       <div id="load_air" class="dtemp"></div>Air
+      </div>
+      <div id="fermentor_display3">
+       <div id="load_beer" class="dtemp"></div>Beer
+      </div>
+     </div> <!-- fermentor_panel_display -->
+
+     <div id="fermentor_panel_control">
+      <div id="fermentor_led1"></div>
+      <div id="fermentor_led2"></div>
+      <div id="fermentor_led3"></div>
+      <div id="fermentor_toggle1"></div>
+      <div id="fermentor_toggle2"></div>
+      <div id="fermentor_toggle3"></div>
+     </div> <!-- fermentor_panel_control -->
+
+     <div id="fermentor_panel_buttons">
+      <input type="button" id="FLog" value="Vergisting log" />
+     </div> <!-- fermentor_panel_buttons -->
+    </div> <!-- End right side -->
    </div>
 
 <?php

mercurial