www/mon_fermenter.php

Wed, 09 Jan 2019 16:19:26 +0100

author
Michiel Broek <mbroek@mbse.eu>
date
Wed, 09 Jan 2019 16:19:26 +0100
changeset 184
3dbe1d2265ed
parent 183
a810539dc218
child 185
4c25db9e8102
permissions
-rw-r--r--

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;">&deg;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;">&deg;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();
?>

mercurial