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