www/prod_edit.php

Wed, 06 May 2020 14:14:14 +0200

author
Michiel Broek <mbroek@mbse.eu>
date
Wed, 06 May 2020 14:14:14 +0200
changeset 667
1246550451ca
parent 662
4bb005694ce7
child 697
367ae7ff52f0
permissions
-rw-r--r--

Removed the last compressed css file. Reworked all mash steps, implemented deconction steps. Added calculations for infuse amounts and decoctions amounts. The mash steps are now manually sorted in the editor grids to have full control over the steps order. Display errors in red in the grid. Updated beerxml export, the product checklist and print output of the products and recipes for all these mash steps changes.

<?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="3" style="vertical-align: top; padding: 3px;"><input id="name" /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Afgesloten:</td>
        <td align="left"><div id="locked"></div></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 id='divide_row'>
        <td style="vertical-align: top; float: right; padding: 3px;">Splits product:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input id="divide_type" readonly /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Gesplitst product:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input id="divide_batch" readonly /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Splits focus:</td>
        <td align="left"><div id="d3"></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 style="padding: 3px;"><div id="efficiency"></div></td>
	<td style="vertical-align: top; float: right; padding: 3px;" id="ok_pmpt">Ingredienten aanwezig:</td>
        <td align="left"><div id="ok_supplies"></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 EBC:</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 IBU:</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 style="vertical-align: top; float: right; padding: 3px;">Energie-inhoud kcal/l:</td>
        <td style="padding: 3px;"><div style="float: left;" id="kcal"></div></td>
       </tr>
      </table>
      <div style="float: right; margin-top: 20px; margin-bottom: 5px;">
       <input style="margin-right: 100px;" type="button" id="Export" value="Export" />
       <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>

    <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 gistvat:</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 EBC:</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 style="vertical-align: top; float: right; padding: 3px;">Maisch KG:</td>
        <td style="padding: 3px;"><div style="float: left;" id="mash_kg"></div></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="2"> </td>
        <td style="vertical-align: top; float: right; padding: 3px;">Lintner totaal:</td>
        <td style="padding: 3px;"><div style="float: left;" id="ferm_lintner"></div></td>
       </tr>
       <tr>
        <td align="center" 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="center" colspan="6"><div id="hopGrid"></div></td>
       </tr>
      </table>
     </div>
    </div> <!-- tab hoppen -->

    <div> <!-- tab misc -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr><td>&nbsp;</td></tr>
       <tr><td align="center"><div id="miscGrid"></div></td></tr>
      </table>
     </div>
    </div> <!-- tab misc -->

    <div> <!-- tab gisten -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Verwacht eind SG:</td>
        <td style="padding: 3px;"><div id="est_fg2"></div></td>
        <td align="center" colspan="5" rowspan="5">
         <div id="propagator">
          <table style="width: 100%;">
           <caption>Giststarter stappen</caption>
           <tr>
            <td style="width: 40px; padding: 3px;">Stap</td>
            <td align="left" style="vertical-align: top; padding: 3px;">Methode</td>
            <td style="width: 120px; padding: 3px;">Volume</td>
            <td style="width: 120px; padding: 3px;">Inj. factor</td>
            <td style="width: 120px; padding: 3px;">Nieuwe cellen</td>
            <td style="width: 120px; padding: 3px;">Totaal cellen</td>
            <td style="width: 120px; padding: 3px;">Groei factor</td>
           </tr>
           <tr>
            <td align="center">1</td>
            <td><div id="prop1_type"></div><div id="r1_pmpt">Niet nodig</div></td>
            <td><div id="prop1_volume"></div></td>
            <td><div style="float: left;" id="prop1_irate"></div><div style="float: left;" id="r1_irate"></div></td>
            <td><div id="prop1_ncells"></div></td>
            <td><div style="float: left;" id="prop1_tcells"></div><div style="float: left;" id="r1_tcells"></div></td>
            <td><div style="float: left;" id="prop1_growf"></div><div style="float: left;" id="r1_growf"></div></td>
           </tr>
           <tr>
            <td align="center">2</td>
            <td><div id="prop2_type"></div><div id="r2_pmpt">Niet nodig</div></td>
            <td><div id="prop2_volume"></div></td>
            <td><div style="float: left;" id="prop2_irate"></div><div style="float: left;" id="r2_irate"></div></td>
            <td><div id="prop2_ncells"></div></td>
            <td><div style="float: left;" id="prop2_tcells"></div><div style="float: left;" id="r2_tcells"></div></td>
            <td><div style="float: left;" id="prop2_growf"></div><div style="float: left;" id="r2_growf"></div></td>
           </tr>
           <tr>
            <td align="center">3</td>
            <td><div id="prop3_type"></div><div id="r3_pmpt">Niet nodig</div></td>
            <td><div id="prop3_volume"></div></td>
            <td><div style="float: left;" id="prop3_irate"></div><div style="float: left;" id="r3_irate"></div></td>
            <td><div id="prop3_ncells"></div></td>
            <td><div style="float: left;" id="prop3_tcells"></div><div style="float: left;" id="r3_tcells"></div></td>
            <td><div style="float: left;" id="prop3_growf"></div><div style="float: left;" id="r3_growf"></div></td>
           </tr>
           <tr>
            <td align="center">4</td>
            <td><div id="prop4_type"></div><div id="r4_pmpt">Niet nodig</div></td>
            <td><div id="prop4_volume"></div></td>
            <td><div style="float: left;" id="prop4_irate"></div><div style="float: left;" id="r4_irate"></div></td>
            <td><div id="prop4_ncells"></div></td>
            <td><div style="float: left;" id="prop4_tcells"></div><div style="float: left;" id="r4_tcells"></div></td>
            <td><div style="float: left;" id="prop4_growf"></div><div style="float: left;" id="r4_growf"></div></td>
           </tr>
          </table>
         </div>
        </td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Verwacht ABV %:</td>
        <td style="padding: 3px;"><div id="est_abv2"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Gist productie datum:</td>
        <td style="padding: 3px;"><div id="yeast_prod_date"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Gist conditie %:</td>
        <td style="padding: 3px;"><div id="starter_viability"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Gistcellen miljard:</td>
        <td style="padding: 3px;"><div id="yeast_cells"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Cellen nodig miljard:</td>
        <td style="padding: 3px;"><div id="need_cells"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Pitch cellen/ml &deg;P:</td>
        <td style="padding: 3px;"><div id="plato_cells"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Starter type:</td>
	<td style="padding: 3px;"><div id="starter_type"></div></td>
	<td style="vertical-align: top; float: right; padding: 3px;">Starter SG:</td>
        <td style="padding: 3px;"><div id="starter_sg"></div></td>
        <td style="vertical-align: top; padding: 3px;"><input type="button" id="starter_try" value="Probeer" /></td>
       </tr>
       <tr><td colspan="7">&nbsp;</td></tr>
       <tr><td align="center" colspan="7"><div id="yeastGrid"></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" style="vertical-align: top; padding: 3px;"><input id="mash_name" /></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Kies ander schema:</td>
        <td style="padding: 3px;"><div id="mash_select"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Volume van de maisch L:</td>
        <td style="padding: 3px;"><div id="est_mashvol"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Tijdsduur maischen:</td>
        <td align="left" style="vertical-align: top; padding: 3px;"><input style="text-align:right" readonly="1" id="est_mashtime" /></td>
       </tr>
       <tr><td colspan="4">&nbsp;</td></tr>
       <tr><td align="center" colspan="4" style="padding: 3px;"><div id="mashGrid"></div></td></tr>
      </table>
     </div>
    </div> <!-- tab maischen -->

    <div> <!-- tab water -->
     <div style="overflow: hidden;">
      <table style="width: 100%;">
       <tr>
        <td colspan="6">
         <table style="width: 100%;">
          <tr>
           <td style="vertical-align: top; float: right; padding: 3px;">Bitterheidsindex:</td>
           <td style="padding: 3px;"><div style="float: left;" id="tgt_bu"></div><div style="float: left; margin-left: 10px;" id="wr_bu"></div></td>
           <td style="vertical-align: top; float: right; padding: 3px;">Richtgetal SO4:Cl:</td>
           <td style="padding: 3px;"><div style="float: left;" id="tgt_so4_cl"></div><div style="float: left; margin-left: 10px;" id="wrt_so4_cl"></div></td>
           <td style="vertical-align: top; float: right; padding: 3px;">Huidig SO4:Cl:</td>
           <td style="padding: 3px;"><div style="float: left;" id="got_so4_cl"></div><div style="float: left; margin-left: 10px;" id="wr_so4_cl"></div></td>
          </tr>
         </table>
        </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) gr:</td>
	<td style="padding: 3px;"><div id="wa_cacl2"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;"><div class='c_mashph'>Maish pH:</div></td>
        <td style="padding: 3px;"><div id="mash_ph" class='c_mashph'></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater voorraad L:</td>
        <td style="padding: 3px;"><div id="sparge_volume"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Gips (CaSO4) gr:</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 &deg;C:</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) gr:</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) gr:</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;">Sterkte %:</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;">Benodigd:</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"><div id="brew_pmpt_koken">Koken</div></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: 10px;" id="est_mash_ph"></div></td>
       <td style="vertical-align: top; float: right;">Voor koken pH:</td>
       <td><div id="brew_preboil_ph"></div></td>
       <td style="vertical-align: top; float: right;">Na koken pH:</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: 10px;" id="est_mash_sg"></div></td>
       <td style="vertical-align: top; float: right;">Voor koken SG:</td>
       <td><div style="float: left;" id="brew_preboil_sg"></div><div style="float: left; margin-left: 10px;" id="est_pre_sg"></div></td>
       <td style="vertical-align: top; float: right;">Na koken SG:</td>
       <td><div style="float: left;" id="brew_aboil_sg"></div><div style="float: left; margin-left: 10px;" 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;">Voor koken vol@100&deg;C:</td>
       <td><div style="float: left;" id="brew_preboil_volume"></div><div style="float: left; margin-left: 10px;" id="est_pre_vol"></div><input type="button" id="but_pre_boil" value="?" style="margin-left: 10px" /></td>
       <td style="vertical-align: top; float: right;">Na koken vol@100&deg;C:</td>
       <td><div style="float: left;" id="brew_aboil_volume"></div><div style="float: left; margin-left: 10px;" id="est_a_vol"></div><input type="button" id="but_after_boil" value="?" style="margin-left: 10px" /></td>
      </tr>
      <tr>
       <td colspan="2"> </td>
       <td style="vertical-align: top; float: right;">Voor koken rendement %:</td>
       <td><div id="brew_preboil_efficiency"></div></td>
       <td style="vertical-align: top; float: right;">Na koken rendement %:</td>
       <td><div id="brew_aboil_efficiency"></div></td>
      </tr>
      <tr>
       <td colspan="6">&nbsp;</td>
      </tr>
      <tr>
       <th style="text-align: center;" colspan="2">Spoelen en filteren</th>
       <th style="text-align: center;" colspan="4">Koelen en whirlpoolen</th>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Spoelwater &deg;C:</td>
       <td><div id="brew_sparge_temperature"></div></td>
       <td style="vertical-align: top; float: right;">Whirlpool 85..100&deg;C min:</td>
       <td><div id="brew_whirlpool9"></div></td>
       <td style="vertical-align: top; float: right;">Koelen tot &deg;C:</td>
       <td><div id="brew_cooling_to"></div></td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Spoelwater voorraad L:</td>
       <td><div id="brew_sparge_volume"></div></td>
       <td style="vertical-align: top; float: right;">Whirlpool 72..79&deg;C min:</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 style="vertical-align: top; float: right;">Spoelwater nodig L:</td>
       <td><div id="brew_sparge_est"></div></td>
       <td style="vertical-align: top; float: right;">Whirlpool 60..66&deg;C min:</td>
       <td><div id="brew_whirlpool6"></div></td>
       <td style="vertical-align: top; float: right;">Koelen minuten:</td>
       <td><div id="brew_cooling_time"></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 koud min:</td>
       <td><div id="brew_whirlpool2"></div></td>
       <td colspan="2"> </td>
      </tr>
      <tr>
       <td colspan="6">&nbsp;</td>
      </tr>
      <tr>
       <th style="text-align: center;" colspan="2">Beluchten</th>
       <th style="text-align: center;" colspan="4">Naar gistvat</th>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Beluchten met:</td>
       <td><div id="brew_aeration_type"></div></td>
       <td style="vertical-align: top; float: right;">Koeler en trub verlies L:</td>
       <td><div id="brew_fermenter_tcloss"></div></td>
       <td style="vertical-align: top; float: right;">SG in gistvat:</td>
       <td><div id="brew_fermenter_sg"></div></td>
      </tr>
      <tr>
       <td style="vertical-align: top; float: right;">Beluchten tijd min:</td>
       <td><div id="brew_aeration_time"></div></td>
       <td style="vertical-align: top; float: right;">Extra water in gistvat L:</td>
       <td><div id="brew_fermenter_extrawater"></div></td>
       <td style="vertical-align: top; float: right;">Kleur in gistvat EBC:</td>
       <td><div style="float: left;" id="brew_fermenter_color"></div><div style="float: left; margin-left: 10px;" id="bcolorf" class='ebccolor'> </div></td>
      </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 L:</td>
       <td><div id="brew_fermenter_volume"></div></td>
       <td style="vertical-align: top; float: right;">Bitterheid in gistvat IBU:</td>
       <td><div style="float: left;" id="brew_fermenter_ibu"></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;">Begin vergisting SG:</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;">Piek 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 hoofdvergisting SG:</td>
	<td align="left" style="vertical-align: top;"><div id="primary_end_sg"></div></td>
	<td style="vertical-align: top; float: right; padding: 3px;">Afgelezen &deg;Brix RI:</td>
        <td align="left" style="vertical-align: top;"><div id="primary_end_brix"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Eind hoofdvergisting/overhevelen:</td>
	<td align="left" style="vertical-align: top;"><div id="primary_end_date"></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 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 SG:</td>
        <td align="left" style="vertical-align: top;"><div id="secondary_end_sg"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Afgelezen &deg;Brix RI:</td>
        <td align="left" style="vertical-align: top;"><div id="secondary_end_brix"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Eind nagisting/start lageren:</td>
        <td align="left" style="vertical-align: top;"><div id="secondary_end_date"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Schijnbare vergistingsgraad %:</td>
        <td align="left" style="vertical-align: top;"><div id="secondary_svg"></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>
        <td style="vertical-align: top; float: right; padding: 3px;">Het verwachte eind SG:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="est_fg3"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Het behaalde eind SG:</td>
	<td align="left" style="vertical-align: top;"><div id="fg"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Afgelezen &deg;Brix RI:</td>
        <td align="left" style="vertical-align: top;"><div id="final_brix"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Alcoholgehalte voor hergisting vol.%:</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: 55px; margin-bottom: 5px;">
       <input style="margin-right: 100px;" type="button" id="FLog"  value="Klimaatkast log" />
       <input style="margin-right: 475px;" type="button" id="ILog" 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 volume CO2:</td>
        <td style="padding: 3px;"><div style="float: left;" 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="4">Verdunnen of infusie</th>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Volume na vergisting L:</td>
        <td align="left" colspan="3" style="vertical-align: top;"><div id="package_volume"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Toevoeging Liter:</td>
        <td align="left" style="vertical-align: top;"><div id="package_infuse_amount"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Toevoeging ABV %:</td>
        <td align="left" style="vertical-align: top;"><div id="package_infuse_abv"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Toevoeging omschrijving:</td>
        <td align="left" colspan="3" style="vertical-align: top; padding: 3px;"><input id="package_infuse_notes" /></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Alcohol volume %:</td>
        <td align="left" style="vertical-align: top;"><div id="package_abv"></div></td>
        <td style="vertical-align: top; float: right;">Bij verpakken pH:</td>
        <td align="left" style="vertical-align: top;"><div id="package_ph"></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">Fusten</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 volume CO2:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_carbonation"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Gewenst volume CO2:</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:</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:</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 gram:</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 gram:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_priming_total"></div></td>
       </tr>
       <tr>
        <td style="vertical-align: top; float: right; padding: 3px;">Suikeroplossing water L:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_priming_water"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Suikeroplossing water L:</td>
        <td align="left" style="vertical-align: top;"><div id="keg_priming_water"></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 style="vertical-align: top; float: right; padding: 3px;">Verwachte flesdruk in bar:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_pressure"></div></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;">Alcoholgehalte flessen vol.%:</td>
        <td align="left" style="vertical-align: top;"><div id="bottle_abv"></div></td>
        <td style="vertical-align: top; float: right; padding: 3px;">Alcoholgehalte fusten vol.%:</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 style="float: right; margin-top: 20px; margin-bottom: 5px;">
       <input style="margin-right: 575px;" type="button" id="CLog" value="Hergisting log" />
      </div>
     </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 -->

   <div id="popupFermentable">
    <div>Wijzig vergistbaar ingredi&euml;nt.</div>
    <div style="overflow: hidden;">
     <table style="width: 100%;">
      <tr>
       <td align="right" style="vertical-align: top;">Ingredi&euml;nt naam:</td>
       <td style="padding: 3px;"><input readonly="1" id="wf_name" /></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Ander ingredi&euml;nt:</td>
       <td style="padding: 3px;"><div style='overflow: hidden;'>
        <div style="float: left;" id="wf_select"></div>
        <div style="float: left; margin-left: 10px;">In voorraad:</div>
        <div style="float: left; margin-left: 10px;" id="wf_instock"></div></div>
       </td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Hoeveelheid kg:</td>
       <td style="padding: 3px;"><div id="wf_amount"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Percentage %:</td>
       <td style="padding: 3px;"><div style='overflow: hidden;'>
        <div style="float: left;" id="wf_percentage"></div>
        <div style="float: left; margin-left: 50px;">Maximum %:</div>
        <div style="float: left; margin-left: 10px;" id="wf_max_in_batch"></div></div>
       </td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Aanvullen tot 100%:</td>
       <td style="padding: 3px;"><div id="wf_adjust_to_total_100"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Toevoegen tijdens:</td>
       <td style="padding: 3px;"><div id="wf_added"></div></td>
      </tr>
      <tr>
       <td style="padding-top: 30px;" colspan="2" align="center">
        <input id="FermentableReady" type="button" value="Sla op" />
       </td>
      </tr>
     </table>
    </div>
   </div>

   <div id="popupHop">
    <div>Wijzig hop detail.</div>
    <div style="overflow: hidden;">
     <table style="width: 100%;">
      <tr>
       <td align="right" style="vertical-align: top;">Hop naam:</td>
       <td style="padding: 3px;"><input readonly="1" id="wh_name" /></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Andere hop:</td>
       <td style="padding: 3px;"><div style='overflow: hidden;'>
        <div style="float: left;" id="wh_select"></div>
        <div style="float: left; margin-left: 10px;">In voorraad:</div>
        <div style="float: left; margin-left: 10px;" id="wh_instock"></div></div>
       </td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Hoeveelheid gram:</td>
       <td style="padding: 3px;"><div id="wh_amount"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Gewenst IBU:</td>
       <td style="padding: 3px;"><div id="wh_ibu"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;"><div id="wh_pmpt_time">Tijdsduur:</div></td>
       <td style="padding: 3px;"><div id="wh_time"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Gebruik tijdens:</td>
       <td style="padding: 3px;"><div id="wh_useat"></div></td>
      </tr>
      <tr>
       <td style="padding-top: 30px;" colspan="2" align="center">
        <input id="HopReady" type="button" value="Sla op" />
       </td>
      </tr>
     </table>
    </div>
   </div>

   <div id="popupMisc">
    <div>Wijzig diversen detail.</div>
    <div style="overflow: hidden;">
     <table style="width: 100%;">
      <tr>
       <td align="right" style="vertical-align: top;">Ingredi&euml;nt naam:</td>
       <td style="padding: 3px;"><input readonly="1" id="wm_name" /></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Ander ingredi&euml;nt:</td>
       <td style="padding: 3px;"><div style='overflow: hidden;'>
        <div style="float: left;" id="wm_select"></div>
        <div style="float: left; margin-left: 10px;">In voorraad:</div>
        <div style="float: left; margin-left: 10px;" id="wm_instock"></div></div>
       </td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;"><div id="wm_pmpt_amount">Hoeveelheid:</div></td>
       <td style="padding: 3px;"><div id="wm_amount"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;"><div id="wm_pmpt_time">Tijdsduur:</div></td>
       <td style="padding: 3px;"><div id="wm_time"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Gebruik tijdens:</td>
       <td style="padding: 3px;"><div id="wm_use_use"></div></td>
      </tr>
      <tr>
       <td style="padding-top: 30px;" colspan="2" align="center">
        <input id="MiscReady" type="button" value="Sla op" />
       </td>
      </tr>
     </table>
    </div>
   </div>

   <div id="popupYeast">
    <div>Wijzig gist detail.</div>
    <div style="overflow: hidden;">
     <table style="width: 100%;">
      <tr>
       <td align="right" style="vertical-align: top;">Gist naam:</td>
       <td style="padding: 3px;"><input readonly="1" id="wy_name" /></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Product code:</td>
       <td style="padding: 3px;"><input readonly="1" id="wy_product_id" /></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Leverancier:</td>
       <td style="padding: 3px;"><input readonly="1" id="wy_laboratory" /></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Andere gist:</td>
       <td style="padding: 3px;"><div style='overflow: hidden;'>
        <div style="float: left;" id="wy_select"></div>
        <div style="float: left; margin-left: 10px;">In voorraad:</div>
        <div style="float: left; margin-left: 10px;" id="wy_instock"></div></div>
       </td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;"><div id="wy_pmpt_amount">Hoeveelheid:</div></td>
       <td style="padding: 3px;"><div id="wy_amount"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Gebruik voor:</td>
       <td style="padding: 3px;"><div id="wy_use"></div></td>
      </tr>
      <tr>
       <td style="padding-top: 30px;" colspan="2" align="center">
        <input id="YeastReady" type="button" value="Sla op" />
       </td>
      </tr>
     </table>
    </div>
   </div>

   <div id="popupMash">
    <div>Wijzig maisch stap detail.</div>
    <div style="overflow: hidden;">
     <table style="width: 100%;">
      <tr>
       <td align="right" style="vertical-align: top;">Stap naam:</td>
       <td style="padding: 3px;"><input id="wstep_name" /></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Stap type:</td>
       <td style="padding: 3px;"><div id="wstep_type" /></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Start temperatuur &deg;C:</td>
       <td style="padding: 3px;"><div id="wstep_temp" /></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Eind temperatuur &deg;C:</td>
       <td style="padding: 3px;"><div id="wend_temp"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Stap tijd minuten:</td>
       <td style="padding: 3px;"><div id="wstep_time"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Opwarm tijd minuten:</td>
       <td style="padding: 3px;"><div id="wramp_time"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;"><div id="wstep_pmpt_amount">Infusie liters:</div></td>
       <td style="padding: 3px;"><div id="wstep_infuse_amount"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;"><div id="wstep_pmpt_temp">Infusie temperatuur:</div></td>
       <td style="padding: 3px;"><div id="wstep_infuse_temp"></div></td>
      </tr>
      <tr>
       <td style="padding-top: 30px;" colspan="2" align="center">
        <input id="MashReady" type="button" value="Sla op" />
       </td>
      </tr>
     </table>
    </div>
   </div>

   <div id="volumeWindow">
    <div>Bereken volume in de ketel</div>
    <div style="overflow: hidden;">
     <table style="width: 100%;">
      <col width="50%">
      <col width="50%">
      <tr>
       <td align="right" style="vertical-align: top;">Ketel volume:</td>
       <td style="padding: 3px;"><input readonly="1" id="ketel_volume" /></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">cm vanaf de bovenrand:</td>
       <td style="padding: 3px;"><div id="ketel_cm" /></div></td>
      </tr>
      <tr>
       <td style="padding-top: 30px;" colspan="2" align="center">
        <input id="volumeReady" type="button" value="Ok" />
       </td>
      </tr>
     </table>
    </div>
   </div>

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

mercurial