--- 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