www/prod_edit.php

Fri, 04 Jan 2019 21:51:59 +0100

author
Michiel Broek <mbroek@mbse.eu>
date
Fri, 04 Jan 2019 21:51:59 +0100
changeset 171
48cf3ea270f8
parent 167
dabcd35f8f92
child 177
325bd6425978
permissions
-rw-r--r--

Removed checkboxes for brew and fermentation logs from the first tab. On the brewday and fermentation tabs added buttons to show log graphs. The buttuns are only enabled if there is a log.

<?php
require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php');
page_header('Brouw overzicht', 'prod_edit');
?>

   <div id='jqxTabs'>
    <ul>
     <li>Algemeen</li>
     <li>Apparatuur</li>
     <li>Vergistbaar</li>
     <li>Hoppen</li>
     <li>Diversen</li>
     <li>Gist</li>
     <li>Maischen</li>
     <li>Water</li>
     <li>Brouwdag</li>
     <li>Vergisten</li>
     <li>Verpakken</li>
     <li>Proeven</li>
    </ul>

    <div> <!-- tab algemeen -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Brouw naam:</td>
        <td align="left" colspan="5" style="vertical-align: top; padding: 3px;"><input id="name" /></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Brouw code:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input id="code" /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Start planning:</td>
        <td align="left" style="vertical-align: top;"><input readonly="1" id="birth" /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Brouw fase:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input id="stage" readonly /></td>
       </tr>
       <tr>
        <td colspan="2"> </td>
        <td align="right" style="vertical-align: top;">Afgesloten:</td>
        <td align="left"><div id="locked"></div></td>
        <td align="right" style="vertical-align: top;">Ingredienten afgeboekt:</td>
        <td align="left"><div id="inventory_reduced"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Opmerkingen:</td>
        <td colspan="5" style="padding: 3px;"><textarea id="notes"></textarea></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Brouw type:</td>
        <td align="left" style="padding: 3px;"><div id="type"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Brouwzaal rendement:</td>
        <td colspan="3" style="padding: 3px;"><div id="efficiency"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Brouw volume:</td>
        <td style="padding: 3px;"><div id="batch_size"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Kooktijd minuten:</td>
        <td style="padding: 3px;"><div id="boil_time"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Kook volume:</td>
        <td style="padding: 3px;"><div id="boil_size"></div></td>
       </tr>
       <tr>
        <td colspan="6"><hr></td>
       </tr>
       <tr>
        <td></td>
        <th>Bierstijl gegevens</th>
        <td></td>
        <td align="left" colspan="3"><div id="styleSelect">Stylenlijst</div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Stijlgids:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1" id="st_guide" /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Bier stijl:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1" id="st_name" /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Bier groep:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1" id="st_letter" /></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Stijl type:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1"  id="st_type" /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Categorie:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1" id="st_category" /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Categorie nr:</td>
        <td style="padding: 3px;"><div id="st_category_number"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Start SG:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_og"></div><div style="float: left; margin-left: 15px;" id="st_og_min"></div><div style="float: left; margin-left: 5px;" id="st_og_max"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Eind SG:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_fg"></div><div style="float: left; margin-left: 15px;" id="st_fg_min"></div><div style="float: left; margin-left: 5px;" id="st_fg_max"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Alcohol vol%:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_abv"></div><div style="float: left; margin-left: 15px;" id="st_abv_min"></div><div style="float: left; margin-left: 5px;" id="st_abv_max"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Kleur:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_color"></div><div style="float: left; margin-left: 15px;" id="st_color_min"></div><div style="float: left; margin-left: 5px;" id="st_color_max"></div><div id="bcolor" class='ebccolor'> </div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Kleur methode:</td>
        <td style="padding: 3px;"><div style="float: left;" id="color_method"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Koolzuur vol:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_carb"></div><div style="float: left; margin-left: 15px;" id="st_carb_min"></div><div style="float: left; margin-left: 5px;" id="st_carb_max"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_ibu"></div><div style="float: left; margin-left: 15px;" id="st_ibu_min"></div><div style="float: left; margin-left: 5px;" id="st_ibu_max"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid methode:</td>
        <td style="padding: 3px;"><div style="float: left;" id="ibu_method"></div></td>
        <td></td>
        <td></td>
       </tr>
      </table>
      <div style="float: right; margin-top: 20px; margin-bottom: 5px;">
       <input style="margin-right: 100px;" type="button" id="Print"  value="Print" />
       <input style="margin-right: 100px;" type="button" id="Delete" value="Delete" />
       <input style="margin-right: 100px;" type="button" id="Save"   value="Save" />
       <input style="margin-right: 320px;" type="button" id="Cancel" value="Cancel" />
      </div>
     </div>
     <div id="hintBase" class="hint">
     </div>
    </div>

    <div> <!-- Apparatuur -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td align="right" style="vertical-align: top;">Kies apparatuur:</td>
	<td align="left"><div id="equipmentSelect">Apparatuur</div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Installatie naam:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input id="eq_name" readonly /></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Opmerkingen:</td>
        <td colspan="3" style="padding: 3px;"><textarea id="eq_notes" readonly></textarea></td>
       </tr>
       <tr>
        <th style="text-align: center;" colspan="2">Maischen</th>
        <th style="text-align: center;" colspan="2">Koken</th>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right;">Maischkuip volume l:</td>
        <td><div id="eq_tun_volume"></div></td>
        <td style="vertical-align: top; float: right;">Kookketel volume l:</td>
        <td><div id="eq_kettle_volume"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right;">Maischwater l:</td>
        <td><div id="eq_mash_volume"></div></td>
        <td style="vertical-align: top; float: right;">Kook volume l:</td>
        <td><div id="eq_boil_size"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right;">Maximum moutstort Kg:</td>
        <td><div id="eq_mash_max"></div></td>
        <td style="vertical-align: top; float: right;">Verdamping per uur l:</td>
        <td><div id="eq_evap_rate"></div></td>
       </tr>
       <tr>
        <th style="text-align: center;" colspan="2">Filteren</th>
        <td style="vertical-align: top; float: right;">Kooktijd in minuten:</td>
        <td><div id="eq_boil_time"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right;">Filter volume l:</td>
        <td><div id="eq_lauter_volume"></div></td>
        <td style="vertical-align: top; float: right;">Extra water bij koken l:</td>
        <td><div id="eq_top_up_kettle"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right;">Filterkuip verlies l:</td>
        <td><div id="eq_lauter_deadspace"></div></td>
        <td style="vertical-align: top; float: right;">Hopfactor %:</td>
        <td><div id="eq_hop_utilization"></div></td>
       </tr>
       <tr>
        <th style="text-align: center;" colspan="2">Koelen</th>
        <td style="vertical-align: top; float: right;">Volume eind koken l:</td>
        <td><div id="eq_batch_size"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right;">Trub verlies kookketel l:</td>
        <td><div id="eq_trub_chiller_loss"></div></td>
        <td style="vertical-align: top; float: right;">Brouwzaalrendement %:</td>
        <td><div id="eq_efficiency"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right;">Extra water in gistvatl:</td>
	<td><div id="eq_top_up_water"></div></td>
        <td colspan="2"></td>
       </tr>
      </table>
     </div>
    </div>

    <div> <!-- tab vergistbaar -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Kleur:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_color2"></div><div id="bcolor2" class='ebccolor'> </div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Percentage moutstort:</td>
        <td style="padding: 3px;"><div style="float: left;" id="perc_malts"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Begin SG:</td>
        <td style="padding: 3px;"><div style="float: left;" id="est_og2"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Percentage suiker:</td>
        <td style="padding: 3px;"><div style="float: left;" id="perc_sugars"></div></td>
       </tr>
       <tr>
        <td colspan="2"></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Percentage cara:</td>
        <td style="padding: 3px;"><div style="float: left;" id="perc_cara"></div></td>
       </tr>
       <tr>
        <td colspan="4"><div id="fermentableGrid"></div></td>
       </tr>
      </table>
     </div>
    </div> <!-- tab vergistbaar -->

    <div> <!-- tab hoppen -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid IBU:</td>
        <td style="padding: 3px;"><div id="est_ibu2"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Smaak bijdrage:</td>
        <td style="padding: 3px;"><div id="hop_flavour"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Aroma bijdrage:</td>
        <td style="padding: 3px;"><div id="hop_aroma"></div></td>
       </tr>
       <tr>
        <td align="right" style="vertical-align: top;">Hoppen:</td>
        <td align="left" colspan="5"><div id="hopGrid"></div></td>
       </tr>
      </table>
     </div>
    </div> <!-- tab hoppen -->

    <div> <!-- tab misc -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td align="right" style="vertical-align: top;">Diversen:</td>
        <td align="left" colspan="3"><div id="miscGrid">Graat</div></td>
       </tr>
      </table>
     </div>
    </div> <!-- tab misc -->

    <div> <!-- tab gisten -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td align="right" style="vertical-align: top;">Gisten:</td>
        <td align="left" colspan="3"><div id="yeastGrid">Graat</div></td>
       </tr>
      </table>
     </div>
    </div> <!-- tab gisten -->

    <div> <!-- tab maischen -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Maischchema:</td>
        <td align="left" colspan="5" style="vertical-align: top; padding: 3px;"><input id="mash_name" /></td>
       </tr>
       <tr>
        <td align="right" style="vertical-align: top; padding: 3px;">Stappen:</td>
        <td align="left" colspan="5" style="padding: 3px;"><div id="mashGrid">Graat</div></td>
       </tr>
      </table>
     </div>
    </div> <!-- tab maischen -->

    <div> <!-- tab water -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Bitterheidsindex:</td>
        <td style="padding: 3px;" colspan="2"><div id="tgt_bu"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Richtgetal Cl/SO4:</td>
        <td style="padding: 3px;" colspan="2"><div id="tgt_cl_so4"></div></td>
       </tr>
       <tr>
        <td></td>
        <td align="left" colspan="5">
         <div id='water_totals'>
          <table style="width: 100%;">
           <caption>Water overzicht</caption>
           <tr>
            <td align="left" style="vertical-align: top; padding: 3px;">Water profiel</td>
            <td style="width: 97px; padding: 3px;">Volume</td>
            <td style="width: 77px; padding: 3px;">Ca</td>
            <td style="width: 77px; padding: 3px;">Mg</td>
            <td style="width: 77px; padding: 3px;">Na</td>
            <td style="width: 77px; padding: 3px;">CaCO3</td>
            <td style="width: 77px; padding: 3px;">Cl</td>
            <td style="width: 77px; padding: 3px;">SO4</td>
            <td style="width: 77px; padding: 3px;">pH</td>
           </tr>
           <tr>
            <td><div id="w1_name"></div></td>
            <td><div id="w1_amount"></div></td>
            <td><div id="w1_calcium"></div></td>
            <td><div id="w1_magnesium"></div></td>
            <td><div id="w1_sodium"></div></td>
            <td><div id="w1_total_alkalinity"></div></td>
            <td><div id="w1_chloride"></div></td>
            <td><div id="w1_sulfate"></div></td>
            <td><div id="w1_ph"></div></td>
           </tr>
           <tr>
            <td><div id="w2_name"></div></td>
            <td><div id="w2_amount"></div></td>
            <td><div id="w2_calcium"></div></td>
            <td><div id="w2_magnesium"></div></td>
            <td><div id="w2_sodium"></div></td>
            <td><div id="w2_total_alkalinity"></div></td>
            <td><div id="w2_chloride"></div></td>
            <td><div id="w2_sulfate"></div></td>
            <td><div id="w2_ph"></div></td>
           </tr>
           <tr>
            <td style="vertical-align: top; padding: 3px; float: left;">Gemengd water:</td>
            <td><div id="wg_amount"></div></td>
            <td><div id="wg_calcium"></div></td>
            <td><div id="wg_magnesium"></div></td>
            <td><div id="wg_sodium"></div></td>
            <td><div id="wg_total_alkalinity"></div></td>
            <td><div id="wg_chloride"></div></td>
            <td><div id="wg_sulfate"></div></td>
            <td><div id="wg_ph"></div></td>
           </tr>
           <tr>
            <td style="vertical-align: top; padding: 3px; float: left;">Behandeld water:</td>
            <td><div></div></td>
            <td><div id="wb_calcium"></div></td>
            <td><div id="wb_magnesium"></div></td>
            <td><div id="wb_sodium"></div></td>
            <td><div id="wb_total_alkalinity"></div></td>
            <td><div id="wb_chloride"></div></td>
            <td><div id="wb_sulfate"></div></td>
            <td><div id="wb_ph"></div></td>
           </tr>
           <tr>
            <td style="vertical-align: top; padding: 3px; float: left;">Resultaat:</td>
            <td><div></div></td>
            <td><div id="wr_calcium"></div></td>
            <td><div id="wr_magnesium"></div></td>
            <td><div id="wr_sodium"></div></td>
            <td><div id="wr_total_alkalinity"></div></td>
            <td><div id="wr_chloride"></div></td>
            <td><div id="wr_sulfate"></div></td>
            <td><div id="wr_ph"></div></td>
           </tr>
           <tr>
            <td><div id="pr_name"></div></td>
            <td><div></div></td>
            <td><div id="pr_calcium"></div></td>
            <td><div id="pr_magnesium"></div></td>
            <td><div id="pr_sodium"></div></td>
            <td><div id="pr_total_alkalinity"></div></td>
            <td><div id="pr_chloride"></div></td>
            <td><div id="pr_sulfate"></div></td>
            <td></td>
           </tr>
          </table>
         </div>
        </td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Calciumchloride (CaCl2):</td>
	<td style="padding: 3px;"><div id="wa_cacl2"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Maish pH:</td>
        <td style="padding: 3px;"><div id="mash_ph"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater volume:</td>
        <td style="padding: 3px;"><div id="sparge_volume"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Gips (CaSO4):</td>
	<td style="padding: 3px;"><div id="wa_caso4"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">pH Automatisch:</td>
        <td style="padding: 3px;"><div id="calc_acid"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater temp:</td>
        <td style="padding: 3px;"><div id="sparge_temp"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Epsom zout (MgSO4):</td>
	<td style="padding: 3px;"><div id="wa_mgso4"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Ontzuren met:</td>
        <td style="padding: 3px;"><div style="float: left;" id="wa_base_name"></div><div style="float: left; margin-left: 15px;" id="wa_base"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater bron:</td>
        <td style="padding: 3px;"><div id="sparge_source"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Keukenzout (NaCl):</td>
	<td style="padding: 3px;"><div id="wa_nacl"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren met:</td>
        <td style="padding: 3px;"><div style="float: left;" id="wa_acid_name"></div><div style="float: left; margin-left: 15px;" id="wa_acid"></div><div style="float: left; margin-left: 15px;" id="wa_acid_perc"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater pH:</td>
        <td style="padding: 3px;"><div id="sparge_ph"></div></td>
       </tr>
       <tr>
         <td colspan="4"></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren met:</td>
        <td style="padding: 3px;"><div id="sparge_acid_type"></div></td>
       </tr>
       <tr>
        <td colspan="4"></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Percentage:</td>
        <td style="padding: 3px;"><div id="sparge_acid_perc"></div></td>
       </tr>
       <tr>
        <td colspan="4"></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Hoeveelheid:</td>
        <td style="padding: 3px;"><div id="sparge_acid_amount"></div></td>
       </tr>
      </table>
     </div>
    </div> <!-- tab water -->

    <div style="overflow: hidden;"> <!-- Brewday -->
     <table style="width: 100%;">
      <tr>
       <td style="vertical-align: top; float: right; padding: 3px;">Brouwdag start:</td>
       <td align="left" colspan="2" style="vertical-align: top;"><div id="brew_date_start"></div></td>
       <td style="vertical-align: top; float: right; padding: 3px;">Brouwdag eind:</td>
       <td align="left" colspan="2" style="vertical-align: top;"><div id="brew_date_end"></div></td>
      </tr>
      <tr>
       <td colspan="6"> </td>
      </tr>
      <tr>
       <th style="text-align: center;" colspan="2">Maischen</th>
       <th style="text-align: center;" colspan="4">Koken</th>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Maisch pH:</td>
       <td><div style="float: left;" id="brew_mash_ph"></div><div style="float: left; margin-left: 15px;" id="est_mash_ph"></div></td>
       <td style="vertical-align: top; float: right;">pH voor koken:</td>
       <td><div id="brew_preboil_ph"></div></td>
       <td style="vertical-align: top; float: right;">pH na koken:</td>
       <td><div id="brew_aboil_ph"></div></td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Maisch SG:</td>
       <td><div style="float: left;" id="brew_mash_sg"></div><div style="float: left; margin-left: 15px;" id="est_mash_sg"></div></td>
       <td style="vertical-align: top; float: right;">SG voor koken:</td>
       <td><div id="brew_preboil_sg"></div></td>
       <td style="vertical-align: top; float: right;">SG na koken:</td>
       <td><div style="float: left;" id="brew_aboil_sg"></div><div style="float: left; margin-left: 15px;" id="est_og3"></div></td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Maisch rendement:</td>
       <td><div id="brew_mash_efficiency"></div></td>
       <td style="vertical-align: top; float: right;">Volume voor koken:</td>
       <td><div id="brew_preboil_volume"></div></td>
       <td style="vertical-align: top; float: right;">Volume na koken:</td>
       <td><div id="brew_aboil_volume"></div></td>
      </tr>
      <tr>
       <td colspan="2"> </td>
       <td style="vertical-align: top; float: right;">Rendement voor koken:</td>
       <td><div id="brew_preboil_efficiency"></div></td>
       <td style="vertical-align: top; float: right;">Rendement na koken:</td>
       <td><div id="brew_aboil_efficiency"></div></td>
      </tr>
      <tr>
       <th style="text-align: center;" colspan="2">Spoelen en filteren</th>
       <td colspan="4"> </td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Spoelwater temperatuur:</td>
       <td><div id="brew_sparge_temperature"></div></td>
       <th style="text-align: center;" colspan="4">Koelen en whirlpoolen</th>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Spoelwater volume:</td>
       <td><div id="brew_sparge_volume"></div></td>
       <td style="vertical-align: top; float: right;">Whirlpool 85..100&deg;C:</td>
       <td><div id="brew_whirlpool9"></div></td>
       <td style="vertical-align: top; float: right;">Koelen tot:</td>
       <td><div id="brew_cooling_to"></div></td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Spoelwater pH:</td>
       <td><div id="brew_sparge_ph"></div></td>
       <td style="vertical-align: top; float: right;">Whirlpool 72..79&deg;C:</td>
       <td><div id="brew_whirlpool7"></div></td>
       <td style="vertical-align: top; float: right;">Koelen met:</td>
       <td><div id="brew_cooling_method"></div></td>
      </tr>
      <tr>
       <td colspan="2"></td>
       <td style="vertical-align: top; float: right;">Whirlpool 60..66&deg;C:</td>
       <td><div id="brew_whirlpool6"></div></td>
       <td style="vertical-align: top; float: right;">Koelen tijd:</td>
       <td><div id="brew_cooling_time"></div></td>
      </tr>
      <tr>
       <th style="text-align: center;" colspan="2">Beluchten</th>
       <td style="vertical-align: top; float: right;">Whirlpool koud:</td>
       <td><div id="brew_whirlpool2"></div></td>
       <td colspan="2"> </td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Beluchten met:</td>
       <td><div id="brew_aeration_type"></div></td>
       <td colspan="4"> </td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Beluchten tijd:</td>
       <td><div id="brew_aeration_time"></div></td>
       <th style="text-align: center;" colspan="4">Naar gistvat</th>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Beluchten snelheid:</td>
       <td><div id="brew_aeration_speed"></div></td>
       <td style="vertical-align: top; float: right;">Volume naar gistvat:</td>
       <td><div id="brew_fermenter_volume"></div></td>
       <td style="vertical-align: top; float: right;">Extra water:</td>
       <td><div id="brew_fermenter_extrawater"></div></td>
      </tr>
      <tr>
       <td colspan="2"> </td>
       <td style="vertical-align: top; float: right;">SG in gistvat:</td>
       <td><div id="brew_fermenter_sg"></div></td>
       <td style="vertical-align: top; float: right;">Extra suiker:</td>
       <td><div id="brew_fermenter_extrasugar"></div></td>
      </tr>
      <tr>
       <td colspan="2"> </td>
       <td style="vertical-align: top; float: right;">IBU in gistvat:</td>
       <td><div style="float: left;" id="brew_fermenter_ibu"></div><div style="float: left; margin-left: 35px;" id="est_ibu"></div></td>
       <td style="vertical-align: top; float: right;">Kleur in gistvat:</td>
       <td><div style="float: left;" id="brew_fermenter_color"></div><div style="float: left; margin-left: 35px;" id="est_color"></div></td>
      </tr>
     </table>
     <div style="float: right; margin-top: 20px; margin-bottom: 5px;">
      <input style="margin-right: 600px;" type="button" id="BLog"  value="Brouw grafiek" />
     </div>
    </div> <!-- Brewday -->

    <div> <!-- Vergisten -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
	<td style="width: 30%;"> </td>
        <td style="width: 20%;"> </td>
        <td style="width: 30%;"> </td>
        <td style="width: 20%;"> </td>
       </tr>
       <tr>
        <th style="text-align: center;" colspan="4">Hoofdvergisting</th>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">OG begin vergisting:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="brew_fermenter_sg2"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Start temperatuur hoofdvergisting &deg;C:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="primary_start_temp"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Maximum temperatuur hoofdvergisting &deg;C:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="primary_max_temp"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Eind temperatuur hoofdvergisting &deg;C:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="primary_end_temp"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Eind SG hoofdvergisting:</td>
	<td align="left" style="vertical-align: top;"><div id="primary_end_sg"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Schijnbare vergistingsgraad:</td>
        <td align="left" style="vertical-align: top;"><div id="primary_svg"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Eind hoofdvergisting/overhevelen:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="primary_end_date"></div></td>
       </tr>
       <tr>
        <td colspan="4"><hr></td>
       </tr>
       <tr>
        <th style="text-align: center;" colspan="4">Nagisting</th>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Temperatuur nagisting &deg;C:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="secondary_temp"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Eind nagisting/start lageren:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="secondary_end_date"></div></td>
       </tr>
       <tr>
        <td colspan="4"><hr></td>
       </tr>
       <tr>
        <th style="text-align: center;" colspan="4">Lageren</th>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Temperatuur lageren &deg;C:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="tertiary_temp"></div></td>
       </tr>
       <tr>
        <th style="text-align: center;" colspan="4">&nbsp;</th>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Eind SG:</td>
	<td align="left" style="vertical-align: top;"><div id="fg"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Voorspeld:</td>
        <td align="left" style="vertical-align: top;"><div id="est_fg2"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Alcohol percentage voor hergisting:</td>
        <td align="left" style="vertical-align: top;"><div id="final_abv"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Schijnbare vergistingsgraad:</td>
        <td align="left" style="vertical-align: top;"><div id="final_svg"></div></td>
       </tr>
      </table>
      <div style="float: right; margin-top: 80px; margin-bottom: 5px;">
       <input style="margin-right: 600px;" type="button" id="FLog"  value="Vergisting log" />
      </div>
     </div>
    </div> <!-- Vergisten -->

    <div> <!-- Verpakken -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Datum:</td>
	<td align="left" style="vertical-align: top;"><div id="package_date"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Aanbevolen koolzuur vol:</td>
        <td style="padding: 3px;"><div style="float: left; margin-left: 15px;" id="st_carb_min2"></div><div style="float: left; margin-left: 5px;" id="st_carb_max2"></div></td>
       </tr>
       <tr>
        <td colspan="4"><hr></td>
       </tr>
       <tr>
        <th style="text-align: center;" colspan="2">Flessen</th>
        <th style="text-align: center;" colspan="2">Kegs</th>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Hoeveelheid liter:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_amount"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Hoeveelheid liter:</td>
	<td align="left" style="vertical-align: top;"><div id="keg_amount"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Gewenst CO2 gehalte:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_carbonation"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Gewenst CO2 gehalte:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_carbonation"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Suiker type:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_priming_sugar"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Suiker type:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_priming_sugar"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Toevoegen suiker g/l:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_priming_amount"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Toevoegen suiker g/l:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_priming_amount"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Suiker totaal gr:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_priming_total"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Suiker totaal gr:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_priming_total"></div></td>
       </tr>
       <tr>
        <td colspan="2"></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Op druk brengen met CO2:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_forced_carb"></div></td>
       </tr>
       <tr>
        <td colspan="2"></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Druk op fust bar:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_pressure"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Alcohol op fles:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_abv"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Alcohol op fust:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_abv"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Hergisting temperatuur:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_carbonation_temp"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Keg temperatuur:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_carbonation_temp"></div></td>
       </tr>
      </table>
     </div>
    </div> <!-- Verpakken -->

    <div> <!-- Proeven -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Datum:</td>
	<td align="left" style="vertical-align: top;"><div id="taste_date"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Cijfer:</td>
        <td align="left" style="vertical-align: top;"><div id="taste_rate"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Kleur:</td>
	<td style="padding: 3px;"><textarea id="taste_color"></textarea></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Helderheid:</td>
        <td style="padding: 3px;"><textarea id="taste_transparency"></textarea></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Schuim:</td>
        <td colspan="3" style="padding: 3px;"><textarea id="taste_head"></textarea></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Aroma:</td>
        <td colspan="3" style="padding: 3px;"><textarea id="taste_aroma"></textarea></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Smaak:</td>
        <td colspan="3" style="padding: 3px;"><textarea id="taste_taste"></textarea></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Nasmaak:</td>
        <td colspan="3" style="padding: 3px;"><textarea id="taste_aftertaste"></textarea></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Mondgevoel:</td>
        <td colspan="3" style="padding: 3px;"><textarea id="taste_mouthfeel"></textarea></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Oordeel:</td>
        <td colspan="3" style="padding: 3px;"><textarea id="taste_notes"></textarea></td>
       </tr>
      </table>
     </div>
    </div> <!-- Proeven -->

   </div> <!-- Tabs -->

<?php
confirm_delete();
page_footer();
?>

mercurial