www/rec_edit.php

Fri, 01 Feb 2019 15:30:33 +0100

author
Michiel Broek <mbroek@mbse.eu>
date
Fri, 01 Feb 2019 15:30:33 +0100
changeset 228
98536f6539ee
parent 227
fd6d87d1c9ed
child 230
8edca0488e65
permissions
-rw-r--r--

The mash grid now uses a popup editor. There is now a dropdown mash selector to replace the mash scheme.

<?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>Maischen</li>
      <li>Water</li>
     </ul>

     <div> <!-- tab algemeen -->
      <div style="overflow: hidden;">
       <table style="width: 100%;">
        <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>
         <td style="vertical-align: top; float: right; padding: 3px;">Alleen lezen:</td>
         <td align="left" style="padding: 3px;"><div id="locked"></div></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" style="padding: 3px;"><div id="type"></div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Brouwzaal rendement %:</td>
         <td colspan="3" style="padding: 3px;"><div id="efficiency"></div></td>
        </tr>
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Brouw volume L:</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;">Kook volume L:</td>
         <td style="padding: 3px;"><div id="boil_size"></div></td>
	</tr>
        <tr>
         <td colspan="6"><hr></td>
        </tr>
	<tr>
         <td></td>
	 <th>Bierstijl gegevens</th>
         <td></td>
         <td align="left" colspan="3"><div id="styleSelect">Stylenlijst</div></td>
        </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;">Verwacht 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;">Verwacht 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: 35px;" id="st_color_min"></div><div style="float: left; margin-left: 5px;" id="st_color_max"></div><div id="bcolor" class='ebccolor'> </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: 35px;" 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: 30px; margin-bottom: 10px;">
	<input style="margin-right: 100px;" type="button" id="Print"  value="Print" />
        <input style="margin-right: 100px;" type="button" id="Export" value="Export" />
        <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: 230px;" type="button" id="Cancel" value="Cancel" />
       </div>
      </div>
     </div> <!-- tab algemeen -->

     <div> <!-- tab vergistbaar -->
      <div style="overflow: hidden;">
       <table style="width: 100%;">
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Kleur:</td>
         <td style="padding: 3px;"><div style="float: left;" id="est_color2"></div><div id="bcolor2" class='ebccolor'> </div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Percentage moutstort:</td>
         <td style="padding: 3px;"><div style="float: left;" id="perc_malts"></div></td>
	</tr>
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Begin SG:</td>
         <td style="padding: 3px;"><div style="float: left;" id="est_og2"></div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Percentage suiker:</td>
         <td style="padding: 3px;"><div style="float: left;" id="perc_sugars"></div></td>
        </tr>
	<tr>
         <td colspan="2"></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Percentage cara:</td>
         <td style="padding: 3px;"><div style="float: left;" id="perc_cara"></div></td>
        </tr>
        <tr>
         <td align="center" colspan="4"><div id="fermentableGrid"></div></td>
        </tr>
       </table>
      </div>
     </div> <!-- tab vergistbaar -->

     <div> <!-- tab hoppen -->
      <div style="overflow: hidden;">
       <table style="width: 100%;">
        <tr> 
	 <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid IBU:</td>
	 <td style="padding: 3px;"><div id="est_ibu2"></div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Smaak bijdrage:</td>
         <td style="padding: 3px;"><div id="hop_flavour"></div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Aroma bijdrage:</td>
         <td style="padding: 3px;"><div id="hop_aroma"></div></td>
        </tr>
        <tr>
         <td align="center" colspan="6"><div id="hopGrid"></div></td>
        </tr>
       </table>
      </div>
     </div> <!-- tab hoppen -->

     <div> <!-- tab misc -->
      <div style="overflow: hidden;">
       <table style="width: 100%;">
        <tr><td>&nbsp;</td></tr>
        <tr><td align="center"><div id="miscGrid"></div></td></tr>
       </table>
      </div>
     </div> <!-- tab misc -->

     <div> <!-- tab gisten -->
      <div style="overflow: hidden;">
       <table style="width: 100%;">
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Verwacht eind SG:</td>
         <td style="padding: 3px;"><div id="est_fg2"></div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Verwacht ABV %:</td>
         <td style="padding: 3px;"><div id="est_abv2"></div></td>
        </tr>
        <tr><td colspan="4">&nbsp;</td></tr>
        <tr><td colspan="4" align="center"><div id="yeastGrid"></div></td></tr>
       </table>
      </div>
     </div> <!-- tab gisten -->

     <div> <!-- tab maischen -->
      <div style="overflow: hidden;">
       <table style="width: 100%;">
        <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;">Kies ander schema:</td>
         <td style="padding: 3px;" colspan="2"><div id="mash_select"></div></td>
	</tr>
        <tr><td colspan="4">&nbsp;</td></tr>
        <tr><td align="center" colspan="4" style="padding: 3px;"><div id="mashGrid"></div></td></tr>
       </table>
      </div>
     </div> <!-- tab maischen -->

     <div> <!-- tab water -->
      <div style="overflow: hidden;">
       <table style="width: 100%;">
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Bitterheidsindex:</td>
         <td style="padding: 3px;" colspan="2"><div id="tgt_bu"></div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Richtgetal Cl/SO4:</td>
         <td style="padding: 3px;" colspan="2"><div id="tgt_cl_so4"></div></td>
        </tr>
        <tr>
         <td></td>
         <td align="left" colspan="5">
          <div id='water_totals'>
 	   <table style="width: 100%;">
            <caption>Water overzicht</caption>
	    <tr>
             <td align="left" style="vertical-align: top; padding: 3px;">Water profiel</td>
             <td style="width: 97px; padding: 3px;">Volume</td>
             <td style="width: 77px; padding: 3px;">Ca</td>
             <td style="width: 77px; padding: 3px;">Mg</td>
             <td style="width: 77px; padding: 3px;">Na</td>
             <td style="width: 77px; padding: 3px;">CaCO3</td>
             <td style="width: 77px; padding: 3px;">Cl</td>
	     <td style="width: 77px; padding: 3px;">SO4</td>
             <td style="width: 77px; padding: 3px;">pH</td>
	    </tr>
	    <tr>
             <td><div id="w1_name"></div></td>
             <td><div id="w1_amount"></div></td>
             <td><div id="w1_calcium"></div></td>
             <td><div id="w1_magnesium"></div></td>
             <td><div id="w1_sodium"></div></td>
             <td><div id="w1_total_alkalinity"></div></td>
             <td><div id="w1_chloride"></div></td>
             <td><div id="w1_sulfate"></div></td>
             <td><div id="w1_ph"></div></td>
            </tr>
	    <tr>
             <td><div id="w2_name"></div></td>
             <td><div id="w2_amount"></div></td>
             <td><div id="w2_calcium"></div></td>
             <td><div id="w2_magnesium"></div></td>
             <td><div id="w2_sodium"></div></td>
             <td><div id="w2_total_alkalinity"></div></td>
             <td><div id="w2_chloride"></div></td>
             <td><div id="w2_sulfate"></div></td>
             <td><div id="w2_ph"></div></td>
            </tr>
            <tr>
	     <td style="vertical-align: top; padding: 3px; float: left;">Gemengd water:</td>
             <td><div id="wg_amount"></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 id="wb_ph"></div></td>
	    </tr>
            <tr>
             <td style="vertical-align: top; padding: 3px; float: left;">Resultaat:</td>
             <td><div></div></td>
             <td><div id="wr_calcium"></div></td>
             <td><div id="wr_magnesium"></div></td>
             <td><div id="wr_sodium"></div></td>
             <td><div id="wr_total_alkalinity"></div></td>
             <td><div id="wr_chloride"></div></td>
             <td><div id="wr_sulfate"></div></td>
             <td><div id="wr_ph"></div></td>
            </tr>
	    <tr>
             <td><div id="pr_name"></div></td>
             <td><div></div></td>
             <td><div id="pr_calcium"></div></td>
             <td><div id="pr_magnesium"></div></td>
             <td><div id="pr_sodium"></div></td>
             <td><div id="pr_total_alkalinity"></div></td>
             <td><div id="pr_chloride"></div></td>
             <td><div id="pr_sulfate"></div></td>
             <td></td>
            </tr>
           </table>
	  </div>
         </td>
	</tr>
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Calciumchloride (CaCl2):</td>
	 <td style="padding: 3px;"><div id="wa_cacl2"></div></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 volume:</td>
         <td style="padding: 3px;"><div id="sparge_volume"></div></td>
        </tr>
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Gips (CaSO4):</td>
	 <td style="padding: 3px;"><div id="wa_caso4"></div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">pH Automatisch:</td>
	 <td style="padding: 3px;"><div id="calc_acid"></div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater temp:</td>
         <td style="padding: 3px;"><div id="sparge_temp"></div></td>
        </tr>
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Epsom zout (MgSO4):</td>
	 <td style="padding: 3px;"><div id="wa_mgso4"></div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Ontzuren met:</td>
         <td style="padding: 3px;"><div style="float: left;" id="wa_base_name"></div><div style="float: left; margin-left: 15px;" id="wa_base"></div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater bron:</td>
         <td style="padding: 3px;"><div id="sparge_source"></div></td>
	</tr>
        <tr>
         <td style="vertical-align: top; float: right; padding: 3px;">Keukenzout (NaCl):</td>
	 <td style="padding: 3px;"><div id="wa_nacl"></div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren met:</td>
	 <td style="padding: 3px;"><div style="float: left;" id="wa_acid_name"></div><div style="float: left; margin-left: 15px;" id="wa_acid"></div><div style="float: left; margin-left: 15px;" id="wa_acid_perc"></div></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater pH:</td>
         <td style="padding: 3px;"><div id="sparge_ph"></div></td>
	</tr>
        <tr>
         <td colspan="4"></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Aanzuren met:</td>
	 <td style="padding: 3px;"><div id="sparge_acid_type"></div></td>
        </tr>
        <tr>
         <td colspan="4"></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Percentage:</td>
         <td style="padding: 3px;"><div id="sparge_acid_perc"></div></td>
        </tr>
        <tr>
         <td colspan="4"></td>
         <td style="vertical-align: top; float: right; padding: 3px;">Hoeveelheid:</td>
         <td style="padding: 3px;"><div id="sparge_acid_amount"></div></td>
        </tr>
       </table>
      </div>
     </div> <!-- tab water -->

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

   <div id="popupFermentable">
    <div>Wijzig vergistbaar ingredi&euml;nt.</div>
    <div style="overflow: hidden;">
     <table style="width: 100%;">
      <tr>
       <td align="right" style="vertical-align: top;">Ingredi&euml;nt naam:</td>
       <td style="padding: 3px;"><input readonly="1" id="wf_name" /></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Ander ingredi&euml;nt:</td>
       <td style="padding: 3px;"><div style='overflow: hidden;'>
	<div style="float: left;" id="wf_select"></div>
        <div style="float: left; margin-left: 10px;">In voorraad:</div>
        <div style="float: left; margin-left: 10px;" id="wf_instock"></div></div>
       </td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Hoeveelheid kg:</td>
       <td style="padding: 3px;"><div id="wf_amount"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Percentage %:</td>
       <td style="padding: 3px;"><div id="wf_percentage"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Aanvullen tot 100%:</td>
       <td style="padding: 3px;"><div id="wf_adjust_to_total_100"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Toevoegen tijdens:</td>
       <td style="padding: 3px;"><div id="wf_added"></div></td>
      </tr>
      <tr>
       <td style="padding-top: 30px;" colspan="2" align="center">
        <input id="FermentableReady" type="button" value="Sla op" />
       </td>
      </tr>
     </table>
    </div>
   </div>

   <div id="popupHop">
    <div>Wijzig hop detail.</div>
    <div style="overflow: hidden;">
     <table style="width: 100%;">
      <tr>
       <td align="right" style="vertical-align: top;">Hop naam:</td>
       <td style="padding: 3px;"><input readonly="1" id="wh_name" /></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Andere hop:</td>
       <td style="padding: 3px;"><div style='overflow: hidden;'>
        <div style="float: left;" id="wh_select"></div>
        <div style="float: left; margin-left: 10px;">In voorraad:</div>
        <div style="float: left; margin-left: 10px;" id="wh_instock"></div></div>
       </td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Hoeveelheid gram:</td>
       <td style="padding: 3px;"><div id="wh_amount"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Gewenst IBU:</td>
       <td style="padding: 3px;"><div id="wh_ibu"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;"><div id="wh_pmpt_time">Tijdsduur:</div></td>
       <td style="padding: 3px;"><div id="wh_time"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Gebruik tijdens:</td>
       <td style="padding: 3px;"><div id="wh_useat"></div></td>
      </tr>
      <tr>
       <td style="padding-top: 30px;" colspan="2" align="center">
        <input id="HopReady" type="button" value="Sla op" />
       </td>
      </tr>
     </table>
    </div>
   </div>

   <div id="popupMisc">
    <div>Wijzig diversen detail.</div>
    <div style="overflow: hidden;">
     <table style="width: 100%;">
      <tr>
       <td align="right" style="vertical-align: top;">Ingredi&euml;nt naam:</td>
       <td style="padding: 3px;"><input readonly="1" id="wm_name" /></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Ander ingredi&euml;nt:</td>
       <td style="padding: 3px;"><div style='overflow: hidden;'>
        <div style="float: left;" id="wm_select"></div>
        <div style="float: left; margin-left: 10px;">In voorraad:</div>
        <div style="float: left; margin-left: 10px;" id="wm_instock"></div></div>
       </td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;"><div id="wm_pmpt_amount">Hoeveelheid:</div></td>
       <td style="padding: 3px;"><div id="wm_amount"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;"><div id="wm_pmpt_time">Tijdsduur:</div></td>
       <td style="padding: 3px;"><div id="wm_time"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Gebruik tijdens:</td>
       <td style="padding: 3px;"><div id="wm_use_use"></div></td>
      </tr>
      <tr>
       <td style="padding-top: 30px;" colspan="2" align="center">
        <input id="MiscReady" type="button" value="Sla op" />
       </td>
      </tr>
     </table>
    </div>
   </div>

   <div id="popupYeast">
    <div>Wijzig gist detail.</div>
    <div style="overflow: hidden;">
     <table style="width: 100%;">
      <tr>
       <td align="right" style="vertical-align: top;">Gist naam:</td>
       <td style="padding: 3px;"><input readonly="1" id="wy_name" /></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Product code:</td>
       <td style="padding: 3px;"><input readonly="1" id="wy_product_id" /></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Leverancier:</td>
       <td style="padding: 3px;"><input readonly="1" id="wy_laboratory" /></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Andere gist:</td>
       <td style="padding: 3px;"><div style='overflow: hidden;'>
        <div style="float: left;" id="wy_select"></div>
        <div style="float: left; margin-left: 10px;">In voorraad:</div>
        <div style="float: left; margin-left: 10px;" id="wy_instock"></div></div>
       </td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;"><div id="wy_pmpt_amount">Hoeveelheid:</div></td>
       <td style="padding: 3px;"><div id="wy_amount"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Gebruik voor:</td>
       <td style="padding: 3px;"><div id="wy_use"></div></td>
      </tr>
      <tr>
       <td style="padding-top: 30px;" colspan="2" align="center">
        <input id="YeastReady" type="button" value="Sla op" />
       </td>
      </tr>
     </table>
    </div>
   </div>

   <div id="popupMash">
    <div>Wijzig maisch stap detail.</div>
    <div style="overflow: hidden;">
     <table style="width: 100%;">
      <tr>
       <td align="right" style="vertical-align: top;">Stap naam:</td>
       <td style="padding: 3px;"><input readonly="1" id="wstep_name" /></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Stap type:</td>
       <td style="padding: 3px;"><div id="wstep_type" /></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Start temperatuur &deg;C:</td>
       <td style="padding: 3px;"><div id="wstep_temp" /></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Eind temperatuur &deg;C:</td>
       <td style="padding: 3px;"><div id="wend_temp"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Stap tijd minuten:</td>
       <td style="padding: 3px;"><div id="wstep_time"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;">Opwarm tijd minuten:</td>
       <td style="padding: 3px;"><div id="wramp_time"></div></td>
      </tr>
      <tr>
       <td align="right" style="vertical-align: top;"><div id="wstep_pmpt">Infusie liters:</div></td>
       <td style="padding: 3px;"><div id="wstep_infuse_amount"></div></td>
      </tr>
      <tr>
       <td style="padding-top: 30px;" colspan="2" align="center">
        <input id="MashReady" type="button" value="Sla op" />
       </td>
      </tr>
     </table>
    </div>
   </div>

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

mercurial