www/prod_edit.php

changeset 151
2c9cfe2f0860
parent 149
ff45488d480e
child 152
2e4249add363
equal deleted inserted replaced
150:159d7a89fcef 151:2c9cfe2f0860
3 page_header('Brouw overzicht', 'prod_edit'); 3 page_header('Brouw overzicht', 'prod_edit');
4 ?> 4 ?>
5 5
6 <div id='jqxTabs'> 6 <div id='jqxTabs'>
7 <ul> 7 <ul>
8 <li style="margin-left: 30px;">Algemeen</li> 8 <li>Algemeen</li>
9 <li>Apparatuur</li> 9 <li>Apparatuur</li>
10 <li>Vergistbaar</li>
11 <li>Hoppen</li>
12 <li>Diversen</li>
13 <li>Gist</li>
14 <li>Maischen</li>
15 <li>Water</li>
10 <li>Brouwdag</li> 16 <li>Brouwdag</li>
17 <li>Vergisten</li>
18 <li>Verpakken</li>
19 <li>Proeven</li>
11 </ul> 20 </ul>
12 21
13 <div> 22 <div> <!-- tab algemeen -->
14 <div style="overflow: hidden;"> 23 <div style="overflow: hidden;">
15 <table style="width: 100%;"> 24 <table style="width: 100%;">
16 <tr> 25 <tr>
17 <td style="vertical-align: top;"> 26 <td style="vertical-align: top; float: right; padding: 3px;">Brouw naam:</td>
18 <table> 27 <td align="left" colspan="5" style="vertical-align: top; padding: 3px;"><input id="name" /></td>
19 <tr> 28 </tr>
20 <td style="vertical-align: top; float: right; padding: 3px;">Brouw naam:</td> 29 <tr>
21 <td align="left" colspan="5" style="vertical-align: top; padding: 3px;"><input id="pname" /></td> 30 <td style="vertical-align: top; float: right; padding: 3px;">Brouw code:</td>
22 </tr> 31 <td align="left" style="vertical-align: top; padding: 3px;"><input id="code" /></td>
23 <tr> 32 <td style="vertical-align: top; float: right; padding: 3px;">Start planning:</td>
24 <td style="vertical-align: top; float: right; padding: 3px;">Brouw code:</td> 33 <td align="left" style="vertical-align: top;"><div id="birth"></div></td>
25 <td align="left" style="vertical-align: top; padding: 3px;"><input id="code" /></td> 34 <td style="vertical-align: top; float: right; padding: 3px;">Brouw fase:</td>
26 <td style="vertical-align: top; float: right; padding: 3px;">Start planning:</td> 35 <td align="left" style="vertical-align: top; padding: 3px;"><input id="stage" readonly /></td>
27 <td align="left" style="vertical-align: top;"><div id="birth"></div></td> 36 </tr>
28 <td style="vertical-align: top; float: right; padding: 3px;">Brouw fase:</td> 37 <tr>
29 <td align="left" style="vertical-align: top; padding: 3px;"><input id="stage" readonly /></td> 38 <td align="right" style="vertical-align: top;">Brouw log:</td>
30 </tr> 39 <td align="left"><div id="log_brew"></div></td>
31 <tr> 40 <td align="right" style="vertical-align: top;">Vergisting log:</td>
32 <td align="right" style="vertical-align: top;">Brouw log:</td> 41 <td align="left"><div id="log_fermentation"></div></td>
33 <td align="left"><div id="log_brew"></div></td> 42 <td align="right" style="vertical-align: top;">Ingredienten afgeboekt:</td>
34 <td align="right" style="vertical-align: top;">Vergisting log:</td> 43 <td align="left"><div id="inventory_reduced"></div></td>
35 <td align="left"><div id="log_fermentation"></div></td> 44 </tr>
36 <td align="right" style="vertical-align: top;">Ingredienten afgeboekt:</td> 45 <tr>
37 <td align="left"><div id="inventory_reduced"></div></td> 46 <td align="right" style="vertical-align: top;">Afgesloten:</td>
38 </tr> 47 <td align="left" colspan="5" ><div id="locked"></div></td>
39 <tr> 48 </tr>
40 <td align="right" style="vertical-align: top;">Afgesloten:</td> 49 <tr>
41 <td align="left" colspan="5" ><div id="plocked"></div></td> 50 <td style="vertical-align: top; float: right; padding: 3px;">Opmerkingen:</td>
42 </tr> 51 <td colspan="5" style="padding: 3px;"><textarea id="notes"></textarea></td>
43 <tr> 52 </tr>
44 <td style="vertical-align: top; float: right; padding: 3px;">Opmerkingen:</td> 53 <tr>
45 <td colspan="5" style="padding: 3px;"><textarea id="pnotes"></textarea></td> 54 <td style="vertical-align: top; float: right; padding: 3px;">Brouw type:</td>
46 </tr> 55 <td align="left" style="padding: 3px;"><div id="type"></div></td>
47 </table> 56 <td style="vertical-align: top; float: right; padding: 3px;">Brouwzaal rendement:</td>
48 </td> 57 <td colspan="3" style="padding: 3px;"><div id="efficiency"></div></td>
49 <td style="vertical-align: top;"> 58 </tr>
50 <table> 59 <tr>
51 <tr><td style="padding: 5px;"><input style="margin-right: 10px;" type="button" id="rec_edit" value="Recept" /></td></tr> 60 <td style="vertical-align: top; float: right; padding: 3px;">Brouw volume:</td>
52 <tr><td style="padding: 5px;"><input style="margin-right: 10px;" type="button" id="brew_log" value="Brouw log" /></td></tr> 61 <td style="padding: 3px;"><div id="batch_size"></div></td>
53 <tr><td style="padding: 5px;"><input style="margin-right: 10px;" type="button" id="ferment_log" value="Vergisting log" /></td></tr> 62 <td style="vertical-align: top; float: right; padding: 3px;">Kooktijd minuten:</td>
54 </table> 63 <td style="padding: 3px;"><div id="boil_time"></div></td>
55 </td> 64 <td style="vertical-align: top; float: right; padding: 3px;">Kook volume:</td>
65 <td style="padding: 3px;"><div id="boil_size"></div></td>
66 </tr>
67 <tr>
68 <td style="vertical-align: top; float: right; padding: 3px;">Start SG:</td>
69 <td style="padding: 3px;"><div style="float: left;" id="est_og"></div><div style="float: left; margin-left: 15px;" id="st_og_min"></div><div style="float: left; margin-left: 5px;" id="st_og_max"></div></td>
70 <td style="vertical-align: top; float: right; padding: 3px;">Eind SG:</td>
71 <td style="padding: 3px;"><div style="float: left;" id="est_fg"></div><div style="float: left; margin-left: 15px;" id="st_fg_min"></div><div style="float: left; margin-left: 5px;" id="st_fg_max"></div></td>
72 <td style="vertical-align: top; float: right; padding: 3px;">Alcohol vol%:</td>
73 <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>
74 </tr>
75 <tr>
76 <td style="vertical-align: top; float: right; padding: 3px;">Kleur:</td>
77 <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>
78 <td style="vertical-align: top; float: right; padding: 3px;">Kleur methode:</td>
79 <td style="padding: 3px;"><div style="float: left;" id="color_method"></div></td>
80 <td style="vertical-align: top; float: right; padding: 3px;">Koolzuur vol:</td>
81 <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>
82 </tr>
83 <tr>
84 <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid:</td>
85 <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>
86 <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid methode:</td>
87 <td style="padding: 3px;"><div style="float: left;" id="ibu_method"></div></td>
88 <td></td>
89 <td></td>
56 </tr> 90 </tr>
57 </table> 91 </table>
58 <div style="float: right; margin-top: 30px; margin-bottom: 10px;"> 92 <div style="float: right; margin-top: 30px; margin-bottom: 10px;">
59 <input style="margin-right: 100px;" type="button" id="Delete" value="Delete" /> 93 <input style="margin-right: 100px;" type="button" id="Delete" value="Delete" />
60 <input style="margin-right: 100px;" type="button" id="Save" value="Save" /> 94 <input style="margin-right: 100px;" type="button" id="Save" value="Save" />
63 </div> 97 </div>
64 <div id="hintBase" class="hint"> 98 <div id="hintBase" class="hint">
65 </div> 99 </div>
66 </div> 100 </div>
67 101
68 <div> <!-- Tab 2 --> 102 <div> <!-- Apparatuur -->
69 <div style="overflow: hidden;"> 103 <div style="overflow: hidden;">
70 <table style="width: 100%;"> 104 <table style="width: 100%;">
71 <tr> 105 <tr>
72 <td align="right" style="vertical-align: top;">Kies apparatuur:</td> 106 <td align="right" style="vertical-align: top;">Kies apparatuur:</td>
73 <td align="left"><div id="equipmentSelect">Apparatuur</div></td> 107 <td align="left"><div id="equipmentSelect">Apparatuur</div></td>
134 <td colspan="2"></td> 168 <td colspan="2"></td>
135 </tr> 169 </tr>
136 </table> 170 </table>
137 </div> 171 </div>
138 </div> 172 </div>
173
174 <div> <!-- tab vergistbaar -->
175 <div style="overflow: hidden;">
176 <table style="width: 100%;">
177 <tr>
178 <td style="vertical-align: top; float: right; padding: 3px;">Kleur:</td>
179 <td style="padding: 3px;"><div style="float: left;" id="est_color2"></div><div id="bcolor2" class='ebccolor'> </div></td>
180 <td style="vertical-align: top; float: right; padding: 3px;">Percentage moutstort:</td>
181 <td style="padding: 3px;"><div style="float: left;" id="perc_malts"></div></td>
182 </tr>
183 <tr>
184 <td style="vertical-align: top; float: right; padding: 3px;">Begin SG:</td>
185 <td style="padding: 3px;"><div style="float: left;" id="est_og2"></div></td>
186 <td style="vertical-align: top; float: right; padding: 3px;">Percentage suiker:</td>
187 <td style="padding: 3px;"><div style="float: left;" id="perc_sugars"></div></td>
188 </tr>
189 <tr>
190 <td colspan="2"></td>
191 <td style="vertical-align: top; float: right; padding: 3px;">Percentage cara:</td>
192 <td style="padding: 3px;"><div style="float: left;" id="perc_cara"></div></td>
193 </tr>
194 <tr>
195 <td colspan="4"><div id="fermentableGrid"></div></td>
196 </tr>
197 </table>
198 </div>
199 </div> <!-- tab vergistbaar -->
200
201 <div> <!-- tab hoppen -->
202 <div style="overflow: hidden;">
203 <table style="width: 100%;">
204 <tr>
205 <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid IBU:</td>
206 <td style="padding: 3px;"><div id="est_ibu2"></div></td>
207 <td style="vertical-align: top; float: right; padding: 3px;">Smaak bijdrage:</td>
208 <td style="padding: 3px;"><div id="hop_flavour"></div></td>
209 <td style="vertical-align: top; float: right; padding: 3px;">Aroma bijdrage:</td>
210 <td style="padding: 3px;"><div id="hop_aroma"></div></td>
211 </tr>
212 <tr>
213 <td align="right" style="vertical-align: top;">Hoppen:</td>
214 <td align="left" colspan="5"><div id="hopGrid"></div></td>
215 </tr>
216 </table>
217 </div>
218 </div> <!-- tab hoppen -->
219
220 <div> <!-- tab misc -->
221 <div style="overflow: hidden;">
222 <table style="width: 100%;">
223 <tr>
224 <td align="right" style="vertical-align: top;">Diversen:</td>
225 <td align="left" colspan="3"><div id="miscGrid">Graat</div></td>
226 </tr>
227 </table>
228 </div>
229 </div> <!-- tab misc -->
230
231 <div> <!-- tab gisten -->
232 <div style="overflow: hidden;">
233 <table style="width: 100%;">
234 <tr>
235 <td align="right" style="vertical-align: top;">Gisten:</td>
236 <td align="left" colspan="3"><div id="yeastGrid">Graat</div></td>
237 </tr>
238 </table>
239 </div>
240 </div> <!-- tab gisten -->
241
242 <div> <!-- tab maischen -->
243 <div style="overflow: hidden;">
244 <table style="width: 100%;">
245 <tr>
246 <td style="vertical-align: top; float: right; padding: 3px;">Maischchema:</td>
247 <td align="left" style="vertical-align: top; padding: 3px;"><input id="mash_name" /></td>
248 <td style="vertical-align: top; float: right; padding: 3px;">Maish pH:</td>
249 <td style="padding: 3px;"><div id="mash_ph"></div></td>
250 <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater temp:</td>
251 <td style="padding: 3px;"><div id="sparge_temp"></div></td>
252 </tr>
253 <tr>
254 <td align="right" style="vertical-align: top; padding: 3px;">Stappen:</td>
255 <td align="left" colspan="5" style="padding: 3px;"><div id="mashGrid">Graat</div></td>
256 </tr>
257 </table>
258 </div>
259 </div> <!-- tab maischen -->
260
261 <div> <!-- tab water -->
262 <div style="overflow: hidden;">
263 <table style="width: 100%;">
264 <tr>
265 <td style="vertical-align: top; float: right; padding: 3px;">Bitterheidsindex:</td>
266 <td style="padding: 3px;"><div id="tgt_bu"></div></td>
267 <td style="vertical-align: top; float: right; padding: 3px;">Richtgetal Cl/SO4:</td>
268 <td style="padding: 3px;"><div id="tgt_cl_so4"></div></td>
269 <td style="vertical-align: top; float: right; padding: 3px;">Doel maisch pH:</td>
270 <td style="padding: 3px;"><div id="tgt_mash_ph"></div></td>
271 </tr>
272 <tr>
273 <td></td>
274 <td align="left" colspan="5">
275 <div id='water_totals'>
276 <table style="width: 100%;">
277 <caption>Water overzicht</caption>
278 <tr>
279 <td align="left" style="vertical-align: top; padding: 3px;">Water profiel</td>
280 <td style="width: 97px; padding: 3px;">Volume</td>
281 <td style="width: 77px; padding: 3px;">Ca</td>
282 <td style="width: 77px; padding: 3px;">Mg</td>
283 <td style="width: 77px; padding: 3px;">Na</td>
284 <td style="width: 77px; padding: 3px;">CaCO3</td>
285 <td style="width: 77px; padding: 3px;">Cl</td>
286 <td style="width: 77px; padding: 3px;">SO4</td>
287 <td style="width: 77px; padding: 3px;">pH</td>
288 </tr>
289 <tr>
290 <td><div id="w1_name"></div></td>
291 <td><div id="w1_amount"></div></td>
292 <td><div id="w1_calcium"></div></td>
293 <td><div id="w1_magnesium"></div></td>
294 <td><div id="w1_sodium"></div></td>
295 <td><div id="w1_total_alkalinity"></div></td>
296 <td><div id="w1_chloride"></div></td>
297 <td><div id="w1_sulfate"></div></td>
298 <td><div id="w1_ph"></div></td>
299 </tr>
300 <tr>
301 <td><div id="w2_name"></div></td>
302 <td><div id="w2_amount"></div></td>
303 <td><div id="w2_calcium"></div></td>
304 <td><div id="w2_magnesium"></div></td>
305 <td><div id="w2_sodium"></div></td>
306 <td><div id="w2_total_alkalinity"></div></td>
307 <td><div id="w2_chloride"></div></td>
308 <td><div id="w2_sulfate"></div></td>
309 <td><div id="w2_ph"></div></td>
310 </tr>
311 <tr>
312 <td style="vertical-align: top; padding: 3px; float: left;">Gemengd water:</td>
313 <td><div id="wg_amount"></div></td>
314 <td><div id="wg_calcium"></div></td>
315 <td><div id="wg_magnesium"></div></td>
316 <td><div id="wg_sodium"></div></td>
317 <td><div id="wg_total_alkalinity"></div></td>
318 <td><div id="wg_chloride"></div></td>
319 <td><div id="wg_sulfate"></div></td>
320 <td><div id="wg_ph"></div></td>
321 </tr>
322 <tr>
323 <td style="vertical-align: top; padding: 3px; float: left;">Behandeld water:</td>
324 <td><div></div></td>
325 <td><div id="wb_calcium"></div></td>
326 <td><div id="wb_magnesium"></div></td>
327 <td><div id="wb_sodium"></div></td>
328 <td><div id="wb_total_alkalinity"></div></td>
329 <td><div id="wb_chloride"></div></td>
330 <td><div id="wb_sulfate"></div></td>
331 <td><div id="wb_ph"></div></td>
332 </tr>
333 <tr>
334 <td style="vertical-align: top; padding: 3px; float: left;">Resultaat:</td>
335 <td><div></div></td>
336 <td><div id="wr_calcium"></div></td>
337 <td><div id="wr_magnesium"></div></td>
338 <td><div id="wr_sodium"></div></td>
339 <td><div id="wr_total_alkalinity"></div></td>
340 <td><div id="wr_chloride"></div></td>
341 <td><div id="wr_sulfate"></div></td>
342 <td><div id="wr_ph"></div></td>
343 </tr>
344 <tr>
345 <td><div id="pr_name"></div></td>
346 <td><div></div></td>
347 <td><div id="pr_calcium"></div></td>
348 <td><div id="pr_magnesium"></div></td>
349 <td><div id="pr_sodium"></div></td>
350 <td><div id="pr_total_alkalinity"></div></td>
351 <td><div id="pr_chloride"></div></td>
352 <td><div id="pr_sulfate"></div></td>
353 <td></td>
354 </tr>
355 </table>
356 </div>
357 </td>
358 </tr>
359 <tr>
360 <td style="vertical-align: top; float: right; padding: 3px;">Calciumchloride (CaCl2):</td>
361 <td style="padding: 3px;"><div id="wa_cacl2"></div></td>
362 <td style="vertical-align: top; float: right; padding: 3px;">Automatisch pH aanpassen:</td>
363 <td style="padding: 3px;"><div id="calc_acid"></div></td>
364 <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater volume:</td>
365 <td style="padding: 3px;"><div id="sparge_volume"></div></td>
366 </tr>
367 <tr>
368 <td style="vertical-align: top; float: right; padding: 3px;">Gips (CaSO4):</td>
369 <td style="padding: 3px;"><div id="wa_caso4"></div></td>
370 <td style="vertical-align: top; float: right; padding: 3px;">Ontzuren met:</td>
371 <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>
372 <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater bron:</td>
373 <td style="padding: 3px;"><div id="sparge_source"></div></td>
374 </tr>
375 <tr>
376 <td style="vertical-align: top; float: right; padding: 3px;">Epsom zout (MgSO4):</td>
377 <td style="padding: 3px;"><div id="wa_mgso4"></div></td>
378 <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren met:</td>
379 <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>
380 <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater pH:</td>
381 <td style="padding: 3px;"><div id="sparge_ph"></div></td>
382 </tr>
383 <tr>
384 <td style="vertical-align: top; float: right; padding: 3px;">Keukenzout (NaCl):</td>
385 <td style="padding: 3px;"><div id="wa_nacl"></div></td>
386 <td colspan="2"></td>
387 <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren met:</td>
388 <td style="padding: 3px;"><div id="sparge_acid_type"></div></td>
389 </tr>
390 <tr>
391 <td colspan="4"></td>
392 <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren hoeveelheid:</td>
393 <td style="padding: 3px;"><div id="sparge_acid_amount"></div></td>
394 </tr>
395 </table>
396 </div>
397 </div> <!-- tab water -->
139 398
140 <div style="overflow: hidden;"> <!-- Brewday --> 399 <div style="overflow: hidden;"> <!-- Brewday -->
141 <table style="width: 100%;"> 400 <table style="width: 100%;">
142 <tr> 401 <tr>
143 <td style="vertical-align: top; float: right; padding: 3px;">Brouwdag start:</td> 402 <td style="vertical-align: top; float: right; padding: 3px;">Brouwdag start:</td>
252 <td><div style="float: left;" id="brew_fermenter_ibu"></div><div style="float: left; margin-left: 35px;" id="est_ibu"></div></td> 511 <td><div style="float: left;" id="brew_fermenter_ibu"></div><div style="float: left; margin-left: 35px;" id="est_ibu"></div></td>
253 <td style="vertical-align: top; float: right;">Kleur in gistvat:</td> 512 <td style="vertical-align: top; float: right;">Kleur in gistvat:</td>
254 <td><div style="float: left;" id="brew_fermenter_color"></div><div style="float: left; margin-left: 35px;" id="est_color"></div></td> 513 <td><div style="float: left;" id="brew_fermenter_color"></div><div style="float: left; margin-left: 35px;" id="est_color"></div></td>
255 </tr> 514 </tr>
256 </table> 515 </table>
257 </div> 516 </div> <!-- Brewday -->
517
518 <div> <!-- Vergisten -->
519 <div style="overflow: hidden;">
520 </div>
521 </div> <!-- Vergisten -->
522
523 <div> <!-- Verpakken -->
524 <div style="overflow: hidden;">
525 </div>
526 </div> <!-- Verpakken -->
527
528 <div> <!-- Proeven -->
529 <div style="overflow: hidden;">
530 </div>
531 </div> <!-- Proeven -->
258 532
259 </div> <!-- Tabs --> 533 </div> <!-- Tabs -->
260 534
261 <?php 535 <?php
262 confirm_delete(); 536 confirm_delete();

mercurial