--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/www/rec_new.php Thu Sep 27 23:13:41 2018 +0200
@@ -0,0 +1,129 @@
+<?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 de recept editer gestart zodat je het recept verder kunt afmaken.</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();
+?>