--- a/www/prod_new.php Thu Jan 03 14:21:35 2019 +0100 +++ b/www/prod_new.php Thu Jan 03 20:56:47 2019 +0100 @@ -6,6 +6,7 @@ <div id='jqxTabs'> <ul> <li style="margin-left: 30px;">Product basis</li> + <li>Bierstijl</li> <li>Apparatuur</li> <li>Overzicht</li> </ul> @@ -14,25 +15,19 @@ <div style="overflow: hidden;"> <table> <tr> - <td style="vertical-align: top; float: right; padding: 3px;">Recept naam:</td> + <td style="vertical-align: top; float: right; padding: 3px;">Brouw project naam:</td> <td align="left" colspan="3" style="vertical-align: top; padding: 3px;"><input id="name" /></td> </tr> <tr> + <td style="vertical-align: top; float: right; padding: 3px;">Brouw project code:</td> + <td align="left" style="vertical-align: top; padding: 3px;"><input id="code" /></td> + <td style="vertical-align: top; float: right; padding: 3px;">Brouw type:</td> + <td align="left" style="padding: 3px;"><div id="type"></div></td> + </tr> + <tr> <td style="vertical-align: top; float: right; padding: 3px;">Opmerkingen:</td> <td colspan="3" style="padding: 3px;"><textarea id="notes"></textarea></td> </tr> - <tr> - <td style="vertical-align: top; float: right; padding: 3px;">Brouw type:</td> - <td align="left" style="padding: 3px;"><div id="type"></div></td> - <td style="vertical-align: top; float: right; padding: 3px;">Start SG:</td> - <td style="padding: 3px;"><div style="float: left;" id="est_og"></div></td> - </tr> - <tr> - <td style="vertical-align: top; float: right; padding: 3px;">Kooktijd minuten:</td> - <td style="padding: 3px;"><div id="boil_time"></div></td> - <td style="vertical-align: top; float: right; padding: 3px;">Brouwzaal rendement:</td> - <td style="padding: 3px;"><div id="efficiency"></div></td> - </tr> </table> </div> <div id="hintBase" class="hint"> @@ -49,6 +44,58 @@ <td align="right" style="vertical-align: top;">Kies stijl:</td> <td align="left" colspan="3"><div id="styleSelect">Stylenlijst</div></td> </tr> + <tr> + <td align="right" style="vertical-align: top;">Bier stijl:</td> + <td align="left" style="vertical-align: top;"><input readonly="1" id="st_name" /></td> + <td align="right" style="vertical-align: top;">Bier groep:</td> + <td align="left" style="vertical-align: top;"><input readonly="1" id="st_letter" /></td> + </tr> + <tr> + <td align="right" style="vertical-align: top;">Type:</td> + <td align="left" style="vertical-align: top;"><input readonly="1" id="st_type" /></td> + <td align="right" style="vertical-align: top;">Stijl gids:</td> + <td align="left" style="vertical-align: top;"><input readonly="1" id="st_guide" /></td> + </tr> + <tr> + <td align="right" style="vertical-align: top;">Categorie:</td> + <td align="left" style="vertical-align: top;"><input readonly="1" id="st_category" /></td> + <td align="right" style="vertical-align: top;">Categorie nummer:</td> + <td align="left" style="vertical-align: top;"><input readonly="1" id="st_category_number" /></td> + </tr> + <tr> + <td align="right" style="vertical-align: top;">Opmerkingen:</td> + <td align="left" colspan="3"><textarea readonly="1" id="st_notes"></textarea></td> + </tr> + <tr> + <td style="vertical-align: top; float: right; padding: 3px;">Begin SG:</td> + <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> + <td style="vertical-align: top; float: right; padding: 3px;">Kleur EBC:</td> + <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> + </tr> + <tr> + <td style="vertical-align: top; float: right; padding: 3px;">Eind SG:</td> + <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> + <td style="vertical-align: top; float: right; padding: 3px;">Koolzuur vol:</td> + <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> + </tr> + <tr> + <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid IBU:</td> + <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> + <td style="vertical-align: top; float: right; padding: 3px;">Alcohol vol%:</td> + <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> + </tr> + <tr> + <td align="right" style="vertical-align: top;">Profiel:</td> + <td align="left" colspan="3"><textarea readonly="1" id="st_profile"></textarea></td> + </tr> + <tr> + <td align="right" style="vertical-align: top;">Ingredienten:</td> + <td align="left" colspan="3"><textarea readonly="1" id="st_ingredients"></textarea></td> + </tr> + <tr> + <td align="right" style="vertical-align: top;">Voorbeelden:</td> + <td align="left" colspan="3"><textarea readonly="1" id="st_examples"></textarea></td> + </tr> </table> </div> <div class="hint" id="hintStyle"> @@ -60,10 +107,110 @@ </div> <div class="section"> + <div style="overflow: hidden;"> + <table> + <tr> + <td align="right" style="vertical-align: top;">Kies apparatuur:</td> + <td align="left" colspan="3"><div id="equipmentSelect">Apparatuur</div></td> + </tr> + <tr> + <td style="vertical-align: top; float: right;">Installatie naam:</td> + <td style="vertical-align: top;"><input readonly="1" id="eq_name" /></td> + <td style="vertical-align: top; float: right;">Bereken kook volume:</td> + <td><div id="eq_calc_boil_volume"></div></td> + </tr> + <tr> + <td style="vertical-align: top; float: right;">Opmerkingen:</td> + <td colspan="3"><textarea readonly="1" id="eq_notes"></textarea></td> + </tr> + <tr> + <th style="text-align: center;" colspan="2">Maischen</th> + <th style="text-align: center;" colspan="2">Koken</th> + </tr> + <tr> + <td style="vertical-align: top; float: right;">Maischkuip volume l:</td> + <td><div id="eq_tun_volume"></div></td> + <td style="vertical-align: top; float: right;">Kookketel volume l:</td> + <td><div id="eq_kettle_volume"></div></td> + </tr> + <tr> + <td style="vertical-align: top; float: right;">Maischkuip hoogte cm:</td> + <td><div id="eq_tun_height"></div></td> + <td style="vertical-align: top; float: right;">Kookketel hoogte cm:</td> + <td><div id="eq_kettle_height"></div></td> + </tr> + <tr> + <td style="vertical-align: top; float: right;">Maischkuip gewicht kg:</td> + <td><div id="eq_tun_weight"></div></td> + <td style="vertical-align: top; float: right;">Kook volume l:</td> + <td><div id="eq_boil_size"></div></td> + </tr> + <tr> + <td style="vertical-align: top; float: right;">Maischkuip materiaal:</td> + <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1" id="eq_tun_material" /></td> + <td style="vertical-align: top; float: right;">Verdamping per uur l:</td> + <td><div id="eq_evap_rate"></div></td> + </tr> + <tr> + <td style="vertical-align: top; float: right;">Maischkuip specific heat:</td> + <td><div id="eq_tun_specific_heat"></div></td> + <td style="vertical-align: top; float: right;">Kooktijd in minuten:</td> + <td><div id="eq_boil_time"></div></td> + </tr> + <tr> + <td style="vertical-align: top; float: right;">Maischwater l:</td> + <td><div id="eq_mash_volume"></div></td> + <td style="vertical-align: top; float: right;">Extra water bij koken l:</td> + <td><div id="eq_top_up_kettle"></div></td> + </tr> + <tr> + <td style="vertical-align: top; float: right;">Maximum moutstort kg:</td> + <td><div id="eq_mash_max"></div></td> + <td style="vertical-align: top; float: right;">Hopfactor %:</td> + <td><div id="eq_hop_utilization"></div></td> + </tr> + <tr> + <th style="text-align: center;" colspan="2">Filteren</th> + <td style="vertical-align: top; float: right;">Volume eind koken l:</td> + <td><div id="eq_batch_size"></div></td> + </tr> + <tr> + <td style="vertical-align: top; float: right;">Filter volume l:</td> + <td><div id="eq_lauter_volume"></div></td> + <th style="text-align: center;" colspan="2">Koelen</th> + </tr> + <tr> + <td style="vertical-align: top; float: right;">Filterkuip hoogte cm:</td> + <td><div id="eq_lauter_height"></div></td> + <td style="vertical-align: top; float: right;">Trub verlies kookketel l:</td> + <td><div id="eq_trub_chiller_loss"></div></td> + </tr> + <tr> + <td style="vertical-align: top; float: right;">Filterkuip verlies l:</td> + <td><div id="eq_lauter_deadspace"></div></td> + <td style="vertical-align: top; float: right;">Extra water in het gistvat l:</td> + <td><div id="eq_top_up_water"></div></td> + </tr> + <tr> + <td style="vertical-align: top; float: right;">Brouwzaalrendement %:</td> + <td><div id="eq_efficiency"></div></td> + <td colspan="2"></td> + </tr> + </table> + </div> + <div class="hint" id="hintEq"> + </div> + <div id="eqButtonsWrapper"> + <input type="button" value="Terug" class="backButton" id="backButtonEq" /> + <input type="button" value="Volgende" class="nextButton" id="nextButtonEq" /> + </div> + </div> + + <div class="section"> <div style="overflow: hidden; margin: 25px;"><br> <p>Alle nodige gegevens zijn compleet.</p> - <p> Zodra je de "Volgende" toets gebruikt zal een nieuw recept aangemaakt worden en<br> - wordt het recept in de database gezet. Hierna kun je dat recept bewerken.</p> + <p> Zodra je de "Volgende" toets gebruikt zal een nieuw brouw project aangemaakt worden en<br> + worden de gegevens in de database gezet. Hierna kun je dit brouw project bewerken.</p> </div> <div id="completedButtonsWrapper"> <input type="button" value="Terug" id="backButtonCompleted" class="backButton" />