www/rec_edit.php@2ff83855d574 (annotated)
www/rec_edit.php
Tue, 25 Sep 2018 20:58:06 +0200
- author
- Michiel Broek <mbroek@mbse.eu>
- date
- Tue, 25 Sep 2018 20:58:06 +0200
- changeset 68
- 2ff83855d574
- child 72
- 93a0be4f5be3
- permissions
- -rw-r--r--
Added recipe editor screen
| 68 | 1 | <?php |
| 2 | require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php'); | |
| 3 | page_header('Recept wijzigen', 'rec_edit'); | |
| 4 | // met POST commando's record ophalen. | |
| 5 | ?> | |
| 6 | ||
| 7 | <!-- Editor tabs. --> | |
| 8 | <div id="jqxTabs"> | |
| 9 | <ul> | |
| 10 | <li>Algemeen</li> | |
| 11 | <li>Vergistbaar</li> | |
| 12 | <li>Hoppen</li> | |
| 13 | <li>Diversen</li> | |
| 14 | <li>Gist</li> | |
| 15 | <li>Water</li> | |
| 16 | <li>Maischen</li> | |
| 17 | </ul> | |
| 18 | ||
| 19 | <div> <!-- tab algemeen --> | |
| 20 | <div style="overflow: hidden;"> | |
| 21 | <table> | |
| 22 | <tr> | |
| 23 | <td style="vertical-align: top; float: right; padding: 3px;">Recept naam:</td> | |
| 24 | <td align="left" colspan="5" style="vertical-align: top; padding: 3px;"><input id="name" /></td> | |
| 25 | </tr> | |
| 26 | <tr> | |
| 27 | <td style="vertical-align: top; float: right; padding: 3px;">Opmerkingen:</td> | |
| 28 | <td colspan="5" style="padding: 3px;"><textarea id="notes"></textarea></td> | |
| 29 | </tr> | |
| 30 | <tr> | |
| 31 | <td style="vertical-align: top; float: right; padding: 3px;">Stijlgids:</td> | |
| 32 | <td align="left" style="vertical-align: top; padding: 3px;"><input id="st_guide" /></td> | |
| 33 | <td style="vertical-align: top; float: right; padding: 3px;">Bier stijl:</td> | |
| 34 | <td align="left" style="vertical-align: top; padding: 3px;"><input id="st_name" /></td> | |
| 35 | <td style="vertical-align: top; float: right; padding: 3px;">Bier groep:</td> | |
| 36 | <td align="left" style="vertical-align: top; padding: 3px;"><input id="st_letter" /></td> | |
| 37 | </tr> | |
| 38 | <tr> | |
| 39 | <td style="vertical-align: top; float: right; padding: 3px;">Brouw type:</td> | |
| 40 | <td align="left" style="padding: 3px;"><div id="type"></div></td> | |
| 41 | <td></td> | |
| 42 | <td></td> | |
| 43 | <td></td> | |
| 44 | <td></td> | |
| 45 | </tr> | |
| 46 | <tr> | |
| 47 | <td style="vertical-align: top; float: right; padding: 3px;">Brouw volume:</td> | |
| 48 | <td style="padding: 3px;"><div id="batch_size"></div></td> | |
| 49 | <td style="vertical-align: top; float: right; padding: 3px;">Kooktijd minuten:</td> | |
| 50 | <td style="padding: 3px;"><div id="boil_time"></div></td> | |
| 51 | <td style="vertical-align: top; float: right; padding: 3px;">Brouwzaal rendement:</td> | |
| 52 | <td style="padding: 3px;"><div id="efficiency"></div></td> | |
| 53 | </tr> | |
| 54 | <tr> | |
| 55 | <td style="vertical-align: top; float: right; padding: 3px;">Start SG:</td> | |
| 56 | <td style="padding: 3px;"><div style="float: left;" id="est_og"></div><div style="float: left; margin-left: 5px;" id="st_og_min"></div><div style="float: left;" id="st_og_max"></div></td> | |
| 57 | <td style="vertical-align: top; float: right; padding: 3px;">Eind SG:</td> | |
| 58 | <td style="padding: 3px;"><div id="est_fg"></div></td> | |
| 59 | <td></td> | |
| 60 | <td></td> | |
| 61 | </tr> | |
| 62 | <td style="vertical-align: top; float: right; padding: 3px;">Kleur EBC:</td> | |
| 63 | <td style="padding: 3px;"><div id="est_color"></div></td> | |
| 64 | <td style="vertical-align: top; float: right; padding: 3px;">Methode:</td> | |
| 65 | <td style="padding: 3px;"><div id="color_method"></div></td> | |
| 66 | <td></td> | |
| 67 | <td></td> | |
| 68 | </tr> | |
| 69 | <td style="vertical-align: top; float: right; padding: 3px;">Bitterheid IBU:</td> | |
| 70 | <td style="padding: 3px;"><div id="est_ibu"></div></td> | |
| 71 | <td style="vertical-align: top; float: right; padding: 3px;">Methode:</td> | |
| 72 | <td style="padding: 3px;"><div id="ibu_method"></div></td> | |
| 73 | <td></td> | |
| 74 | <td></td> | |
| 75 | </tr> | |
| 76 | </table> | |
| 77 | <div style="float: right; margin-top: 70px; margin-bottom: 10px;"> | |
| 78 | <input style="margin-right: 90px;" type="button" id="Delete" value="Delete" /> | |
| 79 | <input style="margin-right: 90px;" type="button" id="Save" value="Save" /> | |
| 80 | <input style="margin-right: 375px;" type="button" id="Cancel" value="Cancel" /> | |
| 81 | </div> | |
| 82 | </div> | |
| 83 | </div> <!-- tab algemeen --> | |
| 84 | ||
| 85 | <div> <!-- tab vergistbaar --> | |
| 86 | <div style="overflow: hidden;"> | |
| 87 | <table> | |
| 88 | <tr> | |
| 89 | <td align="right" style="vertical-align: top;">Ingredienten:</td> | |
| 90 | <td align="left" colspan="3"><div id="fermentableGrid">Graat</div></td> | |
| 91 | </tr> | |
| 92 | </table> | |
| 93 | </div> | |
| 94 | </div> <!-- tab vergistbaar --> | |
| 95 | ||
| 96 | <div> <!-- tab hoppen --> | |
| 97 | <div style="overflow: hidden;"> | |
| 98 | <table> | |
| 99 | <tr> | |
| 100 | <td align="right" style="vertical-align: top;">Hoppen:</td> | |
| 101 | <td align="left" colspan="3"><div id="hopGrid">Graat</div></td> | |
| 102 | </tr> | |
| 103 | </table> | |
| 104 | </div> | |
| 105 | </div> <!-- tab hoppen --> | |
| 106 | ||
| 107 | <div> <!-- tab misc --> | |
| 108 | <div style="overflow: hidden;"> | |
| 109 | <table> | |
| 110 | <tr> | |
| 111 | <td align="right" style="vertical-align: top;">Diversen:</td> | |
| 112 | <td align="left" colspan="3"><div id="miscGrid">Graat</div></td> | |
| 113 | </tr> | |
| 114 | </table> | |
| 115 | </div> | |
| 116 | </div> <!-- tab misc --> | |
| 117 | ||
| 118 | <div> <!-- tab gisten --> | |
| 119 | <div style="overflow: hidden;"> | |
| 120 | <table> | |
| 121 | <tr> | |
| 122 | <td align="right" style="vertical-align: top;">Gisten:</td> | |
| 123 | <td align="left" colspan="3"><div id="yeastGrid">Graat</div></td> | |
| 124 | </tr> | |
| 125 | </table> | |
| 126 | </div> | |
| 127 | </div> <!-- tab gisten --> | |
| 128 | ||
| 129 | <div> <!-- tab water --> | |
| 130 | <div style="overflow: hidden;"> | |
| 131 | <table> | |
| 132 | <tr> | |
| 133 | <td style="vertical-align: top; padding: 3px;float: right:">Water:</td> | |
| 134 | <td style="padding: 3px; float: left;"><div id="waterGrid"></div></td> | |
| 135 | </tr> | |
| 136 | <tr> | |
| 137 | <td></td> | |
| 138 | <td> | |
| 139 | <div id='water_totals'> | |
| 140 | <table style="width: 100%;"> | |
| 141 | <caption>Water overzicht</caption> | |
| 142 | <tr> | |
| 143 | <td></td> | |
| 144 | <td style="width: 80px; padding: 3px;">Volume</td> | |
| 145 | <td style="width: 80px; padding: 3px;">Ca</td> | |
| 146 | <td style="width: 80px; padding: 3px;">Mg</td> | |
| 147 | <td style="width: 80px; padding: 3px;">Na</td> | |
| 148 | <td style="width: 80px; padding: 3px;">CaCO3</td> | |
| 149 | <td style="width: 80px; padding: 3px;">Cl</td> | |
| 150 | <td style="width: 80px; padding: 3px;">SO4</td> | |
| 151 | <td style="width: 80px; padding: 3px;">pH</td> | |
| 152 | </tr> | |
| 153 | <tr> | |
| 154 | <td style="vertical-align: top; padding: 3px; float: left;">Gemengd water:</td> | |
| 155 | <td><div id="wg_volume"></div></td> | |
| 156 | <td><div id="wg_calcium"></div></td> | |
| 157 | <td><div id="wg_magnesium"></div></td> | |
| 158 | <td><div id="wg_sodium"></div></td> | |
| 159 | <td><div id="wg_total_alkalinity"></div></td> | |
| 160 | <td><div id="wg_chloride"></div></td> | |
| 161 | <td><div id="wg_sulfate"></div></td> | |
| 162 | <td><div id="wg_ph"></div></td> | |
| 163 | </tr> | |
| 164 | <tr> | |
| 165 | <td style="vertical-align: top; padding: 3px; float: left;">Behandeld water:</td> | |
| 166 | <td><div></div></td> | |
| 167 | <td><div id="wb_calcium"></div></td> | |
| 168 | <td><div id="wb_magnesium"></div></td> | |
| 169 | <td><div id="wb_sodium"></div></td> | |
| 170 | <td><div id="wb_total_alkalinity"></div></td> | |
| 171 | <td><div id="wb_chloride"></div></td> | |
| 172 | <td><div id="wb_sulfate"></div></td> | |
| 173 | <td><div></div></td> | |
| 174 | </tr> | |
| 175 | </table> | |
| 176 | </div> | |
| 177 | </td> | |
| 178 | </tr> | |
| 179 | </table> | |
| 180 | </div> | |
| 181 | </div> <!-- tab water --> | |
| 182 | ||
| 183 | <div> <!-- tab maischen --> | |
| 184 | <div style="overflow: hidden;"> | |
| 185 | <table> | |
| 186 | <tr> | |
| 187 | <td style="vertical-align: top; float: right; padding: 3px;">Maischchema:</td> | |
| 188 | <td align="left" style="vertical-align: top; padding: 3px;"><input id="mash_name" /></td> | |
| 189 | <td style="vertical-align: top; float: right; padding: 3px;">Maish pH:</td> | |
| 190 | <td style="padding: 3px;"><div id="mash_ph"></div></td> | |
| 191 | <td style="vertical-align: top; float: right; padding: 3px;">Spoelwater temp:</td> | |
| 192 | <td style="padding: 3px;"><div id="mash_sparge_temp"></div></td> | |
| 193 | </tr> | |
| 194 | <tr> | |
| 195 | <td align="right" style="vertical-align: top; padding: 3px;">Stappen:</td> | |
| 196 | <td align="left" colspan="5" style="padding: 3px;"><div id="mashGrid">Graat</div></td> | |
| 197 | </tr> | |
| 198 | </table> | |
| 199 | </div> | |
| 200 | </div> <!-- tab maischen --> | |
| 201 | ||
| 202 | </div> <!-- jqxTabs --> | |
| 203 | ||
| 204 | <?php | |
| 205 | confirm_delete(); | |
| 206 | page_footer(); | |
| 207 | ?> |
