www/rec_edit.php

changeset 809
8b30068497a9
parent 808
f6dcde592a7b
child 810
1f2ca835fe9d
--- a/www/rec_edit.php	Wed Aug 03 17:37:30 2022 +0200
+++ b/www/rec_edit.php	Wed Aug 03 20:58:18 2022 +0200
@@ -21,9 +21,7 @@
        <table style="width: 100%;">
         <tr>
          <td style="vertical-align: top; float: right; padding: 3px;">Recept 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;">Alleen lezen:</td>
-         <td align="left" style="padding: 3px;"><div id="locked"></div></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>
@@ -190,20 +188,8 @@
      <div> <!-- tab water -->
       <div style="overflow: hidden;">
        <table style="width: 100%;">
-        <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>
-         <td align="center" colspan="6">
+         <td align="center" colspan="9">
           <div id='water_totals'>
  	   <table style="width: 100%;">
             <caption>Water overzicht</caption>
@@ -296,61 +282,80 @@
          </td>
 	</tr>
        <tr>
-        <th style="text-align: center;" colspan="2">Brouwzouten</th>
-        <th style="text-align: center;" colspan="2">Maischwater pH</th>
-        <th style="text-align: center;" colspan="2">Spoelwater</th>
+        <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;">Calciumchloride (CaCl2) gr:</td>
+         <td style="vertical-align: top; float: right; padding: 3px;">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 liters:</td>
-         <td style="padding: 3px;"><div id="sparge_volume"></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;">Gips (CaSO4) gr:</td>
+         <td style="vertical-align: top; float: right; padding: 3px;">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>
+	 <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;">Epsom zout (MgSO4) gr:</td>
+         <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;"><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 bron:</td>
-         <td style="padding: 3px;"><div id="sparge_source"></div></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;">Keukenzout (NaCl) gr:</td>
+         <td style="vertical-align: top; float: right; padding: 3px;">NaCl gr:</td>
 	 <td style="padding: 3px;"><div id="wa_nacl"></div></td>
-         <td colspan="2"></td>
-         <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater pH:</td>
-         <td style="padding: 3px;"><div id="sparge_ph"></div></td>
+         <td style="padding: 3px;"><div style="float: left;" id="ss_nacl"></div></td>
+	 <td colspan="3"></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;">Magnesiumchloride (MgCl2) gr:</td>
-         <td style="padding: 3px;"><div id="wa_mgcl2"></div></td>
-         <td colspan="2"></td>
-         <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren met:</td>
-	 <td style="padding: 3px;"><div id="sparge_acid_type"></div></td>
+         <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;">Baksoda (NaHCO3) gr:</td>
-         <td style="padding: 3px;"><div id="wa_nahco3"></div></td>
-         <td colspan="2"></td>
-         <td style="vertical-align: top; float: right; padding: 3px;">Sterkte %:</td>
-         <td style="padding: 3px;"><div id="sparge_acid_perc"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">NaHCO3 gr:</td>
+	 <td style="padding: 3px;"><div id="wa_nahco3"></div></td>
+	 <td></td>
+	 <td colspan="3"></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;">Kalk (CaCO3) gr:</td>
-         <td style="padding: 3px;"><div id="wa_caco3"></div></td>
-         <td colspan="2"></td>
-         <td style="vertical-align: top; float: right; padding: 3px;">Benodigd:</td>
-         <td style="padding: 3px;"><div id="sparge_acid_amount"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">CaCO3 gr:</td>
+	 <td style="padding: 3px;"><div id="wa_caco3"></div></td>
+	 <td></td>
+ <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater bron:</td>
+         <td style="padding: 3px;"><div id="sparge_source"></div></td>
+         <td></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>

mercurial