--- 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 °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>