Wed, 14 Nov 2018 15:54:15 +0100
Morey color method more precise.
<?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 style="width: 100%;"> <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> <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;">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: 30px; margin-bottom: 10px;"> <input style="margin-right: 100px;" type="button" id="Print" value="Print" /> <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: 320px;" 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(); ?>