1 <?php |
|
2 require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php'); |
|
3 page_header('Recepten', 'recipes'); |
|
4 ?> |
|
5 |
|
6 <div id="jqxgrid"></div> |
|
7 <div style="margin-top: 30px;"> |
|
8 <div id="cellbegineditevent"></div> |
|
9 <div style="margin-top: 10px;" id="cellendeditevent"></div> |
|
10 </div> |
|
11 |
|
12 <!-- Popup editor window. --> |
|
13 <div id="popupWindow"> |
|
14 <div>Wijzig recept.</div> |
|
15 <div id="jqxTabs"> |
|
16 <ul> |
|
17 <li>Algemeen</li> |
|
18 <li>Vergistbaar</li> |
|
19 <li>Hoppen</li> |
|
20 <li>Diversen</li> |
|
21 <li>Gist</li> |
|
22 <li>Water</li> |
|
23 <li>Maischen</li> |
|
24 </ul> |
|
25 |
|
26 <div> <!-- tab algemeen --> |
|
27 <div style="overflow: hidden;"> |
|
28 <table> |
|
29 <tr> |
|
30 <td style="vertical-align: top; float: right; padding: 3px;">Recept naam:</td> |
|
31 <td align="left" colspan="5" style="vertical-align: top; padding: 3px;"><input id="name" /></td> |
|
32 </tr> |
|
33 <tr> |
|
34 <td style="vertical-align: top; float: right; padding: 3px;">Opmerkingen:</td> |
|
35 <td colspan="5" style="padding: 3px;"><textarea id="notes"></textarea></td> |
|
36 </tr> |
|
37 <tr> |
|
38 <td style="vertical-align: top; float: right; padding: 3px;">Stijlgids:</td> |
|
39 <td align="left" style="vertical-align: top; padding: 3px;"><input id="st_guide" /></td> |
|
40 <td style="vertical-align: top; float: right; padding: 3px;">Bier stijl:</td> |
|
41 <td align="left" style="vertical-align: top; padding: 3px;"><input id="st_name" /></td> |
|
42 <td style="vertical-align: top; float: right; padding: 3px;">Bier groep:</td> |
|
43 <td align="left" style="vertical-align: top; padding: 3px;"><input id="st_letter" /></td> |
|
44 </tr> |
|
45 <tr> |
|
46 <td style="vertical-align: top; float: right; padding: 3px;">Brouw type:</td> |
|
47 <td align="left" style="padding: 3px;"><div id="type"></div></td> |
|
48 <td></td> |
|
49 <td></td> |
|
50 <td></td> |
|
51 <td></td> |
|
52 </tr> |
|
53 <tr> |
|
54 <td style="vertical-align: top; float: right; padding: 3px;">Brouw volume:</td> |
|
55 <td style="padding: 3px;"><div id="batch_size"></div></td> |
|
56 <td style="vertical-align: top; float: right; padding: 3px;">Kooktijd minuten:</td> |
|
57 <td style="padding: 3px;"><div id="boil_time"></div></td> |
|
58 <td style="vertical-align: top; float: right; padding: 3px;">Brouwzaal rendement:</td> |
|
59 <td style="padding: 3px;"><div id="efficiency"></div></td> |
|
60 </tr> |
|
61 <tr> |
|
62 <td style="vertical-align: top; float: right; padding: 3px;">Start SG:</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; padding: 3px;">Eind SG:</td> |
|
65 <td style="padding: 3px;"><div id="est_fg"></div></td> |
|
66 <td></td> |
|
67 <td></td> |
|
68 </tr> |
|
69 <td style="vertical-align: top; float: right; padding: 3px;">Kleur EBC:</td> |
|
70 <td style="padding: 3px;"><div id="est_color"></div></td> |
|
71 <td style="vertical-align: top; float: right; padding: 3px;">Methode:</td> |
|
72 <td style="padding: 3px;"><div id="color_method"></div></td> |
|
73 <td></td> |
|
74 <td></td> |
|
75 </tr> |
|
76 <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid IBU:</td> |
|
77 <td style="padding: 3px;"><div id="est_ibu"></div></td> |
|
78 <td style="vertical-align: top; float: right; padding: 3px;">Methode:</td> |
|
79 <td style="padding: 3px;"><div id="ibu_method"></div></td> |
|
80 <td></td> |
|
81 <td></td> |
|
82 </tr> |
|
83 </table> |
|
84 <div style="float: right; margin-top: 70px; margin-bottom: 10px;"> |
|
85 <input style="margin-right: 90px;" type="button" id="Delete" value="Delete" /> |
|
86 <input style="margin-right: 90px;" type="button" id="Save" value="Save" /> |
|
87 <input style="margin-right: 375px;" type="button" id="Cancel" value="Cancel" /> |
|
88 </div> |
|
89 </div> |
|
90 </div> <!-- tab algemeen --> |
|
91 |
|
92 <div> <!-- tab vergistbaar --> |
|
93 <div style="overflow: hidden;"> |
|
94 <table> |
|
95 <tr> |
|
96 <td align="right" style="vertical-align: top;">Ingredienten:</td> |
|
97 <td align="left" colspan="3"><div id="fermentableGrid">Graat</div></td> |
|
98 </tr> |
|
99 </table> |
|
100 </div> |
|
101 </div> <!-- tab vergistbaar --> |
|
102 |
|
103 <div> <!-- tab hoppen --> |
|
104 <div style="overflow: hidden;"> |
|
105 <table> |
|
106 <tr> |
|
107 <td align="right" style="vertical-align: top;">Hoppen:</td> |
|
108 <td align="left" colspan="3"><div id="hopGrid">Graat</div></td> |
|
109 </tr> |
|
110 </table> |
|
111 </div> |
|
112 </div> <!-- tab hoppen --> |
|
113 |
|
114 <div> <!-- tab misc --> |
|
115 <div style="overflow: hidden;"> |
|
116 <table> |
|
117 <tr> |
|
118 <td align="right" style="vertical-align: top;">Diversen:</td> |
|
119 <td align="left" colspan="3"><div id="miscGrid">Graat</div></td> |
|
120 </tr> |
|
121 </table> |
|
122 </div> |
|
123 </div> <!-- tab misc --> |
|
124 |
|
125 <div> <!-- tab gisten --> |
|
126 <div style="overflow: hidden;"> |
|
127 <table> |
|
128 <tr> |
|
129 <td align="right" style="vertical-align: top;">Gisten:</td> |
|
130 <td align="left" colspan="3"><div id="yeastGrid">Graat</div></td> |
|
131 </tr> |
|
132 </table> |
|
133 </div> |
|
134 </div> <!-- tab gisten --> |
|
135 |
|
136 <div> <!-- tab water --> |
|
137 <div style="overflow: hidden;"> |
|
138 <table> |
|
139 <tr> |
|
140 <td style="vertical-align: top; padding: 3px;float: right:">Water:</td> |
|
141 <td style="padding: 3px; float: left;"><div id="waterGrid"></div></td> |
|
142 </tr> |
|
143 <tr> |
|
144 <td></td> |
|
145 <td> |
|
146 <div id='water_totals'> |
|
147 <table style="width: 100%;"> |
|
148 <caption>Water overzicht</caption> |
|
149 <tr> |
|
150 <td></td> |
|
151 <td style="width: 80px; padding: 3px;">Volume</td> |
|
152 <td style="width: 80px; padding: 3px;">Ca</td> |
|
153 <td style="width: 80px; padding: 3px;">Mg</td> |
|
154 <td style="width: 80px; padding: 3px;">Na</td> |
|
155 <td style="width: 80px; padding: 3px;">CaCO3</td> |
|
156 <td style="width: 80px; padding: 3px;">Cl</td> |
|
157 <td style="width: 80px; padding: 3px;">SO4</td> |
|
158 <td style="width: 80px; padding: 3px;">pH</td> |
|
159 </tr> |
|
160 <tr> |
|
161 <td style="vertical-align: top; padding: 3px; float: left;">Gemengd water:</td> |
|
162 <td><div id="wg_volume"></div></td> |
|
163 <td><div id="wg_calcium"></div></td> |
|
164 <td><div id="wg_magnesium"></div></td> |
|
165 <td><div id="wg_sodium"></div></td> |
|
166 <td><div id="wg_total_alkalinity"></div></td> |
|
167 <td><div id="wg_chloride"></div></td> |
|
168 <td><div id="wg_sulfate"></div></td> |
|
169 <td><div id="wg_ph"></div></td> |
|
170 </tr> |
|
171 <tr> |
|
172 <td style="vertical-align: top; padding: 3px; float: left;">Behandeld water:</td> |
|
173 <td><div></div></td> |
|
174 <td><div id="wb_calcium"></div></td> |
|
175 <td><div id="wb_magnesium"></div></td> |
|
176 <td><div id="wb_sodium"></div></td> |
|
177 <td><div id="wb_total_alkalinity"></div></td> |
|
178 <td><div id="wb_chloride"></div></td> |
|
179 <td><div id="wb_sulfate"></div></td> |
|
180 <td><div></div></td> |
|
181 </tr> |
|
182 </table> |
|
183 </div> |
|
184 </td> |
|
185 </tr> |
|
186 </table> |
|
187 </div> |
|
188 </div> <!-- tab water --> |
|
189 |
|
190 <div> <!-- tab maischen --> |
|
191 <div style="overflow: hidden;"> |
|
192 <table> |
|
193 <tr> |
|
194 <td style="vertical-align: top; float: right; padding: 3px;">Maischchema:</td> |
|
195 <td align="left" style="vertical-align: top; padding: 3px;"><input id="mash_name" /></td> |
|
196 <td style="vertical-align: top; float: right; padding: 3px;">Maish pH:</td> |
|
197 <td style="padding: 3px;"><div id="mash_ph"></div></td> |
|
198 <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater temp:</td> |
|
199 <td style="padding: 3px;"><div id="mash_sparge_temp"></div></td> |
|
200 </tr> |
|
201 <tr> |
|
202 <td align="right" style="vertical-align: top; padding: 3px;">Stappen:</td> |
|
203 <td align="left" colspan="5" style="padding: 3px;"><div id="mashGrid">Graat</div></td> |
|
204 </tr> |
|
205 </table> |
|
206 </div> |
|
207 </div> <!-- tab maischen --> |
|
208 |
|
209 </div> <!-- jqxTabs --> |
|
210 </div> <!-- popupwindow --> |
|
211 |
|
212 <?php |
|
213 //confirm_delete(); |
|
214 page_footer(); |
|
215 ?> |
|