www/mon_fermenter.php

<?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;  background-color: #ddd;">
     <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_display1">
       <div id="target_hi" class="htemp"></div>
       <div id="target_lo" class="ltemp"></div>Sp
      </div>
      <div id="fermenter_display2">
       <div id="load_air" class="dtemp"></div>Air
      </div>
      <div id="fermenter_display3">
       <div id="load_beer" class="dtemp"></div>Beer
      </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();
?>