comparison: www/prod_new.php
www/prod_new.php
- changeset 167
- dabcd35f8f92
- parent 111
- 8c4ba91adf58
- child 240
- a85c1d4c4d12
equal
deleted
inserted
replaced
| 166:635033a29c48 | 167:dabcd35f8f92 |
|---|---|
| 4 ?> | 4 ?> |
| 5 | 5 |
| 6 <div id='jqxTabs'> | 6 <div id='jqxTabs'> |
| 7 <ul> | 7 <ul> |
| 8 <li style="margin-left: 30px;">Product basis</li> | 8 <li style="margin-left: 30px;">Product basis</li> |
| 9 <li>Bierstijl</li> | |
| 9 <li>Apparatuur</li> | 10 <li>Apparatuur</li> |
| 10 <li>Overzicht</li> | 11 <li>Overzicht</li> |
| 11 </ul> | 12 </ul> |
| 12 | 13 |
| 13 <div class="section"> | 14 <div class="section"> |
| 14 <div style="overflow: hidden;"> | 15 <div style="overflow: hidden;"> |
| 15 <table> | 16 <table> |
| 16 <tr> | 17 <tr> |
| 17 <td style="vertical-align: top; float: right; padding: 3px;">Recept naam:</td> | 18 <td style="vertical-align: top; float: right; padding: 3px;">Brouw project naam:</td> |
| 18 <td align="left" colspan="3" style="vertical-align: top; padding: 3px;"><input id="name" /></td> | 19 <td align="left" colspan="3" style="vertical-align: top; padding: 3px;"><input id="name" /></td> |
| 20 </tr> | |
| 21 <tr> | |
| 22 <td style="vertical-align: top; float: right; padding: 3px;">Brouw project code:</td> | |
| 23 <td align="left" style="vertical-align: top; padding: 3px;"><input id="code" /></td> | |
| 24 <td style="vertical-align: top; float: right; padding: 3px;">Brouw type:</td> | |
| 25 <td align="left" style="padding: 3px;"><div id="type"></div></td> | |
| 19 </tr> | 26 </tr> |
| 20 <tr> | 27 <tr> |
| 21 <td style="vertical-align: top; float: right; padding: 3px;">Opmerkingen:</td> | 28 <td style="vertical-align: top; float: right; padding: 3px;">Opmerkingen:</td> |
| 22 <td colspan="3" style="padding: 3px;"><textarea id="notes"></textarea></td> | 29 <td colspan="3" style="padding: 3px;"><textarea id="notes"></textarea></td> |
| 23 </tr> | 30 </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> | 31 </table> |
| 37 </div> | 32 </div> |
| 38 <div id="hintBase" class="hint"> | 33 <div id="hintBase" class="hint"> |
| 39 </div> | 34 </div> |
| 40 <div id="baseButtonsWrapper"> | 35 <div id="baseButtonsWrapper"> |
| 46 <div style="overflow: hidden;"> | 41 <div style="overflow: hidden;"> |
| 47 <table> | 42 <table> |
| 48 <tr> | 43 <tr> |
| 49 <td align="right" style="vertical-align: top;">Kies stijl:</td> | 44 <td align="right" style="vertical-align: top;">Kies stijl:</td> |
| 50 <td align="left" colspan="3"><div id="styleSelect">Stylenlijst</div></td> | 45 <td align="left" colspan="3"><div id="styleSelect">Stylenlijst</div></td> |
| 46 </tr> | |
| 47 <tr> | |
| 48 <td align="right" style="vertical-align: top;">Bier stijl:</td> | |
| 49 <td align="left" style="vertical-align: top;"><input readonly="1" id="st_name" /></td> | |
| 50 <td align="right" style="vertical-align: top;">Bier groep:</td> | |
| 51 <td align="left" style="vertical-align: top;"><input readonly="1" id="st_letter" /></td> | |
| 52 </tr> | |
| 53 <tr> | |
| 54 <td align="right" style="vertical-align: top;">Type:</td> | |
| 55 <td align="left" style="vertical-align: top;"><input readonly="1" id="st_type" /></td> | |
| 56 <td align="right" style="vertical-align: top;">Stijl gids:</td> | |
| 57 <td align="left" style="vertical-align: top;"><input readonly="1" id="st_guide" /></td> | |
| 58 </tr> | |
| 59 <tr> | |
| 60 <td align="right" style="vertical-align: top;">Categorie:</td> | |
| 61 <td align="left" style="vertical-align: top;"><input readonly="1" id="st_category" /></td> | |
| 62 <td align="right" style="vertical-align: top;">Categorie nummer:</td> | |
| 63 <td align="left" style="vertical-align: top;"><input readonly="1" id="st_category_number" /></td> | |
| 64 </tr> | |
| 65 <tr> | |
| 66 <td align="right" style="vertical-align: top;">Opmerkingen:</td> | |
| 67 <td align="left" colspan="3"><textarea readonly="1" id="st_notes"></textarea></td> | |
| 68 </tr> | |
| 69 <tr> | |
| 70 <td style="vertical-align: top; float: right; padding: 3px;">Begin SG:</td> | |
| 71 <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> | |
| 72 <td style="vertical-align: top; float: right; padding: 3px;">Kleur EBC:</td> | |
| 73 <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> | |
| 74 </tr> | |
| 75 <tr> | |
| 76 <td style="vertical-align: top; float: right; padding: 3px;">Eind SG:</td> | |
| 77 <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> | |
| 78 <td style="vertical-align: top; float: right; padding: 3px;">Koolzuur vol:</td> | |
| 79 <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> | |
| 80 </tr> | |
| 81 <tr> | |
| 82 <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid IBU:</td> | |
| 83 <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> | |
| 84 <td style="vertical-align: top; float: right; padding: 3px;">Alcohol vol%:</td> | |
| 85 <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> | |
| 86 </tr> | |
| 87 <tr> | |
| 88 <td align="right" style="vertical-align: top;">Profiel:</td> | |
| 89 <td align="left" colspan="3"><textarea readonly="1" id="st_profile"></textarea></td> | |
| 90 </tr> | |
| 91 <tr> | |
| 92 <td align="right" style="vertical-align: top;">Ingredienten:</td> | |
| 93 <td align="left" colspan="3"><textarea readonly="1" id="st_ingredients"></textarea></td> | |
| 94 </tr> | |
| 95 <tr> | |
| 96 <td align="right" style="vertical-align: top;">Voorbeelden:</td> | |
| 97 <td align="left" colspan="3"><textarea readonly="1" id="st_examples"></textarea></td> | |
| 51 </tr> | 98 </tr> |
| 52 </table> | 99 </table> |
| 53 </div> | 100 </div> |
| 54 <div class="hint" id="hintStyle"> | 101 <div class="hint" id="hintStyle"> |
| 55 </div> | 102 </div> |
| 58 <input type="button" value="Volgende" class="nextButton" id="nextButtonStyle" /> | 105 <input type="button" value="Volgende" class="nextButton" id="nextButtonStyle" /> |
| 59 </div> | 106 </div> |
| 60 </div> | 107 </div> |
| 61 | 108 |
| 62 <div class="section"> | 109 <div class="section"> |
| 110 <div style="overflow: hidden;"> | |
| 111 <table> | |
| 112 <tr> | |
| 113 <td align="right" style="vertical-align: top;">Kies apparatuur:</td> | |
| 114 <td align="left" colspan="3"><div id="equipmentSelect">Apparatuur</div></td> | |
| 115 </tr> | |
| 116 <tr> | |
| 117 <td style="vertical-align: top; float: right;">Installatie naam:</td> | |
| 118 <td style="vertical-align: top;"><input readonly="1" id="eq_name" /></td> | |
| 119 <td style="vertical-align: top; float: right;">Bereken kook volume:</td> | |
| 120 <td><div id="eq_calc_boil_volume"></div></td> | |
| 121 </tr> | |
| 122 <tr> | |
| 123 <td style="vertical-align: top; float: right;">Opmerkingen:</td> | |
| 124 <td colspan="3"><textarea readonly="1" id="eq_notes"></textarea></td> | |
| 125 </tr> | |
| 126 <tr> | |
| 127 <th style="text-align: center;" colspan="2">Maischen</th> | |
| 128 <th style="text-align: center;" colspan="2">Koken</th> | |
| 129 </tr> | |
| 130 <tr> | |
| 131 <td style="vertical-align: top; float: right;">Maischkuip volume l:</td> | |
| 132 <td><div id="eq_tun_volume"></div></td> | |
| 133 <td style="vertical-align: top; float: right;">Kookketel volume l:</td> | |
| 134 <td><div id="eq_kettle_volume"></div></td> | |
| 135 </tr> | |
| 136 <tr> | |
| 137 <td style="vertical-align: top; float: right;">Maischkuip hoogte cm:</td> | |
| 138 <td><div id="eq_tun_height"></div></td> | |
| 139 <td style="vertical-align: top; float: right;">Kookketel hoogte cm:</td> | |
| 140 <td><div id="eq_kettle_height"></div></td> | |
| 141 </tr> | |
| 142 <tr> | |
| 143 <td style="vertical-align: top; float: right;">Maischkuip gewicht kg:</td> | |
| 144 <td><div id="eq_tun_weight"></div></td> | |
| 145 <td style="vertical-align: top; float: right;">Kook volume l:</td> | |
| 146 <td><div id="eq_boil_size"></div></td> | |
| 147 </tr> | |
| 148 <tr> | |
| 149 <td style="vertical-align: top; float: right;">Maischkuip materiaal:</td> | |
| 150 <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1" id="eq_tun_material" /></td> | |
| 151 <td style="vertical-align: top; float: right;">Verdamping per uur l:</td> | |
| 152 <td><div id="eq_evap_rate"></div></td> | |
| 153 </tr> | |
| 154 <tr> | |
| 155 <td style="vertical-align: top; float: right;">Maischkuip specific heat:</td> | |
| 156 <td><div id="eq_tun_specific_heat"></div></td> | |
| 157 <td style="vertical-align: top; float: right;">Kooktijd in minuten:</td> | |
| 158 <td><div id="eq_boil_time"></div></td> | |
| 159 </tr> | |
| 160 <tr> | |
| 161 <td style="vertical-align: top; float: right;">Maischwater l:</td> | |
| 162 <td><div id="eq_mash_volume"></div></td> | |
| 163 <td style="vertical-align: top; float: right;">Extra water bij koken l:</td> | |
| 164 <td><div id="eq_top_up_kettle"></div></td> | |
| 165 </tr> | |
| 166 <tr> | |
| 167 <td style="vertical-align: top; float: right;">Maximum moutstort kg:</td> | |
| 168 <td><div id="eq_mash_max"></div></td> | |
| 169 <td style="vertical-align: top; float: right;">Hopfactor %:</td> | |
| 170 <td><div id="eq_hop_utilization"></div></td> | |
| 171 </tr> | |
| 172 <tr> | |
| 173 <th style="text-align: center;" colspan="2">Filteren</th> | |
| 174 <td style="vertical-align: top; float: right;">Volume eind koken l:</td> | |
| 175 <td><div id="eq_batch_size"></div></td> | |
| 176 </tr> | |
| 177 <tr> | |
| 178 <td style="vertical-align: top; float: right;">Filter volume l:</td> | |
| 179 <td><div id="eq_lauter_volume"></div></td> | |
| 180 <th style="text-align: center;" colspan="2">Koelen</th> | |
| 181 </tr> | |
| 182 <tr> | |
| 183 <td style="vertical-align: top; float: right;">Filterkuip hoogte cm:</td> | |
| 184 <td><div id="eq_lauter_height"></div></td> | |
| 185 <td style="vertical-align: top; float: right;">Trub verlies kookketel l:</td> | |
| 186 <td><div id="eq_trub_chiller_loss"></div></td> | |
| 187 </tr> | |
| 188 <tr> | |
| 189 <td style="vertical-align: top; float: right;">Filterkuip verlies l:</td> | |
| 190 <td><div id="eq_lauter_deadspace"></div></td> | |
| 191 <td style="vertical-align: top; float: right;">Extra water in het gistvat l:</td> | |
| 192 <td><div id="eq_top_up_water"></div></td> | |
| 193 </tr> | |
| 194 <tr> | |
| 195 <td style="vertical-align: top; float: right;">Brouwzaalrendement %:</td> | |
| 196 <td><div id="eq_efficiency"></div></td> | |
| 197 <td colspan="2"></td> | |
| 198 </tr> | |
| 199 </table> | |
| 200 </div> | |
| 201 <div class="hint" id="hintEq"> | |
| 202 </div> | |
| 203 <div id="eqButtonsWrapper"> | |
| 204 <input type="button" value="Terug" class="backButton" id="backButtonEq" /> | |
| 205 <input type="button" value="Volgende" class="nextButton" id="nextButtonEq" /> | |
| 206 </div> | |
| 207 </div> | |
| 208 | |
| 209 <div class="section"> | |
| 63 <div style="overflow: hidden; margin: 25px;"><br> | 210 <div style="overflow: hidden; margin: 25px;"><br> |
| 64 <p>Alle nodige gegevens zijn compleet.</p> | 211 <p>Alle nodige gegevens zijn compleet.</p> |
| 65 <p> Zodra je de "Volgende" toets gebruikt zal een nieuw recept aangemaakt worden en<br> | 212 <p> Zodra je de "Volgende" toets gebruikt zal een nieuw brouw project aangemaakt worden en<br> |
| 66 wordt het recept in de database gezet. Hierna kun je dat recept bewerken.</p> | 213 worden de gegevens in de database gezet. Hierna kun je dit brouw project bewerken.</p> |
| 67 </div> | 214 </div> |
| 68 <div id="completedButtonsWrapper"> | 215 <div id="completedButtonsWrapper"> |
| 69 <input type="button" value="Terug" id="backButtonCompleted" class="backButton" /> | 216 <input type="button" value="Terug" id="backButtonCompleted" class="backButton" /> |
| 70 <input type="button" value="Volgende" class="nextButton" id="nextButtonCompleted" /> | 217 <input type="button" value="Volgende" class="nextButton" id="nextButtonCompleted" /> |
| 71 </div> | 218 </div> |
