www/recipes.php

changeset 74
595fee82e063
parent 73
454fc4558609
child 75
1a3c6480e057
equal deleted inserted replaced
73:454fc4558609 74:595fee82e063
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 ?>

mercurial