www/rec_new.php

changeset 71
e1c50b21b7e3
child 73
454fc4558609
equal deleted inserted replaced
70:4da2414eabbc 71:e1c50b21b7e3
1 <?php
2 require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php');
3 page_header('Nieuw recept', 'rec_new');
4 ?>
5
6 <div id='jqxTabs'>
7 <ul>
8 <li style="margin-left: 30px;">Recept basis</li>
9 <li>Bierstijl</li>
10 <li>Overzicht</li>
11 </ul>
12
13 <div class="section">
14 <div style="overflow: hidden;">
15 <table>
16 <tr>
17 <td style="vertical-align: top; float: right; padding: 3px;">Recept naam:</td>
18 <td align="left" colspan="3" style="vertical-align: top; padding: 3px;"><input id="name" /></td>
19 </tr>
20 <tr>
21 <td style="vertical-align: top; float: right; padding: 3px;">Opmerkingen:</td>
22 <td colspan="3" style="padding: 3px;"><textarea id="notes"></textarea></td>
23 </tr>
24 <tr>
25 <td style="vertical-align: top; float: right; padding: 3px;">Brouw type:</td>
26 <td align="left" style="padding: 3px;"><div id="type"></div></td>
27 <td style="vertical-align: top; float: right; padding: 3px;">Start SG:</td>
28 <td style="padding: 3px;"><div style="float: left;" id="est_og"></div></td>
29 </tr>
30 <tr>
31 <td style="vertical-align: top; float: right; padding: 3px;">Kooktijd minuten:</td>
32 <td style="padding: 3px;"><div id="boil_time"></div></td>
33 <td style="vertical-align: top; float: right; padding: 3px;">Brouwzaal rendement:</td>
34 <td style="padding: 3px;"><div id="efficiency"></div></td>
35 </tr>
36 </table>
37 </div>
38 <div id="hintBase" class="hint">
39 </div>
40 <div id="baseButtonsWrapper">
41 <input type="button" value="Volgende" class="nextButton" id="nextButtonBase" />
42 </div>
43 </div>
44
45 <div class="section">
46 <div style="overflow: hidden;">
47 <table>
48 <tr>
49 <td align="right" style="vertical-align: top;">Kies stijl:</td>
50 <td align="left" colspan="3"><div id="styleSelect">Stylenlijst</div></td>
51 </tr>
52 <tr>
53 <td align="right" style="vertical-align: top;">Bier stijl:</td>
54 <td align="left" style="vertical-align: top;"><input readonly="1" id="st_name" /></td>
55 <td align="right" style="vertical-align: top;">Bier groep:</td>
56 <td align="left" style="vertical-align: top;"><input readonly="1" id="st_style_letter" /></td>
57 </tr>
58 <tr>
59 <td align="right" style="vertical-align: top;">Type:</td>
60 <td align="left" style="vertical-align: top;"><input readonly="1" id="st_type" /></td>
61 <td align="right" style="vertical-align: top;">Stijl gids:</td>
62 <td align="left" style="vertical-align: top;"><input readonly="1" id="st_style_guide" /></td>
63 </tr>
64 <tr>
65 <td align="right" style="vertical-align: top;">Categorie:</td>
66 <td align="left" style="vertical-align: top;"><input readonly="1" id="st_category" /></td>
67 <td align="right" style="vertical-align: top;">Categorie nummer:</td>
68 <td align="left" style="vertical-align: top;"><input readonly="1" id="st_category_number" /></td>
69 </tr>
70 <tr>
71 <td align="right" style="vertical-align: top;">Opmerkingen:</td>
72 <td align="left" colspan="3"><textarea readonly="1" id="st_notes"></textarea></td>
73 </tr>
74 <tr>
75 <td style="vertical-align: top; float: right; padding: 3px;">Begin SG:</td>
76 <td style="padding: 3px;"><div style="float: left;" id="st_og_min"></div><div style="float: left; margin-left: 5px;" id="st_og_max"></div></td>
77 <td style="vertical-align: top; float: right; padding: 3px;">Kleur EBC:</td>
78 <td style="padding: 3px;"><div style="float: left;" id="st_color_min"></div><div style="float: left; margin-left: 5px;" id="st_color_max"></div></td>
79 </tr>
80 <tr>
81 <td style="vertical-align: top; float: right; padding: 3px;">Eind SG:</td>
82 <td style="padding: 3px;"><div style="float: left;" id="st_fg_min"></div><div style="float: left; margin-left: 5px;" id="st_fg_max"></div></td>
83 <td style="vertical-align: top; float: right; padding: 3px;">Koolzuur vol:</td>
84 <td style="padding: 3px;"><div style="float: left;" id="st_carb_min"></div><div style="float: left; margin-left: 5px;" id="st_carb_max"></div></td>
85 </tr>
86 <tr>
87 <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid IBU:</td>
88 <td style="padding: 3px;"><div style="float: left;" id="st_ibu_min"></div><div style="float: left; margin-left: 5px;" id="st_ibu_max"></div></td>
89 <td style="vertical-align: top; float: right; padding: 3px;">Alcohol vol%:</td>
90 <td style="padding: 3px;"><div style="float: left;" id="st_abv_min"></div><div style="float: left; margin-left: 5px;" id="st_abv_max"></div></td>
91 </tr>
92 <tr>
93 <td align="right" style="vertical-align: top;">Profiel:</td>
94 <td align="left" colspan="3"><textarea readonly="1" id="st_profile"></textarea></td>
95 </tr>
96 <tr>
97 <td align="right" style="vertical-align: top;">Ingredienten:</td>
98 <td align="left" colspan="3"><textarea readonly="1" id="st_ingredients"></textarea></td>
99 </tr>
100 <tr>
101 <td align="right" style="vertical-align: top;">Voorbeelden:</td>
102 <td align="left" colspan="3"><textarea readonly="1" id="st_examples"></textarea></td>
103 </tr>
104 </table>
105 </div>
106 <div class="hint" id="hintStyle">
107 </div>
108 <div id="styleButtonsWrapper">
109 <input type="button" value="Terug" class="backButton" id="backButtonStyle" />
110 <input type="button" value="Volgende" class="nextButton" id="nextButtonStyle" />
111 </div>
112 </div>
113
114 <div class="section">
115 <div style="overflow: hidden; margin: 25px;"><br>
116 <p>Alle nodige gegevens zijn compleet.</p>
117 <p> Zodra je de "Volgende" toets gebruikt zal een nieuw recept aangemaakt worden en<br>
118 wordt de recept editer gestart zodat je het recept verder kunt afmaken.</p>
119 </div>
120 <div id="completedButtonsWrapper">
121 <input type="button" value="Terug" id="backButtonCompleted" class="backButton" />
122 <input type="button" value="Volgende" class="nextButton" id="nextButtonCompleted" />
123 </div>
124 </div>
125 </div>
126
127 <?php
128 page_footer();
129 ?>

mercurial