--- a/www/rec_edit.php Mon Dec 17 13:46:15 2018 +0100
+++ b/www/rec_edit.php Mon Dec 17 22:24:32 2018 +0100
@@ -102,7 +102,7 @@
<div> <!-- tab vergistbaar -->
<div style="overflow: hidden;">
- <table>
+ <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>
@@ -121,7 +121,7 @@
<div> <!-- tab hoppen -->
<div style="overflow: hidden;">
- <table>
+ <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>
@@ -140,7 +140,7 @@
<div> <!-- tab misc -->
<div style="overflow: hidden;">
- <table>
+ <table style="width: 100%;">
<tr>
<td align="right" style="vertical-align: top;">Diversen:</td>
<td align="left" colspan="3"><div id="miscGrid">Graat</div></td>
@@ -151,7 +151,7 @@
<div> <!-- tab gisten -->
<div style="overflow: hidden;">
- <table>
+ <table style="width: 100%;">
<tr>
<td align="right" style="vertical-align: top;">Gisten:</td>
<td align="left" colspan="3"><div id="yeastGrid">Graat</div></td>
@@ -162,27 +162,35 @@
<div> <!-- tab water -->
<div style="overflow: hidden;">
- <table>
+ <table style="width: 100%;">
<tr>
- <td style="vertical-align: top; padding: 3px;float: right:">Water:</td>
- <td style="padding: 3px; float: left;"><div id="waterGrid"></div></td>
+ <td style="vertical-align: top; float: right; padding: 3px;">Bitterheidsindex:</td>
+ <td style="padding: 3px;"><div id="tgt_bu"></div></td>
+ <td style="vertical-align: top; float: right; padding: 3px;">Richtgetal Cl/SO4:</td>
+ <td style="padding: 3px;"><div id="tgt_cl_so4"></div></td>
+ <td style="vertical-align: top; float: right; padding: 3px;">Doel maisch pH:</td>
+ <td style="padding: 3px;"><div id="tgt_mash_ph"></div></td>
+ </tr>
+ <tr>
+ <td align="right" style="vertical-align: top;">Water:</td>
+ <td align="left" colspan="5"><div id="waterGrid"></div></td>
</tr>
<tr>
<td></td>
- <td>
+ <td align="left" colspan="5">
<div id='water_totals'>
<table style="width: 100%;">
<caption>Water overzicht</caption>
<tr>
<td></td>
- <td style="width: 80px; padding: 3px;">Volume</td>
- <td style="width: 80px; padding: 3px;">Ca</td>
- <td style="width: 80px; padding: 3px;">Mg</td>
- <td style="width: 80px; padding: 3px;">Na</td>
- <td style="width: 80px; padding: 3px;">CaCO3</td>
- <td style="width: 80px; padding: 3px;">Cl</td>
- <td style="width: 80px; padding: 3px;">SO4</td>
- <td style="width: 80px; padding: 3px;">pH</td>
+ <td style="width: 77px; 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 style="vertical-align: top; padding: 3px; float: left;">Gemengd water:</td>
@@ -204,11 +212,58 @@
<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;">Doel waterprofiel:</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><div id="pr_ph"></div></td>
</tr>
</table>
</div>
</td>
+ </tr>
+ <tr>
+ <td style="vertical-align: top; float: right; padding: 3px;">Calciumchloride (CaCl2):</td>
+ <td style="padding: 3px;"><div id="wa_cacl2"></div></td>
+ <td style="vertical-align: top; float: right; padding: 3px;">Automatisch pH aanpassen:</td>
+ <td style="padding: 3px;"><div id="calc_acid"></div></td>
+ <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater volume:</td>
+ <td style="padding: 3px;"><div id="sparge_volume"></div></td>
+ </tr>
+ <tr>
+ <td style="vertical-align: top; float: right; padding: 3px;">Gips (CaSO4):</td>
+ <td style="padding: 3px;"><div id="wa_caso4"></div></td>
+ <td style="vertical-align: top; float: right; padding: 3px;">Ontzuren met:</td>
+ <td style="padding: 3px;"><div style="float: left;" id="wa_ph_up"></div><div style="float: left; margin-left: 15px;" id="wa_phup_ml"></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;">Epsom zout (MgSO4):</td>
+ <td style="padding: 3px;"><div id="wa_mgso4"></div></td>
+ <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren met:</td>
+ <td style="padding: 3px;"><div style="float: left;" id="wa_ph_down"></div><div style="float: left; margin-left: 15px;" id="wa_phdn_ml"></div><div style="float: left; margin-left: 15px;" id="wa_lacticp"></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 style="vertical-align: top; float: right; padding: 3px;">Keukenzout (NaCl):</td>
+ <td style="padding: 3px;"><div id="wa_nacl"></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>
+ </tr>
+ <tr>
+ <td colspan="4"></td>
+ <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren hoeveelheid:</td>
+ <td style="padding: 3px;"><div id="sparge_acid_amount"></div></td>
</tr>
</table>
</div>
@@ -216,7 +271,7 @@
<div> <!-- tab maischen -->
<div style="overflow: hidden;">
- <table>
+ <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>