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" /> |
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> |