www/rec_view.php

changeset 815
5714ea86187d
parent 814
de4a74899969
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/www/rec_view.php	Fri Aug 05 10:53:56 2022 +0200
@@ -0,0 +1,386 @@
+<?php
+require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php');
+page_header('Recept wijzigen', 'rec_view');
+// met POST commando's record ophalen.
+?>
+
+   <!-- Editor tabs. -->
+   <div id="jqxTabs">
+     <ul>
+      <li>Algemeen</li>
+      <li>Vergistbaar</li>
+      <li>Hoppen</li>
+      <li>Diversen</li>
+      <li>Gist</li>
+      <li>Maischen</li>
+      <li>Water</li>
+     </ul>
+
+     <div> <!-- tab algemeen -->
+      <div style="overflow: hidden;">
+       <table style="width: 100%;">
+        <tr>
+         <td style="vertical-align: top; float: right; padding: 3px;">Recept 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;">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="vertical-align: top; padding: 3px;"><input readonly="1" id="type" /></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 L:</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 L:</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 align="left" colspan="4"></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;">Verwacht 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;">Verwacht 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 align="left" style="vertical-align: top; padding: 3px;"><input readonly="1" id="color_method" /></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 align="left" style="vertical-align: top; padding: 3px;"><input readonly="1" id="ibu_method" /></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></div></td>
+        </tr>
+       </table>
+       <div style="float: right; margin-top: 30px; margin-bottom: 10px;">
+        <input style="margin-right: 600px;" type="button" id="Terug"   value="Terug" />
+       </div>
+      </div>
+     </div> <!-- tab algemeen -->
+
+     <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="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 style="vertical-align: top; float: right; padding: 3px;">Verwacht ABV %:</td>
+         <td style="padding: 3px;"><div id="est_abv2"></div></td>
+        </tr>
+        <tr><td colspan="4">&nbsp;</td></tr>
+        <tr><td colspan="4" align="center"><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 readonly="1" id="mash_name" /></td>
+         <td colspan="2"></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 align="center" colspan="9">
+          <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: 50px; padding: 3px;">Spoel</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;">HCO3</td>
+             <td style="width: 77px; padding: 3px;">CaCO3</td>
+             <td style="width: 77px; padding: 3px;">Na</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>
+	     <td style="width: 77px; padding: 3px;">Hardheid</td>
+             <td style="width: 77px; padding: 3px;">RA</td>
+	    </tr>
+	    <tr>
+	     <td><input readonly="1" id="w1_name" /></td>
+             <td><div style='margin-left: 10px;' id='w1_button'></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_bicarbonate"></div></td>
+	     <td><div id="w1_total_alkalinity"></div></td>
+             <td><div id="w1_sodium"></div></td>
+             <td><div id="w1_chloride"></div></td>
+             <td><div id="w1_sulfate"></div></td>
+	     <td><div id="w1_ph"></div></td>
+	     <td><div id="w1_hardness"></div></td>
+             <td><div id="w1_ra"></div></td>
+            </tr>
+	    <tr>
+	     <td><input readonly="1" id="w2_name" /></td>
+             <td><div style='margin-left: 10px;' id='w2_button'></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_bicarbonate"></div></td>
+	     <td><div id="w2_total_alkalinity"></div></td>
+             <td><div id="w2_sodium"></div></td>
+             <td><div id="w2_chloride"></div></td>
+             <td><div id="w2_sulfate"></div></td>
+	     <td><div id="w2_ph"></div></td>
+             <td><div id="w2_hardness"></div></td>
+             <td><div id="w2_ra"></div></td>
+            </tr>
+            <tr>
+	     <td style="vertical-align: top; padding: 3px; float: left;">Gemengd water:</td>
+             <td><div style='margin-left: 10px;' id='wg_button'></div></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_bicarbonate"></div></td>
+	     <td><div id="wg_total_alkalinity"></div></td>
+             <td><div id="wg_sodium"></div></td>
+             <td><div id="wg_chloride"></div></td>
+	     <td><div id="wg_sulfate"></div></td>
+	     <td><div id="wg_ph"></div></td>
+             <td><div id="wg_hardness"></div></td>
+             <td><div id="wg_ra"></div></td>
+            </tr>
+            <tr>
+	     <td style="vertical-align: top; padding: 3px; float: left;">Behandeld maisch water:</td>
+             <td></td>
+             <td><div></div></td>
+             <td><div id="wb_calcium"></div></td>
+             <td><div id="wb_magnesium"></div></td>
+             <td><div id="wb_bicarbonate"></div></td>
+             <td><div id="wb_total_alkalinity"></div></td>
+             <td><div id="wb_sodium"></div></td>
+	     <td><div id="wb_chloride"></div></td>
+	     <td><div id="wb_sulfate"></div></td>
+	     <td><div id="wb_ph"></div></td>
+             <td><div id="wb_hardness"></div></td>
+             <td><div id="wb_ra"></div></td>
+	    </tr>
+            <tr>
+	     <td style="vertical-align: top; padding: 3px; float: left;">Resultaat:</td>
+             <td></td>
+	     <td><div></div></td>
+             <td><div id="wr_calcium"></div></td>
+             <td><div id="wr_magnesium"></div></td>
+             <td><div id="wr_bicarbonate"></div></td>
+             <td><div id="wr_total_alkalinity"></div></td>
+             <td><div id="wr_sodium"></div></td>
+	     <td><div id="wr_chloride"></div></td>
+             <td><div id="wr_sulfate"></div></td>
+	     <td><div id="wr_ph"></div></td>
+             <td></td>
+             <td></td>
+            </tr>
+	    <tr>
+	     <td style="vertical-align: top; padding: 3px; float: left;">Behandeld spoelwater:</td>
+             <td></td>
+             <td><div id="sw_amount"></div></td>
+             <td><div id="sw_calcium"></div></td>
+             <td><div id="sw_magnesium"></div></td>
+             <td><div id="sw_bicarbonate"></div></td>
+	     <td><div id="sw_total_alkalinity"></div></td>
+             <td><div id="sw_sodium"></div></td>
+             <td><div id="sw_chloride"></div></td>
+             <td><div id="sw_sulfate"></div></td>
+	     <td><div id="sw_ph"></div></td>
+             <td><div id="sw_hardness"></div></td>
+             <td><div id="sw_ra"></div></td>
+            </tr>
+           </table>
+	  </div>
+         </td>
+	</tr>
+       <tr>
+        <th style="text-align: center;" colspan="3">Brouwzouten</th>
+        <th colspan="3"></th>
+        <th style="text-align: center;" colspan="3">Zuur toevoegingen</th>
+       </tr>
+        <tr>
+         <td style="vertical-align: top; float: right; padding: 3px;">CaCl2 gr:</td>
+	 <td style="padding: 3px;"><div id="wa_cacl2"></div></td>
+         <td style="padding: 3px;"><div id="ss_cacl2"></div></td>
+	 <td style="vertical-align: top; float: right; padding: 3px;">Bitterheidsindex:</td>
+	 <td style="padding: 3px;"><div style="float: left;" id="tgt_bu"></div></td>
+	 <td style="padding: 3px;"><div style="float: left;" id="wr_bu"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Auto bereken:</td>
+         <td style="padding: 3px;"><div id="calc_acid"></div></td>
+         <td></td>
+        </tr>
+        <tr>
+         <td style="vertical-align: top; float: right; padding: 3px;">CaSO4 gr:</td>
+	 <td style="padding: 3px;"><div id="wa_caso4"></div></td>
+	 <td style="padding: 3px;"><div id="ss_caso4"></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></td>
+	 <td style="padding: 3px;"><div style="float: left;" id="wrt_so4_cl"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;"><div class='c_mashph'>Gewenst maish pH:</div></td>
+         <td style="padding: 3px;"><div id="mash_ph" class='c_mashph'></div></td>
+         <td></td>
+        </tr>
+        <tr>
+         <td style="vertical-align: top; float: right; padding: 3px;">MgSO4 gr:</td>
+	 <td style="padding: 3px;"><div id="wa_mgso4"></div></td>
+	 <td style="padding: 3px;"><div id="ss_mgso4"></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></td>
+         <td style="padding: 3px;"><div style="float: left;" id="wr_so4_cl"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren met:</td>
+	 <td style="padding: 3px;"><input readonly="1" id="wa_acid_name" /></td>
+	 <td style="padding: 3px;"><div style="float: left;" id="wa_acid_perc"></div></td>
+	</tr>
+        <tr>
+         <td style="vertical-align: top; float: right; padding: 3px;">NaCl gr:</td>
+	 <td style="padding: 3px;"><div id="wa_nacl"></div></td>
+	 <td style="padding: 3px;"><div style="float: left;" id="ss_nacl"></div></td>
+	 <td style="vertical-align: top; float: right; padding: 3px;">Voor koken pH:</td>
+         <td style="padding: 3px;"><div id="preboil_ph"></div></td>
+	 <td></td>
+	 <td style="vertical-align: top; float: right; padding: 3px;">Zuur hoeveelheid:</td>
+         <td style="padding: 3px;"><div style="float: left;" id="wa_acid"></div></td>
+         <td></td>
+	</tr>
+	<tr>
+         <td style="vertical-align: top; float: right; padding: 3px;">MgCl2 gr:</td>
+	 <td style="padding: 3px;"><div id="wa_mgcl2"></div></td>
+         <td style="padding: 3px;"><div id="ss_mgcl2"></div></td>
+	 <td colspan="3"></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Gewenst spoel pH:</td>
+         <td style="padding: 3px;"><div id="sparge_ph"></div></td>
+         <td></td>
+        </tr>
+	<tr>
+         <td style="vertical-align: top; float: right; padding: 3px;">NaHCO3 gr:</td>
+	 <td style="padding: 3px;"><div id="wa_nahco3"></div></td>
+	 <td colspan="4"></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren met:</td>
+         <td style="padding: 3px;"><input readonly="1" id="sparge_acid_type" /></td>
+	 <td style="padding: 3px;"><div id="sparge_acid_perc"></div></td>
+        </tr>
+	<tr>
+         <td style="vertical-align: top; float: right; padding: 3px;">CaCO3 gr:</td>
+	 <td style="padding: 3px;"><div id="wa_caco3"></div></td>
+	 <td colspan="4"></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Zuur hoeveelheid:</td>
+	 <td style="padding: 3px;"><div id="sparge_acid_amount"></div></td>
+         <td></td>
+        </tr>
+       </table>
+      </div>
+     </div> <!-- tab water -->
+
+   </div> <!-- jqxTabs -->
+
+<?php
+page_footer();
+?>

mercurial