www/prod_edit.php

changeset 236
4b8e5478d08f
parent 177
325bd6425978
child 244
3755db604432
--- a/www/prod_edit.php	Sat Feb 02 21:35:54 2019 +0100
+++ b/www/prod_edit.php	Sun Feb 03 17:44:14 2019 +0100
@@ -24,7 +24,9 @@
       <table style="width: 100%;">
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Brouw naam:</td>
-        <td align="left" colspan="5" style="vertical-align: top; padding: 3px;"><input id="name" /></td>
+	<td align="left" colspan="3" style="vertical-align: top; padding: 3px;"><input id="name" /></td>
+        <td align="right" style="vertical-align: top;">Afgesloten:</td>
+        <td align="left"><div id="locked"></div></td>
        </tr>
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Brouw code:</td>
@@ -35,13 +37,6 @@
         <td align="left" style="vertical-align: top; padding: 3px;"><input id="stage" readonly /></td>
        </tr>
        <tr>
-        <td colspan="2"> </td>
-        <td align="right" style="vertical-align: top;">Afgesloten:</td>
-        <td align="left"><div id="locked"></div></td>
-        <td align="right" style="vertical-align: top;">Ingredienten afgeboekt:</td>
-        <td align="left"><div id="inventory_reduced"></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>
@@ -49,7 +44,9 @@
         <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 colspan="3" style="padding: 3px;"><div id="efficiency"></div></td>
+	<td style="padding: 3px;"><div id="efficiency"></div></td>
+        <td align="right" style="vertical-align: top;">Ingredienten afgeboekt:</td>
+        <td align="left"><div id="inventory_reduced"></div></td>
        </tr>
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Brouw volume:</td>
@@ -93,7 +90,7 @@
         <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:</td>
+        <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>
@@ -101,7 +98,7 @@
         <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:</td>
+        <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>
@@ -117,8 +114,6 @@
        <input style="margin-right: 230px;" type="button" id="Cancel" value="Cancel" />
       </div>
      </div>
-     <div id="hintBase" class="hint">
-     </div>
     </div>
 
     <div> <!-- Apparatuur -->
@@ -197,7 +192,7 @@
      <div style="overflow: hidden;">
       <table style="width: 100%;">
        <tr>
-        <td style="vertical-align: top; float: right; padding: 3px;">Kleur:</td>
+        <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>
@@ -214,7 +209,7 @@
         <td style="padding: 3px;"><div style="float: left;" id="perc_cara"></div></td>
        </tr>
        <tr>
-        <td colspan="4"><div id="fermentableGrid"></div></td>
+        <td align="center" colspan="4"><div id="fermentableGrid"></div></td>
        </tr>
       </table>
      </div>
@@ -232,8 +227,7 @@
         <td style="padding: 3px;"><div id="hop_aroma"></div></td>
        </tr>
        <tr>
-        <td align="right" style="vertical-align: top;">Hoppen:</td>
-        <td align="left" colspan="5"><div id="hopGrid"></div></td>
+        <td align="center" colspan="6"><div id="hopGrid"></div></td>
        </tr>
       </table>
      </div>
@@ -242,10 +236,8 @@
     <div> <!-- tab misc -->
      <div style="overflow: hidden;">
       <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>
-       </tr>
+       <tr><td>&nbsp;</td></tr>
+       <tr><td align="center"><div id="miscGrid"></div></td></tr>
       </table>
      </div>
     </div> <!-- tab misc -->
@@ -254,9 +246,13 @@
      <div style="overflow: hidden;">
       <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>
+        <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 align="center" colspan="4"><div id="yeastGrid"></div></td></tr>
       </table>
      </div>
     </div> <!-- tab gisten -->
@@ -266,12 +262,12 @@
       <table style="width: 100%;">
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Maischchema:</td>
-        <td align="left" colspan="5" style="vertical-align: top; padding: 3px;"><input id="mash_name" /></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;" colspan="2"><div id="mash_select"></div></td>
        </tr>
-       <tr>
-        <td align="right" style="vertical-align: top; padding: 3px;">Stappen:</td>
-        <td align="left" colspan="5" style="padding: 3px;"><div id="mashGrid">Graat</div></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 -->
@@ -373,23 +369,23 @@
         </td>
        </tr>
        <tr>
-        <td style="vertical-align: top; float: right; padding: 3px;">Calciumchloride (CaCl2):</td>
+        <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;">Maish pH:</td>
         <td style="padding: 3px;"><div id="mash_ph"></div></td>
-        <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater volume:</td>
+        <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater liters:</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="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 temp:</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):</td>
+        <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>
@@ -397,7 +393,7 @@
         <td style="padding: 3px;"><div id="sparge_source"></div></td>
        </tr>
        <tr>
-        <td style="vertical-align: top; float: right; padding: 3px;">Keukenzout (NaCl):</td>
+        <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>
@@ -411,12 +407,12 @@
        </tr>
        <tr>
         <td colspan="4"></td>
-        <td style="vertical-align: top; float: right; padding: 3px;">Percentage:</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;">Hoeveelheid:</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>
@@ -746,6 +742,207 @@
 
    </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" /></div></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 id="wf_percentage"></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" /></div></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" /></div></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" /></div></td>
+      </tr>
+      <tr>
+       <td align="right" style="vertical-align: top;">Product code:</td>
+       <td style="padding: 3px;"><input readonly="1" id="wy_product_id" /></div></td>
+      </tr>
+      <tr>
+       <td align="right" style="vertical-align: top;">Leverancier:</td>
+       <td style="padding: 3px;"><input readonly="1" id="wy_laboratory" /></div></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 readonly="1" id="wstep_name" /></div></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">Infusie liters:</div></td>
+       <td style="padding: 3px;"><div id="wstep_infuse_amount"></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>
+
 <?php
 confirm_delete();
 page_footer();

mercurial