www/mon_fermenter.php

Sat, 12 Jan 2019 20:18:54 +0100

author
Michiel Broek <mbroek@mbse.eu>
date
Sat, 12 Jan 2019 20:18:54 +0100
changeset 188
0ef62ec2d5b0
parent 185
4c25db9e8102
child 189
6470e5c6a001
permissions
-rw-r--r--

Added door and lights status leds.

<?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=3>Klimaatkast overzicht</th></tr>
        <tr><td>Uuid</td><td colspan="2"><div id="info_uuid"></div></td></tr>
        <tr><td>Systeem</td><td colspan="2"><div id="info_system"></div></td></tr>
        <tr><td>Code en bier</td><td><div id="info_beer"></div></td><td><div id="select_beer"></div></td></tr>
        <tr><td>Werking</td><td colspan="2"><div id="info_mode"></div></td></tr>
	<tr><td>Vergisting fase</td><td colspan="2"><div id="info_stage"></div></td></tr>
        <tr><td>Vergisting profiel</td><td><div id="info_profile"></div></td><td><div id="select_profile"></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_doorled"></div>
      <div id="fermenter_lightled"></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 style="margin-top: 20px; margin-left: 70px;" type="button" id="FLog" value="Vergisting log" />
     </div> <!-- fermenter_panel_buttons -->
    </div> <!-- End right side -->
   </div>

<?php
page_footer();
?>

mercurial