Sun, 12 May 2019 21:43:23 +0200
Allow screen scaling
<?php require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php'); page_header('Nieuw recept', 'rec_new'); ?> <div id='jqxTabs'> <ul> <li style="margin-left: 30px;">Recept basis</li> <li>Bierstijl</li> <li>Overzicht</li> </ul> <div class="section"> <div style="overflow: hidden;"> <table> <tr> <td style="vertical-align: top; float: right; padding: 3px;">Recept 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;">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"> </div> <div id="baseButtonsWrapper"> <input type="button" value="Volgende" class="nextButton" id="nextButtonBase" /> </div> </div> <div class="section"> <div style="overflow: hidden;"> <table> <tr> <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_style_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_style_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"> </div> <div id="styleButtonsWrapper"> <input type="button" value="Terug" class="backButton" id="backButtonStyle" /> <input type="button" value="Volgende" class="nextButton" id="nextButtonStyle" /> </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> </div> <div id="completedButtonsWrapper"> <input type="button" value="Terug" id="backButtonCompleted" class="backButton" /> <input type="button" value="Volgende" class="nextButton" id="nextButtonCompleted" /> </div> </div> </div> <?php page_footer(); ?>