Wed, 09 Jan 2019 16:19:26 +0100
Removed the setpoints and temperatures from the right display panel. Added the current temperatures in text to the gauges as caption. Adjusted the gauge caption font display. Only send commands to the mqtt server just before we fetch fresh data. Added new target temperature settings in the right display box.
<?php require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php'); page_header('Monitor Fermentation', 'mon_fermenter'); ?> <div id="fermenter"> <div style="float: left; width: 970px;"> <div id="fermenter_table"> <div id="fermenter_info"> <table style='width: 100%; padding: 10px;'> <tr><th colspan=2>Klimaatkast overzicht</th></tr> <tr><td>Uuid</td><td><div id="info_uuid"></div></td></tr> <tr><td>Systeem</td><td><div id="info_system"></div></td></tr> <tr><td>Bier</td><td><div id="info_beer"></div></td></tr> <tr><td>Werking</td><td><div id="info_mode"></div></td></tr> <tr><td>Fase</td><td><div id="info_stage"></div></td></tr> </table> </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> </div> <!-- End left side --> <div style="float: right; width: 295px;"> <div id="fermenter_panel_top"> <div id="fermenter_selector"> </div> <div id="fermenter_alarmled"></div> <div id="fermenter_powerled"></div> </div> <!-- fermenter_panel_top --> <div id="fermenter_panel_display"> <div id="fermenter_display"> <div id="target_lo" style="margin-left: 40px; margin-top: 15px;"></div> <div style="margin-top: 5px;">°C laag</div> </div> <div id="fermenter_display"> <div id="target_hi" style="margin-left: 40px; margin-top: 15px;"></div> <div style="margin-top: 5px;">°C hoog</div> </div> </div> <!-- fermenter_panel_display --> <div id="fermenter_panel_control"> <div id="fermenter_led1"></div> <div id="fermenter_led2"></div> <div id="fermenter_led3"></div> <div id="fermenter_toggle1"></div> <div id="fermenter_toggle2"></div> <div id="fermenter_toggle3"></div> </div> <!-- fermenter_panel_control --> <div id="fermenter_panel_buttons"> <input type="button" id="FLog" value="Vergisting log" /> </div> <!-- fermenter_panel_buttons --> </div> <!-- End right side --> </div> <?php page_footer(); ?>