Sat, 26 Jan 2019 19:25:10 +0100
Water profile uses POST instead of GET. Added tooltips to the editor screen. Updated the editor screen. Total alkalinity and Bicarbonate update each other. More and smaller columns in the listing screen. Rearranged the editor screen.
<?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(); ?>