www/rec_edit.php

changeset 68
2ff83855d574
child 72
93a0be4f5be3
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/www/rec_edit.php	Tue Sep 25 20:58:06 2018 +0200
@@ -0,0 +1,207 @@
+<?php
+require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php');
+page_header('Recept wijzigen', 'rec_edit');
+// 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>Water</li>
+      <li>Maischen</li>
+     </ul>
+
+     <div> <!-- tab algemeen -->
+      <div style="overflow: hidden;">
+       <table>
+        <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;">Stijlgids:</td>
+         <td align="left" style="vertical-align: top; padding: 3px;"><input 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 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 id="st_letter" /></td>
+	</tr>
+        <tr>
+	 <td style="vertical-align: top; float: right; padding: 3px;">Brouw type:</td>
+	 <td align="left" style="padding: 3px;"><div id="type"></div></td>
+         <td></td>
+	 <td></td>
+         <td></td>
+         <td></td>
+        </tr>
+        <tr>
+         <td style="vertical-align: top; float: right; padding: 3px;">Brouw volume:</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;">Brouwzaal rendement:</td>
+         <td style="padding: 3px;"><div id="efficiency"></div></td>
+	</tr>
+        <tr>
+         <td style="vertical-align: top; float: right; padding: 3px;">Start SG:</td>
+         <td style="padding: 3px;"><div style="float: left;" id="est_og"></div><div style="float: left; margin-left: 5px;" id="st_og_min"></div><div style="float: left;" id="st_og_max"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Eind SG:</td>
+         <td style="padding: 3px;"><div id="est_fg"></div></td>
+         <td></td>
+         <td></td>
+        </tr>
+         <td style="vertical-align: top; float: right; padding: 3px;">Kleur EBC:</td>
+         <td style="padding: 3px;"><div id="est_color"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Methode:</td>
+         <td style="padding: 3px;"><div id="color_method"></div></td>
+         <td></td>
+         <td></td>
+        </tr>
+         <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid IBU:</td>
+         <td style="padding: 3px;"><div id="est_ibu"></div></td>
+         <td style="vertical-align: top; float: right; padding: 3px;">Methode:</td>
+         <td style="padding: 3px;"><div id="ibu_method"></div></td>
+         <td></td>
+         <td></td>
+        </tr>
+       </table>
+       <div style="float: right; margin-top: 70px; margin-bottom: 10px;">
+        <input style="margin-right: 90px;"  type="button" id="Delete" value="Delete" />
+        <input style="margin-right: 90px;"  type="button" id="Save" value="Save" />
+        <input style="margin-right: 375px;" type="button" id="Cancel" value="Cancel" />
+       </div>
+      </div>
+     </div> <!-- tab algemeen -->
+
+     <div> <!-- tab vergistbaar -->
+      <div style="overflow: hidden;">
+       <table>
+        <tr>
+         <td align="right" style="vertical-align: top;">Ingredienten:</td>
+         <td align="left" colspan="3"><div id="fermentableGrid">Graat</div></td>
+        </tr>
+       </table>
+      </div>
+     </div> <!-- tab vergistbaar -->
+
+     <div> <!-- tab hoppen -->
+      <div style="overflow: hidden;">
+       <table>
+        <tr>
+         <td align="right" style="vertical-align: top;">Hoppen:</td>
+         <td align="left" colspan="3"><div id="hopGrid">Graat</div></td>
+        </tr>
+       </table>
+      </div>
+     </div> <!-- tab hoppen -->
+
+     <div> <!-- tab misc -->
+      <div style="overflow: hidden;">
+       <table>
+        <tr>
+         <td align="right" style="vertical-align: top;">Diversen:</td>
+         <td align="left" colspan="3"><div id="miscGrid">Graat</div></td>
+        </tr>
+       </table>
+      </div>
+     </div> <!-- tab misc -->
+
+     <div> <!-- tab gisten -->
+      <div style="overflow: hidden;">
+       <table>
+        <tr>
+         <td align="right" style="vertical-align: top;">Gisten:</td>
+         <td align="left" colspan="3"><div id="yeastGrid">Graat</div></td>
+        </tr>
+       </table>
+      </div>
+     </div> <!-- tab gisten -->
+
+     <div> <!-- tab water -->
+      <div style="overflow: hidden;">
+       <table>
+        <tr>
+         <td style="vertical-align: top; padding: 3px;float: right:">Water:</td>
+	 <td style="padding: 3px; float: left;"><div id="waterGrid"></div></td>
+	</tr>
+        <tr>
+         <td></td>
+         <td>
+          <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>
+ 	    </tr>
+            <tr>
+	     <td style="vertical-align: top; padding: 3px; float: left;">Gemengd water:</td>
+             <td><div id="wg_volume"></div></td>
+             <td><div id="wg_calcium"></div></td>
+             <td><div id="wg_magnesium"></div></td>
+             <td><div id="wg_sodium"></div></td>
+             <td><div id="wg_total_alkalinity"></div></td>
+             <td><div id="wg_chloride"></div></td>
+	     <td><div id="wg_sulfate"></div></td>
+             <td><div id="wg_ph"></div></td>
+            </tr>
+            <tr>
+	     <td style="vertical-align: top; padding: 3px; float: left;">Behandeld water:</td>
+             <td><div></div></td>
+             <td><div id="wb_calcium"></div></td>
+             <td><div id="wb_magnesium"></div></td>
+             <td><div id="wb_sodium"></div></td>
+             <td><div id="wb_total_alkalinity"></div></td>
+             <td><div id="wb_chloride"></div></td>
+	     <td><div id="wb_sulfate"></div></td>
+             <td><div></div></td>
+            </tr>
+           </table>
+	  </div>
+         </td>
+        </tr>
+       </table>
+      </div>
+     </div> <!-- tab water -->
+
+     <div> <!-- tab maischen -->
+      <div style="overflow: hidden;">
+       <table>
+	<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>
+         <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 temp:</td>
+         <td style="padding: 3px;"><div id="mash_sparge_temp"></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>
+       </table>
+      </div>
+     </div> <!-- tab maischen -->
+
+   </div> <!-- jqxTabs -->
+
+<?php
+confirm_delete();
+page_footer();
+?>

mercurial