25 |
25 |
26 <div> <!-- tab algemeen --> |
26 <div> <!-- tab algemeen --> |
27 <div style="overflow: hidden;"> |
27 <div style="overflow: hidden;"> |
28 <table> |
28 <table> |
29 <tr> |
29 <tr> |
30 <td style="vertical-align: top; float: right;">Recept naam:</td> |
30 <td style="vertical-align: top; float: right; padding: 3px;">Recept naam:</td> |
31 <td align="left" colspan="5" style="vertical-align: top;"><input id="name" /></td> |
31 <td align="left" colspan="5" style="vertical-align: top; padding: 3px;"><input id="name" /></td> |
32 </tr> |
32 </tr> |
33 <tr> |
33 <tr> |
34 <td style="vertical-align: top; float: right;">Opmerkingen:</td> |
34 <td style="vertical-align: top; float: right; padding: 3px;">Opmerkingen:</td> |
35 <td colspan="5"><textarea id="notes"></textarea></td> |
35 <td colspan="5" style="padding: 3px;"><textarea id="notes"></textarea></td> |
36 </tr> |
36 </tr> |
37 <tr> |
37 <tr> |
38 <td style="vertical-align: top; float: right;">Stijlgids:</td> |
38 <td style="vertical-align: top; float: right; padding: 3px;">Stijlgids:</td> |
39 <td align="left" style="vertical-align: top;"><input id="st_guide" /></td> |
39 <td align="left" style="vertical-align: top; padding: 3px;"><input id="st_guide" /></td> |
40 <td style="vertical-align: top; float: right;">Bier stijl:</td> |
40 <td style="vertical-align: top; float: right; padding: 3px;">Bier stijl:</td> |
41 <td align="left" style="vertical-align: top;"><input id="st_name" /></td> |
41 <td align="left" style="vertical-align: top; padding: 3px;"><input id="st_name" /></td> |
42 <td style="vertical-align: top; float: right;">Bier groep:</td> |
42 <td style="vertical-align: top; float: right; padding: 3px;">Bier groep:</td> |
43 <td align="left" style="vertical-align: top;"><input id="st_letter" /></td> |
43 <td align="left" style="vertical-align: top; padding: 3px;"><input id="st_letter" /></td> |
44 </tr> |
44 </tr> |
45 <tr> |
45 <tr> |
46 <td style="vertical-align: top; float: right;">Brouw type:</td> |
46 <td style="vertical-align: top; float: right; padding: 3px;">Brouw type:</td> |
47 <td align="left"><div id="type"></div></td> |
47 <td align="left" style="padding: 3px;"><div id="type"></div></td> |
48 <td></td> |
48 <td></td> |
49 <td></td> |
49 <td></td> |
50 <td></td> |
50 <td></td> |
51 <td></td> |
51 <td></td> |
52 </tr> |
52 </tr> |
53 <tr> |
53 <tr> |
54 <td style="vertical-align: top; float: right;">Brouw volume:</td> |
54 <td style="vertical-align: top; float: right; padding: 3px;">Brouw volume:</td> |
55 <td><div id="batch_size"></div></td> |
55 <td style="padding: 3px;"><div id="batch_size"></div></td> |
56 <td style="vertical-align: top; float: right;">Kooktijd minuten:</td> |
56 <td style="vertical-align: top; float: right; padding: 3px;">Kooktijd minuten:</td> |
57 <td><div id="boil_time"></div></td> |
57 <td style="padding: 3px;"><div id="boil_time"></div></td> |
58 <td style="vertical-align: top; float: right;">Brouwzaal rendement:</td> |
58 <td style="vertical-align: top; float: right; padding: 3px;">Brouwzaal rendement:</td> |
59 <td><div id="efficiency"></div></td> |
59 <td style="padding: 3px;"><div id="efficiency"></div></td> |
60 </tr> |
60 </tr> |
61 <tr> |
61 <tr> |
62 <td style="vertical-align: top; float: right;">Start SG:</td> |
62 <td style="vertical-align: top; float: right; padding: 3px;">Start SG:</td> |
63 <td><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> |
63 <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> |
64 <td style="vertical-align: top; float: right;">Eind SG:</td> |
64 <td style="vertical-align: top; float: right; padding: 3px;">Eind SG:</td> |
65 <td><div id="est_fg"></div></td> |
65 <td style="padding: 3px;"><div id="est_fg"></div></td> |
66 <td></td> |
66 <td></td> |
67 <td></td> |
67 <td></td> |
68 </tr> |
68 </tr> |
69 <td style="vertical-align: top; float: right;">Kleur EBC:</td> |
69 <td style="vertical-align: top; float: right; padding: 3px;">Kleur EBC:</td> |
70 <td><div id="est_color"></div></td> |
70 <td style="padding: 3px;"><div id="est_color"></div></td> |
71 <td style="vertical-align: top; float: right;">Methode:</td> |
71 <td style="vertical-align: top; float: right; padding: 3px;">Methode:</td> |
72 <td><div id="color_method"></div></td> |
72 <td style="padding: 3px;"><div id="color_method"></div></td> |
73 <td></td> |
73 <td></td> |
74 <td></td> |
74 <td></td> |
75 </tr> |
75 </tr> |
76 <td style="vertical-align: top; float: right;">Bitterheid IBU:</td> |
76 <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid IBU:</td> |
77 <td><div id="est_ibu"></div></td> |
77 <td style="padding: 3px;"><div id="est_ibu"></div></td> |
78 <td style="vertical-align: top; float: right;">Methode:</td> |
78 <td style="vertical-align: top; float: right; padding: 3px;">Methode:</td> |
79 <td><div id="ibu_method"></div></td> |
79 <td style="padding: 3px;"><div id="ibu_method"></div></td> |
80 <td></td> |
80 <td></td> |
81 <td></td> |
81 <td></td> |
82 </tr> |
82 </tr> |
83 </table> |
83 </table> |
84 <div style="float: right; margin-top: 95px; margin-bottom: 10px;"> |
84 <div style="float: right; margin-top: 70px; margin-bottom: 10px;"> |
85 <input style="margin-right: 90px;" type="button" id="Delete" value="Delete" /> |
85 <input style="margin-right: 90px;" type="button" id="Delete" value="Delete" /> |
86 <input style="margin-right: 90px;" type="button" id="Save" value="Save" /> |
86 <input style="margin-right: 90px;" type="button" id="Save" value="Save" /> |
87 <input style="margin-right: 375px;" type="button" id="Cancel" value="Cancel" /> |
87 <input style="margin-right: 375px;" type="button" id="Cancel" value="Cancel" /> |
88 </div> |
88 </div> |
89 </div> |
89 </div> |
143 <tr> |
143 <tr> |
144 <td align="right" style="vertical-align: top;">Opmerkingen:</td> |
144 <td align="right" style="vertical-align: top;">Opmerkingen:</td> |
145 <td align="left" colspan="3"><textarea id="notes"></textarea></td> |
145 <td align="left" colspan="3"><textarea id="notes"></textarea></td> |
146 </tr> --> |
146 </tr> --> |
147 <tr> |
147 <tr> |
148 <td align="right" style="vertical-align: top;">Water:</td> |
148 <td align="right" style="vertical-align: top; padding: 3px;">Water:</td> |
149 <td align="left"><div id="waterGrid"></div></td> |
149 <td align="left" style="padding: 3px;"><div id="waterGrid"></div></td> |
150 </tr> |
150 </tr> |
151 </table> |
151 </table> |
152 </div> |
152 </div> |
153 </div> <!-- tab water --> |
153 </div> <!-- tab water --> |
154 |
154 |
155 <div> <!-- tab maischen --> |
155 <div> <!-- tab maischen --> |
156 <div style="overflow: hidden;"> |
156 <div style="overflow: hidden;"> |
157 <table> |
157 <table> |
158 <tr> |
158 <tr> |
159 <td style="vertical-align: top; float: right;">Maischchema:</td> |
159 <td style="vertical-align: top; float: right; padding: 3px;">Maischchema:</td> |
160 <td align="left" style="vertical-align: top;"><input id="mash_name" /></td> |
160 <td align="left" style="vertical-align: top; padding: 3px;"><input id="mash_name" /></td> |
161 <td style="vertical-align: top; float: right;">Maish pH:</td> |
161 <td style="vertical-align: top; float: right; padding: 3px;">Maish pH:</td> |
162 <td><div id="mash_ph"></div></td> |
162 <td style="padding: 3px;"><div id="mash_ph"></div></td> |
|
163 <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater temp:</td> |
|
164 <td style="padding: 3px;"><div id="mash_sparge_temp"></div></td> |
163 </tr> |
165 </tr> |
164 <tr> |
166 <tr> |
165 <td align="right" style="vertical-align: top;">Stappen:</td> |
167 <td align="right" style="vertical-align: top; padding: 3px;">Stappen:</td> |
166 <td align="left" colspan="3"><div id="mashGrid">Graat</div></td> |
168 <td align="left" colspan="5" style="padding: 3px;"><div id="mashGrid">Graat</div></td> |
167 </tr> |
169 </tr> |
168 </table> |
170 </table> |
169 </div> |
171 </div> |
170 </div> <!-- tab maischen --> |
172 </div> <!-- tab maischen --> |
171 |
173 |