www/recipes.php

Sat, 01 Sep 2018 22:24:09 +0200

author
Michiel Broek <mbroek@mbse.eu>
date
Sat, 01 Sep 2018 22:24:09 +0200
changeset 50
6d94167c2697
child 51
7224109adfe1
permissions
-rw-r--r--

Next steps to implement a recipe editor

<?php
require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php');
page_header('Recepten', 'recipes');
?>

   <div id="jqxgrid"></div>
   <div style="margin-top: 30px;">
    <div id="cellbegineditevent"></div>
    <div style="margin-top: 10px;" id="cellendeditevent"></div>
   </div>

   <!-- Popup editor window. -->
   <div id="popupWindow">
    <div>Wijzig recept.</div>
    <div id="jqxTabs">
     <ul>
      <li>Algemeen</li>
      <li>Vergistbaar</li>
      <li>Hoppen</li>
      <li>Diversen</li>
      <li>Gist</li>
      <li>Water</li>
      <li>Maischen</li>
     </ul>

     <div> <!-- tab algemeen -->
      <div style="overflow: hidden;">
       <table>
        <tr>
         <td style="vertical-align: top; float: right;">Recept naam:</td>
         <td align="left" colspan="5" style="vertical-align: top;"><input id="name" /></td>
        </tr>
        <tr>
         <td style="vertical-align: top; float: right;">Opmerkingen:</td>
         <td colspan="5"><textarea id="notes"></textarea></td>
	</tr>
	<tr>
         <td style="vertical-align: top; float: right;">Stijlgids:</td>
         <td align="left" style="vertical-align: top;"><input id="style_guide" /></td>
         <td style="vertical-align: top; float: right;">Bier stijl:</td>
         <td align="left" style="vertical-align: top;"><input id="style_name" /></td>
         <td style="vertical-align: top; float: right;">Bier groep:</td>
	 <td align="left" style="vertical-align: top;"><input id="style_letter" /></td>
	</tr>
        <tr>
	 <td style="vertical-align: top; float: right;">Brouw type:</td>
	 <td align="left"><div id="type"></div></td>
         <td></td>
	 <td></td>
         <td></td>
         <td></td>
        </tr>
        <tr>
         <td style="vertical-align: top; float: right;">Brouw volume:</td>
         <td><div id="batch_size"></div></td>
         <td style="vertical-align: top; float: right;">Kooktijd minuten:</td>
	 <td><div id="boil_time"></div></td>
         <td style="vertical-align: top; float: right;">Brouwzaal rendement:</td>
         <td><div id="efficiency"></div></td>
	</tr>
        <tr>
         <td style="vertical-align: top; float: right;">Start SG:</td>
         <td><div id="est_og"></div></td>
         <td style="vertical-align: top; float: right;">Eind SG:</td>
         <td><div id="est_fg"></div></td>
         <td></td>
         <td></td>
        </tr>
         <td style="vertical-align: top; float: right;">Kleur EBC:</td>
         <td><div id="est_color"></div></td>
         <td style="vertical-align: top; float: right;">Methode:</td>
         <td><div id="color_method"></div></td>
         <td></td>
         <td></td>
        </tr>
         <td style="vertical-align: top; float: right;">Bitterheid IBU:</td>
         <td><div id="est_ibu"></div></td>
         <td style="vertical-align: top; float: right;">Methode:</td>
         <td><div id="ibu_method"></div></td>
         <td></td>
         <td></td>
        </tr>
       </table>
       <div style="float: right; margin-top: 95px; margin-bottom: 10px;">
        <input style="margin-right: 90px;"  type="button" id="Delete" value="Delete" />
        <input style="margin-right: 90px;"  type="button" id="Save" value="Save" />
        <input style="margin-right: 375px;" type="button" id="Cancel" value="Cancel" />
       </div>
      </div>
     </div> <!-- tab algemeen -->

     <div> <!-- tab vergistbaar -->
      <div style="overflow: hidden;">
2e tab
      </div>
     </div> <!-- tab vergistbaar -->
     <div> <!-- tab hoppen -->
Hoppen
     </div> <!-- tab hoppen -->
     <div> <!-- tab misc -->
Misc
     </div> <!-- tab misc -->
     <div> <!-- tab gisten -->
Gisten
     </div> <!-- tab gisten -->
     <div> <!-- tab water -->
Water
     </div> <!-- tab water -->

     <div> <!-- tab maischen -->
      <div style="overflow: hidden;">
       <table>
        <tr>
         <td align="right" style="vertical-align: top;">Maischchema:</td>
         <td align="left" colspan="3" style="vertical-align: top;"><input id="mash_name" /></td>
        </tr>
        <tr>
         <td align="right" style="vertical-align: top;">Stappen:</td>
         <td align="left" colspan="3"><div id="mashGrid">Graat</div></td>
        </tr>
       </table>
      </div>
     </div> <!-- tab maischen -->

    </div> <!-- jqxTabs -->
   </div> <!-- popupwindow --<

<?php
confirm_delete();
page_footer();
?>

mercurial