www/rec_edit.php

Fri, 28 Sep 2018 17:29:23 +0200

author
Michiel Broek <mbroek@mbse.eu>
date
Fri, 28 Sep 2018 17:29:23 +0200
changeset 72
93a0be4f5be3
parent 68
2ff83855d574
child 73
454fc4558609
permissions
-rw-r--r--

Added category and type to the recipe style. Added tooltips in the edit screen. Added Alcohol and Carbonation to the recipe style. Redesigned the main edit window and added the style limits.

<?php
require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php');
page_header('Recept wijzigen', 'rec_edit');
// met POST commando's record ophalen.
?>

   <!-- Editor tabs. -->
   <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; padding: 3px;">Recept naam:</td>
         <td align="left" colspan="5" 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="5" 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" colspan="5" style="padding: 3px;"><div id="type"></div></td>
        </tr>
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Brouw volume:</td>
         <td style="padding: 3px;"><div id="batch_size"></div></td>
         <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>
        <tr>
         <th colspan="6">Bierstijl gegevens</th>
        </tr>
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Stijlgids:</td>
         <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1" id="st_guide" /></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Bier stijl:</td>
         <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1" id="st_name" /></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Bier groep:</td>
         <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1" id="st_letter" /></td>
        </tr>
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Stijl type:</td>
         <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1"  id="st_type" /></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Categorie:</td>
         <td align="left" style="vertical-align: top; padding: 3px;"><input readonly="1" id="st_category" /></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Categorie nr:</td>
         <td style="padding: 3px;"><div id="st_category_number"></div></td>
        </tr>
	<tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Start SG:</td>
         <td style="padding: 3px;"><div style="float: left;" id="est_og"></div><div style="float: left; margin-left: 15px;" 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;">Eind SG:</td>
	 <td style="padding: 3px;"><div style="float: left;" id="est_fg"></div><div style="float: left; margin-left: 15px;" 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;">Alcohol vol%:</td>
         <td style="padding: 3px;"><div style="float: left;" id="est_abv"></div><div style="float: left; margin-left: 15px;" id="st_abv_min"></div><div style="float: left; margin-left: 5px;" id="st_abv_max"></div></td>
	</tr>
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Kleur EBC:</td>
         <td style="padding: 3px;"><div style="float: left;" id="est_color"></div><div style="float: left; margin-left: 15px;" id="st_color_min"></div><div style="float: left; margin-left: 5px;" id="st_color_max"></div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Kleur methode:</td>
	 <td style="padding: 3px;"><div style="float: left;" id="color_method"></div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Koolzuur vol:</td>
         <td style="padding: 3px;"><div style="float: left;" id="est_carb"></div><div style="float: left; margin-left: 15px;" 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="est_ibu"></div><div style="float: left; margin-left: 15px;" 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;">Bitterheid methode:</td>
         <td style="padding: 3px;"><div style="float: left;" id="ibu_method"></div></td>
         <td></td>
         <td></td>
        </tr>
       </table>
       <div style="float: right; margin-top: 60px; margin-bottom: 10px;">
        <input style="margin-right: 100px;"  type="button" id="Delete" value="Delete" />
        <input style="margin-right: 100px;"  type="button" id="Save" value="Save" />
        <input style="margin-right: 410px;" type="button" id="Cancel" value="Cancel" />
       </div>
      </div>
     </div> <!-- tab algemeen -->

     <div> <!-- tab vergistbaar -->
      <div style="overflow: hidden;">
       <table>
        <tr>
         <td align="right" style="vertical-align: top;">Ingredienten:</td>
         <td align="left" colspan="3"><div id="fermentableGrid">Graat</div></td>
        </tr>
       </table>
      </div>
     </div> <!-- tab vergistbaar -->

     <div> <!-- tab hoppen -->
      <div style="overflow: hidden;">
       <table>
        <tr>
         <td align="right" style="vertical-align: top;">Hoppen:</td>
         <td align="left" colspan="3"><div id="hopGrid">Graat</div></td>
        </tr>
       </table>
      </div>
     </div> <!-- tab hoppen -->

     <div> <!-- tab misc -->
      <div style="overflow: hidden;">
       <table>
        <tr>
         <td align="right" style="vertical-align: top;">Diversen:</td>
         <td align="left" colspan="3"><div id="miscGrid">Graat</div></td>
        </tr>
       </table>
      </div>
     </div> <!-- tab misc -->

     <div> <!-- tab gisten -->
      <div style="overflow: hidden;">
       <table>
        <tr>
         <td align="right" style="vertical-align: top;">Gisten:</td>
         <td align="left" colspan="3"><div id="yeastGrid">Graat</div></td>
        </tr>
       </table>
      </div>
     </div> <!-- tab gisten -->

     <div> <!-- tab water -->
      <div style="overflow: hidden;">
       <table>
        <tr>
         <td style="vertical-align: top; padding: 3px;float: right:">Water:</td>
	 <td style="padding: 3px; float: left;"><div id="waterGrid"></div></td>
	</tr>
        <tr>
         <td></td>
         <td>
          <div id='water_totals'>
 	   <table style="width: 100%;">
            <caption>Water overzicht</caption>
    	    <tr>
	     <td></td>
             <td style="width: 80px; padding: 3px;">Volume</td>
             <td style="width: 80px; padding: 3px;">Ca</td>
             <td style="width: 80px; padding: 3px;">Mg</td>
             <td style="width: 80px; padding: 3px;">Na</td>
             <td style="width: 80px; padding: 3px;">CaCO3</td>
             <td style="width: 80px; padding: 3px;">Cl</td>
	     <td style="width: 80px; padding: 3px;">SO4</td>
             <td style="width: 80px; padding: 3px;">pH</td>
 	    </tr>
            <tr>
	     <td style="vertical-align: top; padding: 3px; float: left;">Gemengd water:</td>
             <td><div id="wg_volume"></div></td>
             <td><div id="wg_calcium"></div></td>
             <td><div id="wg_magnesium"></div></td>
             <td><div id="wg_sodium"></div></td>
             <td><div id="wg_total_alkalinity"></div></td>
             <td><div id="wg_chloride"></div></td>
	     <td><div id="wg_sulfate"></div></td>
             <td><div id="wg_ph"></div></td>
            </tr>
            <tr>
	     <td style="vertical-align: top; padding: 3px; float: left;">Behandeld water:</td>
             <td><div></div></td>
             <td><div id="wb_calcium"></div></td>
             <td><div id="wb_magnesium"></div></td>
             <td><div id="wb_sodium"></div></td>
             <td><div id="wb_total_alkalinity"></div></td>
             <td><div id="wb_chloride"></div></td>
	     <td><div id="wb_sulfate"></div></td>
             <td><div></div></td>
            </tr>
           </table>
	  </div>
         </td>
        </tr>
       </table>
      </div>
     </div> <!-- tab water -->

     <div> <!-- tab maischen -->
      <div style="overflow: hidden;">
       <table>
	<tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Maischchema:</td>
	 <td align="left" style="vertical-align: top; padding: 3px;"><input id="mash_name" /></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Maish pH:</td>
	 <td style="padding: 3px;"><div id="mash_ph"></div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater temp:</td>
         <td style="padding: 3px;"><div id="mash_sparge_temp"></div></td>
        </tr>
        <tr>
         <td align="right" style="vertical-align: top; padding: 3px;">Stappen:</td>
         <td align="left" colspan="5" style="padding: 3px;"><div id="mashGrid">Graat</div></td>
        </tr>
       </table>
      </div>
     </div> <!-- tab maischen -->

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

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

mercurial