www/js/rec_edit.js@93a0be4f5be3 (annotated)
www/js/rec_edit.js
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 71
- e1c50b21b7e3
- 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.
| 68 | 1 | /***************************************************************************** |
| 2 | * Copyright (C) 2018 | |
| 3 | * | |
| 4 | * Michiel Broek <mbroek at mbse dot eu> | |
| 5 | * | |
| 6 | * This file is part of BMS | |
| 7 | * | |
| 8 | * This is free software; you can redistribute it and/or modify it | |
| 9 | * under the terms of the GNU General Public License as published by the | |
| 10 | * Free Software Foundation; either version 2, or (at your option) any | |
| 11 | * later version. | |
| 12 | * | |
| 13 | * BrewCloud is distributed in the hope that it will be useful, but | |
| 14 | * WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 15 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |
| 16 | * General Public License for more details. | |
| 17 | * | |
| 18 | * You should have received a copy of the GNU General Public License | |
| 19 | * along with ThermFerm; see the file COPYING. If not, write to the Free | |
| 20 | * Software Foundation, 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA. | |
| 21 | *****************************************************************************/ | |
| 22 | ||
| 23 | ||
| 24 | function createDelElements() { | |
| 25 | $('#eventWindow').jqxWindow({ | |
| 26 | theme: theme, | |
| 27 | position: { x: 490, y: 210 }, | |
| 28 | width: 300, | |
| 29 | height: 175, | |
| 30 | resizable: false, | |
| 31 | isModal: true, | |
| 32 | modalOpacity: 0.4, | |
| 33 | okButton: $('#delOk'), | |
| 34 | cancelButton: $('#delCancel'), | |
| 35 | initContent: function () { | |
| 36 | $('#delOk').jqxButton({ template: "danger", width: '65px', theme: theme }); | |
| 37 | $('#delCancel').jqxButton({ template: "success", width: '65px', theme: theme }); | |
| 38 | $('#delCancel').focus(); | |
| 39 | } | |
| 40 | }); | |
| 41 | $('#eventWindow').jqxWindow('hide'); | |
| 42 | } | |
| 43 | ||
| 44 | ||
| 45 | $(document).ready(function () { | |
| 46 | ||
| 47 | console.log("record:" + my_record + " return:" + my_return + " theme:" + theme); | |
| 48 | ||
| 49 | // $("#jqxNotification").jqxNotification({ width: "auto", position: "top-right", opacity: 0.9, | |
| 50 | // autoOpen: false, closeOnClick: true, autoClose: true, template: "info", blink: false, | |
| 51 | // icon: { width: 25, height: 25, url: '../../images/smiley.png', padding: 5 } | |
| 52 | // }); | |
| 53 | ||
| 54 | var dataReecord = {}; | |
| 55 | var url = "includes/db_recipes.php"; | |
| 56 | // tooltips | |
| 57 | $("#name").jqxTooltip({ content: 'De naam voor dit recept.' }); | |
| 58 | $("#notes").jqxTooltip({ content: 'De uitgebreide opmerkingen over dit recept.' }); | |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
59 | $("#type").jqxTooltip({ content: 'Het brouw type van dit recept.' }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
60 | $("#est_og").jqxTooltip({ content: 'Het begin SG wat je wilt bereiken. De moutstort wordt automatisch herberekend.' }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
61 | $("#est_fg").jqxTooltip({ content: 'Het eind SG. Dit wordt automatisch berekend.' }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
62 | $("#est_color").jqxTooltip({ content: 'De kleur in EBC. Dit wordt automatisch berekend.' }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
63 | $("#est_ibu").jqxTooltip({ content: 'De bitterheid in IBU. Dit wordt automatisch berekend.' }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
64 | $("#est_abv").jqxTooltip({ content: 'Alcohol volume %. Dit wordt automatisch berekend.' }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
65 | $("#est_carb").jqxTooltip({ content: 'Koolzuur volume. Dit wordt automatisch berekend.' }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
66 | |
| 68 | 67 | $("#st_name").jqxTooltip({ content: 'De bierstijl naam voor dit recept.'}); |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
68 | $("#st_letter").jqxTooltip({ content: 'De bierstijl letter voor dit recept.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
69 | $("#st_guide").jqxTooltip({ content: 'De bierstijl gids voor dit recept.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
70 | $("#st_category").jqxTooltip({ content: 'De Amerikaanse bierstijl categorie.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
71 | $("#st_category_number").jqxTooltip({ content: 'De Amerikaanse bierstijl categorie sub nummer.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
72 | $("#st_type").jqxTooltip({ content: 'Het bierstijl type.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
73 | $("#st_og_min").jqxTooltip({ content: 'Het minimum begin SG voor deze bierstijl.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
74 | $("#st_og_max").jqxTooltip({ content: 'Het maximum begin SG voor deze bierstijl.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
75 | $("#st_fg_min").jqxTooltip({ content: 'Het minimum eind SG voor deze bierstijl.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
76 | $("#st_fg_max").jqxTooltip({ content: 'Het maximum eind SG voor deze bierstijl.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
77 | $("#st_color_min").jqxTooltip({ content: 'De minimum kleur voor deze bierstijl.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
78 | $("#st_color_max").jqxTooltip({ content: 'De maximum kleur voor deze bierstijl.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
79 | $("#st_ibu_min").jqxTooltip({ content: 'De minimum bitterheid voor deze bierstijl.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
80 | $("#st_ibu_max").jqxTooltip({ content: 'De maximum bitterheid voor deze bierstijl.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
81 | $("#st_abv_min").jqxTooltip({ content: 'Het minimum alcohol volume % voor deze bierstijl.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
82 | $("#st_abv_max").jqxTooltip({ content: 'Het maximum alcohol volume % voor deze bierstijl.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
83 | $("#st_carb_min").jqxTooltip({ content: 'Het minimum koolzuur volume voor deze bierstijl.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
84 | $("#st_carb_max").jqxTooltip({ content: 'Het maximum koolzuur volume voor deze bierstijl.'}); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
85 | |
| 68 | 86 | // prepare the data |
| 87 | var source = { | |
| 88 | datatype: "json", | |
| 89 | cache: false, | |
| 90 | datafields: [ | |
| 91 | { name: 'record', type: 'number' }, | |
| 92 | { name: 'st_name', type: 'string' }, | |
| 93 | { name: 'st_letter', type: 'string' }, | |
| 94 | { name: 'st_guide', type: 'string' }, | |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
95 | { name: 'st_type', type: 'string' }, |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
96 | { name: 'st_category', type: 'string' }, |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
97 | { name: 'st_category_number', type: 'float' }, |
| 68 | 98 | { name: 'st_og_min', type: 'float' }, |
| 99 | { name: 'st_og_max', type: 'float' }, | |
| 100 | { name: 'st_fg_min', type: 'float' }, | |
| 101 | { name: 'st_fg_max', type: 'float' }, | |
| 102 | { name: 'st_ibu_min', type: 'float' }, | |
| 103 | { name: 'st_ibu_max', type: 'float' }, | |
| 104 | { name: 'st_color_min', type: 'float' }, | |
| 105 | { name: 'st_color_max', type: 'float' }, | |
| 106 | { name: 'st_carb_min', type: 'float' }, | |
| 107 | { name: 'st_carb_max', type: 'float' }, | |
| 108 | { name: 'st_abv_min', type: 'float' }, | |
| 109 | { name: 'st_abv_max', type: 'float' }, | |
| 110 | { name: 'name', type: 'string' }, | |
| 111 | { name: 'notes', type: 'string' }, | |
|
71
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
69
diff
changeset
|
112 | { name: 'type', type: 'string' }, |
| 68 | 113 | { name: 'batch_size', type: 'float' }, |
| 114 | { name: 'boil_time', type: 'float' }, | |
| 115 | { name: 'efficiency', type: 'float' }, | |
| 116 | { name: 'est_og', type: 'float' }, | |
| 117 | { name: 'est_fg', type: 'float' }, | |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
118 | { name: 'est_abv', type: 'float' }, |
| 68 | 119 | { name: 'est_color', type: 'float' }, |
| 120 | { name: 'color_method', type: 'string' }, | |
| 121 | { name: 'est_ibu', type: 'float' }, | |
| 122 | { name: 'ibu_method', type: 'string' }, | |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
123 | { name: 'est_carb', type: 'float' }, |
| 68 | 124 | { name: 'mash_sparge_temp', type: 'float' }, |
| 125 | { name: 'mash_ph', type: 'float' }, | |
| 126 | { name: 'mash_name', type: 'string' }, | |
| 127 | { name: 'fermentables', type: 'string' }, | |
| 128 | { name: 'hops', type: 'string' }, | |
| 129 | { name: 'miscs', type: 'string' }, | |
| 130 | { name: 'yeasts', type: 'string' }, | |
| 131 | { name: 'waters', type: 'array' }, | |
| 132 | { name: 'mashs', type: 'string' } | |
| 133 | ], | |
| 134 | id: 'record', | |
| 135 | url: url | |
| 136 | }; | |
| 137 | // Load data and select one record. | |
| 138 | var dataAdapter = new $.jqx.dataAdapter(source, { | |
| 139 | loadComplete: function () { | |
| 140 | var records = dataAdapter.records; | |
| 141 | dataRecord = records[0]; | |
| 142 | $("#name").val(dataRecord.name); | |
| 143 | $("#notes").val(dataRecord.notes); | |
| 144 | $("#st_name").val(dataRecord.st_name); | |
| 145 | $("#st_letter").val(dataRecord.st_letter); | |
| 146 | $("#st_guide").val(dataRecord.st_guide); | |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
147 | $("#st_category").val(dataRecord.st_category); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
148 | $("#st_category_number").val(dataRecord.st_category_number); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
149 | $("#st_type").val(dataRecord.st_type); |
| 68 | 150 | $("#type").val(dataRecord.type); |
| 151 | $("#batch_size").val(dataRecord.batch_size); | |
| 152 | $("#boil_time").val(dataRecord.boil_time); | |
| 153 | $("#efficiency").val(dataRecord.efficiency); | |
| 154 | $("#est_og").val(dataRecord.est_og); | |
| 155 | $("#st_og_min").val(dataRecord.st_og_min); | |
| 156 | $("#st_og_max").val(dataRecord.st_og_max); | |
| 157 | $("#est_fg").val(dataRecord.est_fg); | |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
158 | $("#st_fg_min").val(dataRecord.st_fg_min); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
159 | $("#st_fg_max").val(dataRecord.st_fg_max); |
| 68 | 160 | $("#est_color").val(dataRecord.est_color); |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
161 | $("#est_abv").val(dataRecord.est_abv); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
162 | $("#st_abv_min").val(dataRecord.st_abv_min); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
163 | $("#st_abv_max").val(dataRecord.st_abv_max); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
164 | $("#st_color_min").val(dataRecord.st_color_min); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
165 | $("#st_color_max").val(dataRecord.st_color_max); |
| 68 | 166 | $("#color_method").val(dataRecord.color_method); |
| 167 | $("#est_ibu").val(dataRecord.est_ibu); | |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
168 | $("#st_ibu_min").val(dataRecord.st_ibu_min); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
169 | $("#st_ibu_max").val(dataRecord.st_ibu_max); |
| 68 | 170 | $("#ibu_method").val(dataRecord.ibu_method); |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
171 | $("#est_carb").val(dataRecord.est_carb); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
172 | $("#st_carb_min").val(dataRecord.st_carb_min); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
173 | $("#st_carb_max").val(dataRecord.st_carb_max); |
| 68 | 174 | $("#mash_name").val(dataRecord.mash_name); |
| 175 | $("#mash_ph").val(dataRecord.mash_ph); | |
| 176 | $("#mash_sparge_temp").val(dataRecord.mash_sparge_temp); | |
| 177 | editFermentable(dataRecord); | |
| 178 | editHop(dataRecord); | |
| 179 | editMisc(dataRecord); | |
| 180 | editYeast(dataRecord); | |
| 181 | editWater(dataRecord); | |
| 182 | editMash(dataRecord); | |
| 183 | }, | |
| 184 | loadError: function (jqXHR, status, error) { | |
| 185 | }, | |
| 186 | beforeLoadComplete: function (records) { | |
| 187 | var filteredRecords = []; | |
| 188 | for (var i = 0; i < records.length; i++) { | |
| 189 | if (records[i].record == my_record) { | |
| 190 | filteredRecords.push(records[i]); | |
| 191 | } | |
| 192 | } | |
| 193 | return filteredRecords; | |
| 194 | } | |
| 195 | }); | |
| 196 | dataAdapter.dataBind(); | |
| 197 | ||
| 198 | // Inline fermentables editor | |
| 199 | var editFermentable = function (data) { | |
| 200 | var fermentableSource = { | |
| 201 | localdata: data.fermentables, | |
| 202 | datatype: "local", | |
| 203 | datafields: [ | |
| 204 | { name: 'f_name', type: 'string' }, | |
| 205 | { name: 'f_origin', type: 'string' }, | |
| 206 | { name: 'f_supplier', type: 'string' }, | |
| 207 | { name: 'f_amount', type: 'float' }, | |
| 208 | { name: 'f_cost', type: 'float' }, | |
| 209 | { name: 'f_type', type: 'string' }, | |
| 210 | { name: 'f_yield', type: 'float' }, | |
| 211 | { name: 'f_color', type: 'float' }, | |
| 212 | { name: 'f_coarse_fine_diff', type: 'float' }, | |
| 213 | { name: 'f_moisture', type: 'float' }, | |
| 214 | { name: 'f_diastatic_power', type: 'float' }, | |
| 215 | { name: 'f_protein', type: 'float' }, | |
| 216 | { name: 'f_max_in_batch', type: 'float' }, | |
| 217 | { name: 'f_graintype', type: 'string' }, | |
| 218 | { name: 'f_added', type: 'string' }, | |
| 219 | { name: 'f_dissolved_protein', type: 'float' }, | |
| 220 | { name: 'f_recommend_mash', type: 'bool' }, | |
| 221 | { name: 'f_add_after_boil', type: 'bool' }, | |
| 222 | { name: 'f_adjust_to_total_100', type: 'bool' }, | |
| 223 | { name: 'f_percentage', type: 'float' }, | |
| 224 | { name: 'f_di_ph', type: 'float' } | |
| 225 | ], | |
| 226 | addrow: function (rowid, rowdata, position, commit) { | |
| 227 | commit(true); | |
| 228 | }, | |
| 229 | deleterow: function (rowid, commit) { | |
| 230 | commit(true); | |
| 231 | } | |
| 232 | }; | |
| 233 | var fermentableAdapter = new $.jqx.dataAdapter(fermentableSource); | |
| 234 | // dropdownlist datasource from inventory_fermentables | |
| 235 | var fermentableUrl = "getfermentablesources.php"; | |
| 236 | var fermentableInvSource = { | |
| 237 | datatype: "json", | |
| 238 | datafields: [ | |
| 239 | { name: 'record', type: 'number' }, | |
| 240 | { name: 'name', type: 'string' }, | |
| 241 | { name: 'type', type: 'string' }, | |
| 242 | { name: 'yield', type: 'float' }, | |
| 243 | { name: 'color', type: 'float' }, | |
| 244 | { name: 'add_after_boil', type: 'bool' }, | |
| 245 | { name: 'origin', type: 'string' }, | |
| 246 | { name: 'supplier', type: 'string' }, | |
| 247 | { name: 'coarse_fine_diff', type: 'float' }, | |
| 248 | { name: 'moisture', type: 'float' }, | |
| 249 | { name: 'diastatic_power', type: 'float' }, | |
| 250 | { name: 'protein', type: 'float' }, | |
| 251 | { name: 'max_in_batch', type: 'float' }, | |
| 252 | { name: 'recommend_mash', type: 'bool' }, | |
| 253 | { name: 'graintype', type: 'string' }, | |
| 254 | { name: 'di_ph', type: 'float' }, | |
| 255 | { name: 'inventory', type: 'float' }, | |
| 256 | { name: 'cost', type: 'float' } | |
| 257 | ], | |
| 258 | url: fermentableUrl, | |
| 259 | async: true | |
| 260 | }; | |
| 261 | var fermentablelist = new $.jqx.dataAdapter(fermentableInvSource); | |
| 262 | ||
| 263 | $("#fermentableGrid").jqxGrid({ | |
| 264 | width: 960, | |
| 265 | height: 400, | |
| 266 | source: fermentableAdapter, | |
| 267 | theme: theme, | |
| 268 | selectionmode: 'singlerow', | |
| 269 | editmode: 'selectedrow', | |
| 270 | editable: true, | |
| 271 | localization: getLocalization(), | |
| 272 | showtoolbar: true, | |
| 273 | rendertoolbar: function (toolbar) { | |
| 274 | var me = this; | |
| 275 | var container = $("<div style='overflow: hidden; position: relative; margin: 5px;'></div>"); | |
| 276 | toolbar.append(container); | |
| 277 | container.append('<div style="float: left; margin-left: 165px;" id="faddrowbutton"></div>'); | |
| 278 | container.append('<input style="float: left; margin-left: 230px;" id="fdeleterowbutton" type="button" value="Verwijder mout" />'); | |
| 279 | // add fermentable from dropdownlist. | |
| 280 | $("#faddrowbutton").jqxDropDownList({ | |
| 281 | placeHolder: "Kies mout:", | |
| 282 | theme: theme, | |
| 283 | source: fermentablelist, | |
| 284 | displayMember: "name", | |
| 285 | width: 150, | |
| 286 | height: 27, | |
| 287 | dropDownWidth: 500, | |
| 288 | dropDownHeight: 500, | |
| 289 | renderer: function (index, label, value) { | |
| 290 | var datarecord = fermentablelist.records[index]; | |
| 291 | return datarecord.supplier+ " / " + datarecord.name + " (" + datarecord.color + " EBC)"; | |
| 292 | } | |
| 293 | }); | |
| 294 | $("#faddrowbutton").on('select', function (event) { | |
| 295 | if (event.args) { | |
| 296 | var rowscount = $("#fermentableGrid").jqxGrid('getdatainformation').rowscount; | |
| 297 | var index = event.args.index; | |
| 298 | var datarecord = fermentablelist.records[index]; | |
| 299 | var row = {}; | |
| 300 | row["f_name"] = datarecord.name; | |
| 301 | row["f_origin"] = datarecord.origin; | |
| 302 | row["f_supplier"] = datarecord.supplier; | |
| 303 | row["f_amount"] = 0; | |
| 304 | row["f_cost"] = datarecord.cost; | |
| 305 | row["f_type"] = datarecord.type; | |
| 306 | row["f_yield"] = datarecord.yield; | |
| 307 | row["f_color"] = datarecord.color; | |
| 308 | row["f_coarse_fine_diff"] = datarecord.coarse_fine_diff; | |
| 309 | row["f_moisture"] = datarecord.moisture; | |
| 310 | row["f_diastatic_power"] = datarecord.diastatic_power; | |
| 311 | row["f_protein"] = datarecord.protein; | |
| 312 | row["f_max_in_batch"] = datarecord.max_in_batch; | |
| 313 | row["f_graintype"] = datarecord.graintype; | |
| 314 | if (datarecord.type == "Sugar") { | |
| 315 | row["f_added"] = "Boil"; | |
| 316 | } else { | |
| 317 | row["f_added"] = "Mash"; | |
| 318 | } | |
| 319 | row["f_dissolved_protein"] = 0; | |
| 320 | row["f_recommend_mash"] = datarecord.recommend_mash; | |
| 321 | row["f_add_after_boil"] = datarecord.add_after_boil; | |
| 322 | if (rowscount == 0) { | |
| 323 | // The first fermentable | |
| 324 | row["f_adjust_to_total_100"] = 1; | |
| 325 | row["f_percentage"] = 100; | |
| 326 | } else { | |
| 327 | row["f_adjust_to_total_100"] = 0; | |
| 328 | row["f_percentage"] = 0; | |
| 329 | } | |
| 330 | row["f_di_ph"] = datarecord.di_ph; | |
| 331 | var commit = $("#fermentableGrid").jqxGrid('addrow', null, row); | |
| 332 | } | |
| 333 | }); | |
| 334 | ||
| 335 | // delete selected fermentable. | |
| 336 | // Precentage aanpassen basis mout. | |
| 337 | $("#fdeleterowbutton").jqxButton({ theme: theme, height: 27, width: 150 }); | |
| 338 | $("#fdeleterowbutton").on('click', function () { | |
| 339 | var selectedrowindex = $("#fermentableGrid").jqxGrid('getselectedrowindex'); | |
| 340 | var rowscount = $("#fermentableGrid").jqxGrid('getdatainformation').rowscount; | |
| 341 | if (selectedrowindex >= 0 && selectedrowindex < rowscount) { | |
| 342 | var id = $("#fermentableGrid").jqxGrid('getrowid', selectedrowindex); | |
| 343 | var commit = $("#fermentableGrid").jqxGrid('deleterow', id); | |
| 344 | } | |
| 345 | }); | |
| 346 | }, | |
| 347 | columns: [ | |
| 348 | { text: 'Mout/suiker', editable: false, datafield: 'f_name', | |
| 349 | cellsrenderer: function (row, columnfield, value, defaulthtml, columnproperties) { | |
| 350 | var rowData = $("#fermentableGrid").jqxGrid('getrowdata', row); | |
| 351 | return rowData.f_name + " (" + rowData.f_color + " EBC)"; | |
| 352 | } | |
| 353 | }, | |
| 354 | { text: 'Type', editable: false, width: 100, datafield: 'f_type' }, | |
| 355 | { text: 'Opbrengst', editable: false, datafield: 'f_yield', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'p1' }, | |
| 356 | { text: 'Gewicht', datafield: 'f_amount', width: 110, align: 'right', cellsalign: 'right', cellsformat: 'f3', | |
| 357 | columntype: 'numberinput', | |
| 358 | validation: function (cell, value) { | |
| 359 | // Maximum weight is the batch_size, just a simple check. | |
| 360 | var maxmout = parseFloat($("#batch_size").jqxNumberInput('decimal')); | |
| 361 | if (value < 0 || value > maxmout) { | |
| 362 | return { result: false, message: "Gewicht moet 0-"+maxmout+" zijn" }; | |
| 363 | } | |
| 364 | return true; | |
| 365 | }, | |
| 366 | initeditor: function (row, cellvalue, editor) { | |
| 367 | editor.jqxNumberInput({ decimalDigits: 3 }); | |
| 368 | } | |
| 369 | }, | |
| 370 | { text: 'Procent', datafield: 'f_percentage', width: 110, align: 'right', cellsalign: 'right', cellsformat: 'p1', | |
| 371 | columntype: 'numberinput', | |
| 372 | validation: function (cell, value) { | |
| 373 | if (value < 0 || value > 100) { | |
| 374 | return { result: false, message: "Percentage moet 0-100 zijn" }; | |
| 375 | } | |
| 376 | return true; | |
| 377 | }, | |
| 378 | initeditor: function (row, cellvalue, editor) { | |
| 379 | editor.jqxNumberInput({ decimalDigits: 1 }); | |
| 380 | } | |
| 381 | }, | |
| 382 | { text: '100%', datafield: 'f_adjust_to_total_100', columntype: 'checkbox', width: 80 } | |
| 383 | ] | |
| 384 | }); | |
| 385 | $("#fermentableGrid").on('cellendedit', function (event) { | |
| 386 | $('#fermentableGrid').jqxGrid('sortby', 'f_amount', 'desc'); | |
| 387 | }); | |
| 388 | }; | |
| 389 | ||
| 390 | // Inline hops editor | |
| 391 | var editHop = function (data) { | |
| 392 | var hopSource = { | |
| 393 | localdata: data.hops, | |
| 394 | datatype: "local", | |
| 395 | cache: false, | |
| 396 | datafields: [ | |
| 397 | { name: 'h_name', type: 'string' }, | |
| 398 | { name: 'h_origin', type: 'string' }, | |
| 399 | { name: 'h_amount', type: 'float' }, | |
| 400 | { name: 'h_cost', type: 'float' }, | |
| 401 | { name: 'h_type', type: 'string' }, | |
| 402 | { name: 'h_form', type: 'string' }, | |
| 403 | { name: 'h_useat', type: 'string' }, | |
| 404 | { name: 'h_time', type: 'float' }, | |
| 405 | { name: 'h_alpha', type: 'float' }, | |
| 406 | { name: 'h_beta', type: 'float' }, | |
| 407 | { name: 'h_hsi', type: 'float' }, | |
| 408 | { name: 'h_humulene', type: 'float' }, | |
| 409 | { name: 'h_carophyllene', type: 'float' }, | |
| 410 | { name: 'h_cohumulone', type: 'float' }, | |
| 411 | { name: 'h_myrcene', type: 'float' }, | |
| 412 | { name: 'h_total_oil', type: 'float' } | |
| 413 | ], | |
| 414 | addrow: function (rowid, rowdata, position, commit) { | |
| 415 | commit(true); | |
| 416 | }, | |
| 417 | deleterow: function (rowid, commit) { | |
| 418 | commit(true); | |
| 419 | } | |
| 420 | }; | |
| 421 | var hopAdapter = new $.jqx.dataAdapter(hopSource); | |
| 422 | // dropdownlist datasource from inventory_hops | |
| 423 | var hopUrl = "gethopsources.php"; | |
| 424 | var hopInvSource = { | |
| 425 | datatype: "json", | |
| 426 | datafields: [ | |
| 427 | { name: 'record', type: 'number' }, | |
| 428 | { name: 'name', type: 'string' }, | |
| 429 | { name: 'origin', type: 'string' }, | |
| 430 | { name: 'type', type: 'string' }, | |
| 431 | { name: 'alpha', type: 'float' }, | |
| 432 | { name: 'beta', type: 'float' }, | |
| 433 | { name: 'humulene', type: 'float' }, | |
| 434 | { name: 'caryophyllene', type: 'float' }, | |
| 435 | { name: 'cohumulone', type: 'float' }, | |
| 436 | { name: 'myrcene', type: 'float' }, | |
| 437 | { name: 'hsi', type: 'float' }, | |
| 438 | { name: 'useat', type: 'string' }, | |
| 439 | { name: 'form', type: 'string' }, | |
| 440 | { name: 'total_oil', type: 'float' }, | |
| 441 | { name: 'cost', type: 'float' } | |
| 442 | ], | |
| 443 | url: hopUrl, | |
| 444 | async: true | |
| 445 | }; | |
| 446 | var hoplist = new $.jqx.dataAdapter(hopInvSource); | |
| 447 | ||
| 448 | $("#hopGrid").jqxGrid({ | |
| 449 | width: 960, | |
| 450 | height: 400, | |
| 451 | source: hopAdapter, | |
| 452 | theme: theme, | |
| 453 | selectionmode: 'singlerow', | |
| 454 | editmode: 'selectedrow', | |
| 455 | editable: true, | |
| 456 | localization: getLocalization(), | |
| 457 | showtoolbar: true, | |
| 458 | rendertoolbar: function (toolbar) { | |
| 459 | var me = this; | |
| 460 | var container = $("<div style='overflow: hidden; position: relative; margin: 5px;'></div>"); | |
| 461 | toolbar.append(container); | |
| 462 | container.append('<div style="float: left; margin-left: 165px;" id="haddrowbutton"></div>'); | |
| 463 | container.append('<input style="float: left; margin-left: 230px;" id="hdeleterowbutton" type="button" value="Verwijder hop" />'); | |
| 464 | // add hop from dropdownlist. | |
| 465 | $("#haddrowbutton").jqxDropDownList({ | |
| 466 | placeHolder: "Kies hop:", | |
| 467 | theme: theme, | |
| 468 | source: hoplist, | |
| 469 | displayMember: "name", | |
| 470 | width: 150, | |
| 471 | height: 27, | |
|
69
ca25fdce3b85
Improved hop selection dropdown
Michiel Broek <mbroek@mbse.eu>
parents:
68
diff
changeset
|
472 | dropDownWidth: 500, |
|
ca25fdce3b85
Improved hop selection dropdown
Michiel Broek <mbroek@mbse.eu>
parents:
68
diff
changeset
|
473 | dropDownHeight: 500, |
|
ca25fdce3b85
Improved hop selection dropdown
Michiel Broek <mbroek@mbse.eu>
parents:
68
diff
changeset
|
474 | renderer: function (index, label, value) { |
|
ca25fdce3b85
Improved hop selection dropdown
Michiel Broek <mbroek@mbse.eu>
parents:
68
diff
changeset
|
475 | var datarecord = hoplist.records[index]; |
|
ca25fdce3b85
Improved hop selection dropdown
Michiel Broek <mbroek@mbse.eu>
parents:
68
diff
changeset
|
476 | return datarecord.origin+ " / " + datarecord.name + " (" + datarecord.alpha + "% α)"; |
|
ca25fdce3b85
Improved hop selection dropdown
Michiel Broek <mbroek@mbse.eu>
parents:
68
diff
changeset
|
477 | } |
| 68 | 478 | }); |
| 479 | $("#haddrowbutton").on('select', function (event) { | |
| 480 | if (event.args) { | |
| 481 | var index = event.args.index; | |
| 482 | var datarecord = hoplist.records[index]; | |
| 483 | var row = {}; | |
| 484 | row["h_name"] = datarecord.name; | |
| 485 | row["h_origin"] = datarecord.origin; | |
| 486 | row["h_amount"] = 0; | |
| 487 | row["h_cost"] = datarecord.cost; | |
| 488 | row["h_type"] = datarecord.type; | |
| 489 | row["h_form"] = datarecord.form; | |
| 490 | row["h_useat"] = datarecord.useat; | |
| 491 | row["h_time"] = 0; | |
| 492 | row["h_alpha"] = datarecord.alpha; | |
| 493 | row["h_beta"] = datarecord.beta; | |
| 494 | row["h_hsi"] = datarecord.hsi; | |
| 495 | row["h_humulene"] = datarecord.humulene; | |
| 496 | row["h_carophyllene"] = datarecord.carophyllene; | |
| 497 | row["h_cohumulone"] = datarecord.cohumulone; | |
| 498 | row["h_myrcene"] = datarecord.myrcene; | |
| 499 | row["h_total_oil"] = datarecord.total_oil; | |
| 500 | var commit = $("#hopGrid").jqxGrid('addrow', null, row); | |
| 501 | } | |
| 502 | }); | |
| 503 | ||
| 504 | // delete selected hop. | |
| 505 | $("#hdeleterowbutton").jqxButton({ theme: theme, height: 27, width: 150 }); | |
| 506 | $("#hdeleterowbutton").on('click', function () { | |
| 507 | var selectedrowindex = $("#hopGrid").jqxGrid('getselectedrowindex'); | |
| 508 | var rowscount = $("#hopGrid").jqxGrid('getdatainformation').rowscount; | |
| 509 | if (selectedrowindex >= 0 && selectedrowindex < rowscount) { | |
| 510 | var id = $("#hopGrid").jqxGrid('getrowid', selectedrowindex); | |
| 511 | var commit = $("#hopGrid").jqxGrid('deleterow', id); | |
| 512 | } | |
| 513 | }); | |
| 514 | }, | |
| 515 | columns: [ | |
| 516 | { text: 'Hop', editable: false, datafield: 'h_name' }, | |
| 517 | { text: 'Type', editable: false, width: 90, align: 'center', cellsalign: 'center', datafield: 'h_type' }, | |
| 518 | { text: 'Vorm', editable: false, width: 90, align: 'center', cellsalign: 'center', datafield: 'h_form' }, | |
| 519 | { text: 'Alpha', datafield: 'h_alpha', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'p1' }, | |
| 520 | { text: 'Gewicht', datafield: 'h_amount', width: 110, align: 'right', cellsalign: 'right', cellsformat: 'f3', | |
| 521 | columntype: 'numberinput', | |
| 522 | validation: function (cell, value) { | |
| 523 | if (value < 0 || value > 100000000000 ) { | |
| 524 | return { result: false, message: "Volume moet 0-~ zijn" }; | |
| 525 | } | |
| 526 | return true; | |
| 527 | } | |
| 528 | }, | |
| 529 | { text: 'Gebruik', width: 110, align: 'center', cellsalign: 'center', datafield: 'h_useat' }, | |
| 530 | { text: 'Tijd', datafield: 'h_time', width: 70, align: 'right', cellsalign: 'right', cellsformat: 'f0', | |
| 531 | columntype: 'numberinput', | |
| 532 | validation: function (cell, value) { | |
| 533 | if (value < 0 || value > 100000000000 ) { | |
| 534 | return { result: false, message: "De tijd moet 0-~ zijn" }; | |
| 535 | } | |
| 536 | return true; | |
| 537 | } // TODO: Only enable editing if Boil, else use fixed values. | |
| 538 | }, | |
| 539 | { text: 'IBU', editable: false, datafield: 'ibu', width: 80, align: 'right', | |
| 540 | cellsrenderer: function (index, datafield, value, defaultvalue, column, rowdata) { | |
| 541 | var ibu = toIBU(rowdata.h_useat, | |
| 542 | rowdata.h_form, | |
| 543 | parseFloat($("#est_og").jqxNumberInput('decimal')), | |
| 544 | parseFloat($("#batch_size").jqxNumberInput('decimal')), | |
| 545 | parseFloat(rowdata.h_amount), | |
| 546 | parseFloat(rowdata.h_time), | |
| 547 | parseFloat(rowdata.h_alpha), | |
| 548 | $("#ibu_method").val() | |
| 549 | ); | |
| 550 | return "<div style='margin: 4px;' class='jqx-right-align'>" + dataAdapter.formatNumber(ibu, "f1") + "</div>"; | |
| 551 | } | |
| 552 | } | |
| 553 | ] | |
| 554 | }) | |
| 555 | }; | |
| 556 | ||
| 557 | // Inline miscs editor | |
| 558 | var editMisc = function (data) { | |
| 559 | var miscSource = { | |
| 560 | localdata: data.miscs, | |
| 561 | datatype: "local", | |
| 562 | cache: false, | |
| 563 | datafields: [ | |
| 564 | { name: 'm_name', type: 'string' }, | |
| 565 | { name: 'm_amount', type: 'float' }, | |
| 566 | { name: 'm_cost', type: 'float' }, | |
| 567 | { name: 'm_type', type: 'string' }, | |
| 568 | { name: 'm_use_use', type: 'string' }, | |
| 569 | { name: 'm_time', type: 'float' }, | |
| 570 | { name: 'm_amount_is_weight', type: 'bool' } | |
| 571 | ], | |
| 572 | addrow: function (rowid, rowdata, position, commit) { | |
| 573 | commit(true); | |
| 574 | }, | |
| 575 | deleterow: function (rowid, commit) { | |
| 576 | commit(true); | |
| 577 | } | |
| 578 | }; | |
| 579 | var miscAdapter = new $.jqx.dataAdapter(miscSource); | |
| 580 | // dropdownlist datasource from inventory_miscs | |
| 581 | var miscUrl = "getmiscsources.php"; | |
| 582 | var miscInvSource = { | |
| 583 | datatype: "json", | |
| 584 | datafields: [ | |
| 585 | { name: 'record', type: 'number' }, | |
| 586 | { name: 'name', type: 'string' }, | |
| 587 | { name: 'type', type: 'string' }, | |
| 588 | { name: 'use_use', type: 'string' }, | |
| 589 | { name: 'amount_is_weight', type: 'bool' }, | |
| 590 | { name: 'time', type: 'float' }, | |
| 591 | { name: 'cost', type: 'float' } | |
| 592 | ], | |
| 593 | url: miscUrl, | |
| 594 | async: true | |
| 595 | }; | |
| 596 | var misclist = new $.jqx.dataAdapter(miscInvSource); | |
| 597 | ||
| 598 | $("#miscGrid").jqxGrid({ | |
| 599 | width: 960, | |
| 600 | height: 400, | |
| 601 | source: miscAdapter, | |
| 602 | theme: theme, | |
| 603 | selectionmode: 'singlerow', | |
| 604 | editmode: 'selectedrow', | |
| 605 | editable: true, | |
| 606 | localization: getLocalization(), | |
| 607 | showtoolbar: true, | |
| 608 | rendertoolbar: function (toolbar) { | |
| 609 | var me = this; | |
| 610 | var container = $("<div style='overflow: hidden; position: relative; margin: 5px;'></div>"); | |
| 611 | toolbar.append(container); | |
| 612 | container.append('<div style="float: left; margin-left: 165px;" id="maddrowbutton"></div>'); | |
| 613 | container.append('<input style="float: left; margin-left: 230px;" id="mdeleterowbutton" type="button" value="Verwijder ingredient" />'); | |
| 614 | // add misc from dropdownlist. | |
| 615 | $("#maddrowbutton").jqxDropDownList({ | |
| 616 | placeHolder: "Kies ingredient:", | |
| 617 | theme: theme, | |
| 618 | source: misclist, | |
| 619 | displayMember: "name", | |
| 620 | width: 150, | |
| 621 | height: 27, | |
| 622 | dropDownWidth: 300 | |
| 623 | }); | |
| 624 | $("#maddrowbutton").on('select', function (event) { | |
| 625 | if (event.args) { | |
| 626 | var index = event.args.index; | |
| 627 | var datarecord = misclist.records[index]; | |
| 628 | var row = {}; | |
| 629 | row["m_name"] = datarecord.name; | |
| 630 | row["m_amount"] = 0; | |
| 631 | row["m_cost"] = datarecord.cost; | |
| 632 | row["m_type"] = datarecord.type; | |
| 633 | row["m_use_use"] = datarecord.use_use; | |
| 634 | row["m_time"] = 0; | |
| 635 | row["m_amount_is_weight"] = datarecord.amount_is_weight; | |
| 636 | var commit = $("#miscGrid").jqxGrid('addrow', null, row); | |
| 637 | } | |
| 638 | }); | |
| 639 | // delete selected misc. | |
| 640 | $("#mdeleterowbutton").jqxButton({ theme: theme, height: 27, width: 150 }); | |
| 641 | $("#mdeleterowbutton").on('click', function () { | |
| 642 | var selectedrowindex = $("#miscGrid").jqxGrid('getselectedrowindex'); | |
| 643 | var rowscount = $("#miscGrid").jqxGrid('getdatainformation').rowscount; | |
| 644 | if (selectedrowindex >= 0 && selectedrowindex < rowscount) { | |
| 645 | var id = $("#miscGrid").jqxGrid('getrowid', selectedrowindex); | |
| 646 | var commit = $("#miscGrid").jqxGrid('deleterow', id); | |
| 647 | } | |
| 648 | }); | |
| 649 | }, | |
| 650 | columns: [ | |
| 651 | { text: 'Ingredient', editable: false, datafield: 'm_name' }, | |
| 652 | { text: 'Type', editable: false, width: 120, align: 'center', cellsalign: 'center', datafield: 'm_type' }, | |
| 653 | { text: 'Gebruik', editable: false, width: 90, align: 'center', cellsalign: 'center', datafield: 'm_use_use' }, | |
| 654 | { text: 'Gewicht', datafield: 'm_amount', width: 110, align: 'right', cellsalign: 'right', cellsformat: 'f5', | |
| 655 | columntype: 'numberinput', | |
| 656 | validation: function (cell, value) { | |
| 657 | if (value < 0 || value > 100000000000 ) { | |
| 658 | return { result: false, message: "Volume moet 0-~ zijn" }; | |
| 659 | } | |
| 660 | return true; | |
| 661 | } | |
| 662 | }, | |
| 663 | { text: 'Tijd', datafield: 'm_time', width: 70, align: 'right', cellsalign: 'right', cellsformat: 'f0', | |
| 664 | columntype: 'numberinput', | |
| 665 | validation: function (cell, value) { | |
| 666 | if (value < 0 || value > 100000000000 ) { | |
| 667 | return { result: false, message: "De tijd moet 0-~ zijn" }; | |
| 668 | } | |
| 669 | return true; | |
| 670 | } | |
| 671 | } | |
| 672 | ] | |
| 673 | }) | |
| 674 | }; | |
| 675 | ||
| 676 | // Inline yeasts editor | |
| 677 | var editYeast = function (data) { | |
| 678 | var yeastSource = { | |
| 679 | localdata: data.yeasts, | |
| 680 | datatype: "local", | |
| 681 | cache: false, | |
| 682 | datafields: [ | |
| 683 | { name: 'y_name', type: 'string' }, | |
| 684 | { name: 'y_laboratory', type: 'string' }, | |
| 685 | { name: 'y_product_id', type: 'string' }, | |
| 686 | { name: 'y_amount', type: 'float' }, | |
| 687 | { name: 'y_cost', type: 'float' }, | |
| 688 | { name: 'y_type', type: 'string' }, | |
| 689 | { name: 'y_form', type: 'string' }, | |
| 690 | { name: 'y_time', type: 'float' }, | |
| 691 | { name: 'y_min_temperature', type: 'float' }, | |
| 692 | { name: 'y_max_temperature', type: 'float' }, | |
| 693 | { name: 'y_attenuation', type: 'float' }, | |
| 694 | { name: 'y_amount_is_weight', type: 'bool' }, | |
| 695 | { name: 'y_use', type: 'string' } | |
| 696 | ], | |
| 697 | addrow: function (rowid, rowdata, position, commit) { | |
| 698 | commit(true); | |
| 699 | }, | |
| 700 | deleterow: function (rowid, commit) { | |
| 701 | commit(true); | |
| 702 | } | |
| 703 | }; | |
| 704 | var yeastAdapter = new $.jqx.dataAdapter(yeastSource); | |
| 705 | // dropdownlist datasource from inventory_yeasts | |
| 706 | var yeastUrl = "getyeastsources.php"; | |
| 707 | var yeastInvSource = { | |
| 708 | datatype: "json", | |
| 709 | datafields: [ | |
| 710 | { name: 'record', type: 'number' }, | |
| 711 | { name: 'name', type: 'string' }, | |
| 712 | { name: 'type', type: 'string' }, | |
| 713 | { name: 'form', type: 'string' }, | |
| 714 | { name: 'laboratory', type: 'string' }, | |
| 715 | { name: 'product_id', type: 'string' }, | |
| 716 | { name: 'min_temperature', type: 'float' }, | |
| 717 | { name: 'max_temperature', type: 'float' }, | |
| 718 | { name: 'attenuation', type: 'float' }, | |
| 719 | { name: 'cost', type: 'float' } | |
| 720 | ], | |
| 721 | url: yeastUrl, | |
| 722 | async: true | |
| 723 | }; | |
| 724 | var yeastlist = new $.jqx.dataAdapter(yeastInvSource); | |
| 725 | ||
| 726 | $("#yeastGrid").jqxGrid({ | |
| 727 | width: 1050, | |
| 728 | height: 300, | |
| 729 | source: yeastAdapter, | |
| 730 | theme: theme, | |
| 731 | selectionmode: 'singlerow', | |
| 732 | editmode: 'selectedrow', | |
| 733 | editable: true, | |
| 734 | localization: getLocalization(), | |
| 735 | showtoolbar: true, | |
| 736 | rendertoolbar: function (toolbar) { | |
| 737 | var me = this; | |
| 738 | var container = $("<div style='overflow: hidden; position: relative; margin: 5px;'></div>"); | |
| 739 | toolbar.append(container); | |
| 740 | container.append('<div style="float: left; margin-left: 165px;" id="yaddrowbutton"></div>'); | |
| 741 | container.append('<input style="float: left; margin-left: 230px;" id="ydeleterowbutton" type="button" value="Verwijder gist" />'); | |
| 742 | // add yeast from dropdownlist. | |
| 743 | $("#yaddrowbutton").jqxDropDownList({ | |
| 744 | placeHolder: "Kies gist:", | |
| 745 | theme: theme, | |
| 746 | source: yeastlist, | |
| 747 | displayMember: "name", | |
| 748 | width: 150, | |
| 749 | height: 27, | |
| 750 | dropDownWidth: 300 | |
| 751 | }); | |
| 752 | $("#yaddrowbutton").on('select', function (event) { | |
| 753 | if (event.args) { | |
| 754 | var index = event.args.index; | |
| 755 | var datarecord = yeastlist.records[index]; | |
| 756 | var row = {}; | |
| 757 | row["y_name"] = datarecord.name; | |
| 758 | row["y_laboratory"] = datarecord.laboratory; | |
| 759 | row["y_product_id"] = datarecord.product_id; | |
| 760 | row["y_type"] = datarecord.type; | |
| 761 | row["y_form"] = datarecord.form; | |
| 762 | row["y_amount"] = 0; | |
| 763 | row["y_cost"] = datarecord.cost; | |
| 764 | row["y_use"] = "Primary"; | |
| 765 | row["y_time"] = 0; | |
| 766 | if (datarecord.form == "Dry") { | |
| 767 | row["y_amount_is_weight"] = 1; | |
| 768 | } else { | |
| 769 | row["y_amount_is_weight"] = 0; | |
| 770 | } | |
| 771 | row["y_min_temperature"] = datarecord.min_temperature; | |
| 772 | row["y_max_temperature"] = datarecord.max_temperature; | |
| 773 | row["y_attenuation"] = datarecord.attenuation; | |
| 774 | var commit = $("#yeastGrid").jqxGrid('addrow', null, row); | |
| 775 | } | |
| 776 | }); | |
| 777 | // delete selected yeast. | |
| 778 | $("#ydeleterowbutton").jqxButton({ theme: theme, height: 27, width: 150 }); | |
| 779 | $("#ydeleterowbutton").on('click', function () { | |
| 780 | var selectedrowindex = $("#yeastGrid").jqxGrid('getselectedrowindex'); | |
| 781 | var rowscount = $("#yeastGrid").jqxGrid('getdatainformation').rowscount; | |
| 782 | if (selectedrowindex >= 0 && selectedrowindex < rowscount) { | |
| 783 | var id = $("#yeastGrid").jqxGrid('getrowid', selectedrowindex); | |
| 784 | var commit = $("#yeastGrid").jqxGrid('deleterow', id); | |
| 785 | } | |
| 786 | }); | |
| 787 | }, | |
| 788 | columns: [ | |
| 789 | { text: 'Gist', editable: false, datafield: 'y_name' }, | |
| 790 | { text: 'Laboratorium', editable: false, width: 150, datafield: 'y_laboratory' }, | |
| 791 | { text: 'Code', editable: false, width: 90, datafield: 'y_product_id' }, | |
| 792 | { text: 'Soort', editable: false, width: 80, align: 'center', cellsalign: 'center', datafield: 'y_form' }, | |
| 793 | { text: 'Min.', editable: false, width: 70, align: 'right', cellsalign: 'right', datafield: 'y_min_temperature' }, | |
| 794 | { text: 'Max.', editable: false, width: 70, align: 'right', cellsalign: 'right', datafield: 'y_max_temperature' }, | |
| 795 | { text: 'Attn.', editable: false, width: 70, align: 'right', cellsalign: 'right', datafield: 'y_attenuation', cellsformat: 'f1' }, | |
| 796 | { text: 'Voor', editable: false, width: 80, align: 'center', cellsalign: 'center', datafield: 'y_use' }, | |
| 797 | { text: 'Hoeveel', datafield: 'y_amount', width: 110, align: 'right', cellsalign: 'right', cellsformat: 'f5', | |
| 798 | columntype: 'numberinput', | |
| 799 | validation: function (cell, value) { | |
| 800 | if (value < 0 || value > 100000000000 ) { | |
| 801 | return { result: false, message: "Volume moet 0-~ zijn" }; | |
| 802 | } | |
| 803 | return true; | |
| 804 | } | |
| 805 | } | |
| 806 | ] | |
| 807 | }) | |
| 808 | }; | |
| 809 | ||
| 810 | // Inline waters editor | |
| 811 | var editWater = function (data) { | |
| 812 | var waterSource = { | |
| 813 | localdata: data.waters, | |
| 814 | datatype: "local", | |
| 815 | datafields: [ | |
| 816 | { name: 'w_name', type: 'string' }, | |
| 817 | { name: 'w_amount', type: 'float' }, | |
| 818 | { name: 'w_calcium', type: 'float' }, | |
| 819 | { name: 'w_sulfate', type: 'float' }, | |
| 820 | { name: 'w_chloride', type: 'float' }, | |
| 821 | { name: 'w_sodium', type: 'float' }, | |
| 822 | { name: 'w_magnesium', type: 'float' }, | |
| 823 | { name: 'w_ph', type: 'float' }, | |
| 824 | { name: 'w_total_alkalinity', type: 'float' }, | |
| 825 | { name: 'w_cost', type: 'float' }, | |
| 826 | { name: 'w_default_water', type: 'bool' } | |
| 827 | ], | |
| 828 | addrow: function (rowid, rowdata, position, commit) { | |
| 829 | commit(true); | |
| 830 | }, | |
| 831 | deleterow: function (rowid, commit) { | |
| 832 | commit(true); | |
| 833 | } | |
| 834 | }; | |
| 835 | var waterAdapter = new $.jqx.dataAdapter(waterSource); | |
| 836 | // dropdownlist datasource from inventory_waters | |
| 837 | var waterUrl = "getwatersources.php"; | |
| 838 | var waterInvSource = { | |
| 839 | datatype: "json", | |
| 840 | datafields: [ | |
| 841 | { name: 'record', type: 'number' }, | |
| 842 | { name: 'name', type: 'string' }, | |
| 843 | { name: 'unlimited_stock', type: 'bool' }, | |
| 844 | { name: 'calcium', type: 'float' }, | |
| 845 | { name: 'sulfate', type: 'float' }, | |
| 846 | { name: 'chloride', type: 'float' }, | |
| 847 | { name: 'sodium', type: 'float' }, | |
| 848 | { name: 'magnesium', type: 'float' }, | |
| 849 | { name: 'ph', type: 'float' }, | |
| 850 | { name: 'total_alkalinity', type: 'float' }, | |
| 851 | { name: 'cost', type: 'float' }, | |
| 852 | { name: 'default_water', type: 'bool' } | |
| 853 | ], | |
| 854 | url: waterUrl, | |
| 855 | async: true | |
| 856 | }; | |
| 857 | var waterlist = new $.jqx.dataAdapter(waterInvSource); | |
| 858 | ||
| 859 | $("#waterGrid").jqxGrid({ | |
| 860 | width: 960, | |
| 861 | height: 200, | |
| 862 | source: waterAdapter, | |
| 863 | theme: theme, | |
| 864 | selectionmode: 'singlerow', | |
| 865 | editmode: 'selectedrow', | |
| 866 | editable: true, | |
| 867 | localization: getLocalization(), | |
| 868 | showtoolbar: true, | |
| 869 | rendertoolbar: function (toolbar) { | |
| 870 | var me = this; | |
| 871 | var container = $("<div style='overflow: hidden; position: relative; margin: 5px;'></div>"); | |
| 872 | toolbar.append(container); | |
| 873 | container.append('<div style="float: left; margin-left: 165px;" id="waddrowbutton"></div>'); | |
| 874 | container.append('<input style="float: left; margin-left: 230px;" id="wdeleterowbutton" type="button" value="Verwijder water" />'); | |
| 875 | // add water from dropdownlist. | |
| 876 | $("#waddrowbutton").jqxDropDownList({ | |
| 877 | placeHolder: "Kies water:", | |
| 878 | theme: theme, | |
| 879 | source: waterlist, | |
| 880 | displayMember: "name", | |
| 881 | width: 150, | |
| 882 | height: 27, | |
| 883 | dropDownWidth: 300 | |
| 884 | }); | |
| 885 | $("#waddrowbutton").on('select', function (event) { | |
| 886 | if (event.args) { | |
| 887 | var index = event.args.index; | |
| 888 | var datarecord = waterlist.records[index]; | |
| 889 | var row = {}; | |
| 890 | row["w_name"] = datarecord.name; | |
| 891 | row["w_amount"] = 0; | |
| 892 | row["w_calcium"] = datarecord.calcium; | |
| 893 | row["w_sulfate"] = datarecord.sulfate; | |
| 894 | row["w_chloride"] = datarecord.chloride; | |
| 895 | row["w_sodium"] = datarecord.sodium; | |
| 896 | row["w_magnesium"] = datarecord.magnesium; | |
| 897 | row["w_ph"] = datarecord.ph; | |
| 898 | row["w_total_alkalinity"] = datarecord.total_alkalinity; | |
| 899 | row["w_default_water"] = datarecord.default_water; | |
| 900 | row["w_cost"] = datarecord.cost; | |
| 901 | var commit = $("#waterGrid").jqxGrid('addrow', null, row); | |
| 902 | } | |
| 903 | }); | |
| 904 | ||
| 905 | // delete selected water. | |
| 906 | // Overgebleven waters in volume verhogen met het verwijderde water. | |
| 907 | $("#wdeleterowbutton").jqxButton({ theme: theme, height: 27, width: 150 }); | |
| 908 | $("#wdeleterowbutton").on('click', function () { | |
| 909 | var selectedrowindex = $("#waterGrid").jqxGrid('getselectedrowindex'); | |
| 910 | var rowscount = $("#waterGrid").jqxGrid('getdatainformation').rowscount; | |
| 911 | if (selectedrowindex >= 0 && selectedrowindex < rowscount) { | |
| 912 | var id = $("#waterGrid").jqxGrid('getrowid', selectedrowindex); | |
| 913 | var commit = $("#waterGrid").jqxGrid('deleterow', id); | |
| 914 | } | |
| 915 | }); | |
| 916 | }, | |
| 917 | columns: [ | |
| 918 | { text: 'Water bron', editable: false, datafield: 'w_name' }, | |
| 919 | { text: 'Volume', datafield: 'w_amount', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'f1', | |
| 920 | columntype: 'numberinput', | |
| 921 | validation: function (cell, value) { | |
| 922 | if (value < 0 || value > 100000000000 ) { | |
| 923 | return { result: false, message: "Volume moet 0-~ zijn" }; | |
| 924 | } | |
| 925 | return true; | |
| 926 | } | |
| 927 | }, | |
| 928 | // TODO: validator test max is hoeveelheid maischwater. Dan water verdelen voor totaal. | |
| 929 | { text: 'Ca', editable: false, datafield: 'w_calcium', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'f1' }, | |
| 930 | { text: 'Mg', editable: false, datafield: 'w_magnesium', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'f1' }, | |
| 931 | { text: 'Na', editable: false, datafield: 'w_sodium', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'f1' }, | |
| 932 | { text: 'Tot Alk', editable: false, datafield: 'w_total_alkalinity', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'f1' }, | |
| 933 | { text: 'CaSO4', editable: false, datafield: 'w_sulfate', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'f1' }, | |
| 934 | { text: 'Cl', editable: false, datafield: 'w_chloride', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'f1' }, | |
| 935 | { text: 'pH', editable: false, datafield: 'w_ph', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'f1' } | |
| 936 | ] | |
| 937 | }); | |
| 938 | }; // editWater = function (data) { | |
| 939 | ||
| 940 | // inline mash editor | |
| 941 | var editMash = function (data) { | |
| 942 | var generaterow = function () { | |
| 943 | var row = {}; | |
| 944 | row["step_name"] = "Stap 1"; | |
| 945 | row["step_type"] = "Infusion"; | |
| 946 | row["step_infuse_amount"] = 15; | |
| 947 | row["step_temp"] = 62.0; | |
| 948 | row['step_time'] = 20.0; | |
| 949 | row['ramp_time'] = 1.0; | |
| 950 | row['end_temp'] = 62.0; | |
| 951 | return row; | |
| 952 | } | |
| 953 | var mashSource = { | |
| 954 | localdata: data.mashs, | |
| 955 | datatype: "local", | |
| 956 | cache: false, | |
| 957 | datafields: [ | |
| 958 | { name: 'step_name', type: 'string' }, | |
| 959 | { name: 'step_type', type: 'string' }, | |
| 960 | { name: 'step_infuse_amount', type: 'float' }, | |
| 961 | { name: 'step_temp', type: 'float' }, | |
| 962 | { name: 'step_time', type: 'float' }, | |
| 963 | { name: 'ramp_time', type: 'float' }, | |
| 964 | { name: 'end_temp', type: 'float' } | |
| 965 | ], | |
| 966 | addrow: function (rowid, rowdata, position, commit) { | |
| 967 | commit(true); | |
| 968 | }, | |
| 969 | deleterow: function (rowid, commit) { | |
| 970 | commit(true); | |
| 971 | } | |
| 972 | }; | |
| 973 | var mashAdapter = new $.jqx.dataAdapter(mashSource); | |
| 974 | // dropdownlist datasource from profile_mash | |
| 975 | var mashUrl = "include/db_profile_mash.php"; | |
| 976 | var mashInvSource = { | |
| 977 | datatype: "json", | |
| 978 | datafields: [ | |
| 979 | { name: 'record', type: 'number' }, | |
| 980 | { name: 'name', type: 'string' }, | |
| 981 | { name: 'steps', type: 'array' } | |
| 982 | ], | |
| 983 | url: mashUrl, | |
| 984 | async: true | |
| 985 | }; | |
| 986 | var mashlist = new $.jqx.dataAdapter(mashInvSource); | |
| 987 | ||
| 988 | $("#mashGrid").jqxGrid({ | |
| 989 | width: 960, | |
| 990 | height: 400, | |
| 991 | source: mashAdapter, | |
| 992 | theme: theme, | |
| 993 | selectionmode: 'singlerow', | |
| 994 | editmode: 'selectedrow', | |
| 995 | editable: true, | |
| 996 | localization: getLocalization(), | |
| 997 | showtoolbar: true, | |
| 998 | rendertoolbar: function (toolbar) { | |
| 999 | var me = this; | |
| 1000 | var container = $("<div style='overflow: hidden; position: relative; margin: 5px;'></div>"); | |
| 1001 | toolbar.append(container); | |
| 1002 | container.append('<input style="float: left; margin-left: 165px;" id="saddrowbutton" type="button" value="Nieuwe stap" />'); | |
| 1003 | container.append('<input style="float: left; margin-left: 230px;" id="sdeleterowbutton" type="button" value="Verwijder stap" />'); | |
| 1004 | $("#saddrowbutton").jqxButton({ theme: theme, height: 27, width: 150 }); | |
| 1005 | $("#saddrowbutton").on('click', function () { | |
| 1006 | var datarow = generaterow(); | |
| 1007 | var commit = $("#mashGrid").jqxGrid('addrow', null, datarow); | |
| 1008 | }); | |
| 1009 | // delete selected yeast. | |
| 1010 | $("#sdeleterowbutton").jqxButton({ theme: theme, height: 27, width: 150 }); | |
| 1011 | $("#sdeleterowbutton").on('click', function () { | |
| 1012 | var selectedrowindex = $("#mashGrid").jqxGrid('getselectedrowindex'); | |
| 1013 | var rowscount = $("#mashGrid").jqxGrid('getdatainformation').rowscount; | |
| 1014 | if (selectedrowindex >= 0 && selectedrowindex < rowscount) { | |
| 1015 | var id = $("#mashGrid").jqxGrid('getrowid', selectedrowindex); | |
| 1016 | var commit = $("#mashGrid").jqxGrid('deleterow', id); | |
| 1017 | } | |
| 1018 | }); | |
| 1019 | }, | |
| 1020 | columns: [ | |
| 1021 | { text: 'Stap naam', datafield: 'step_name' }, | |
| 1022 | { text: 'Stap type', datafield: 'step_type', width: 110, columntype: 'dropdownlist', | |
| 1023 | createeditor: function (row, cellvalue, editor, celltext, cellwidth, cellheight) { | |
| 1024 | var dataSource = [ "Infusion", "Temperature", "Decoction" ]; | |
| 1025 | editor.jqxDropDownList({ source: dataSource, dropDownHeight: 105 }); | |
| 1026 | } | |
| 1027 | }, | |
| 1028 | { text: 'Temperatuur', datafield: 'step_temp', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'f1', | |
| 1029 | validation: function (cell, value) { | |
| 1030 | if (value < 35 || value > 80) { | |
| 1031 | return { result: false, message: "De temperatuur moet tussen 35 en 80 zijn." }; | |
| 1032 | } | |
| 1033 | return true; | |
| 1034 | } | |
| 1035 | }, | |
| 1036 | { text: 'Eind', datafield: 'end_temp', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'f1', | |
| 1037 | validation: function (cell, value) { | |
| 1038 | if (value < 35 || value > 80) { | |
| 1039 | return { result: false, message: "De temperatuur moet tussen 35 en 80 zijn." }; | |
| 1040 | } | |
| 1041 | return true; | |
| 1042 | } | |
| 1043 | }, | |
| 1044 | { text: 'Tijd', datafield: 'step_time', width: 70, align: 'right', cellsalign: 'right', | |
| 1045 | validation: function (cell, value) { | |
| 1046 | if (value < 1 || value > 360) { | |
| 1047 | return { result: false, message: "De tijd moet tussen 1 en 360 zijn." }; | |
| 1048 | } | |
| 1049 | return true; | |
| 1050 | } | |
| 1051 | }, | |
| 1052 | { text: 'Stap', datafield: 'ramp_time', width: 70, align: 'right', cellsalign: 'right', | |
| 1053 | validation: function (cell, value) { | |
| 1054 | if (value < 1 || value > 60) { | |
| 1055 | return { result: false, message: "De tijd moet tussen 1 en 60 zijn." }; | |
| 1056 | } | |
| 1057 | return true; | |
| 1058 | } | |
| 1059 | }, | |
| 1060 | { text: 'Infuse', datafield: 'step_infuse_amount', width: 70, align: 'right', cellsalign: 'right', | |
| 1061 | validation: function (cell, value) { | |
| 1062 | if (value < 0 || value > 60) { | |
| 1063 | return { result: false, message: "De waarde moet tussen 0 en 60 zijn." }; | |
| 1064 | } | |
| 1065 | return true; | |
| 1066 | } | |
| 1067 | } | |
| 1068 | ] | |
| 1069 | }); | |
| 1070 | $("#mashGrid").on('cellendedit', function (event) { | |
| 1071 | $('#mashGrid').jqxGrid('sortby', 'step_temp', 'asc'); | |
| 1072 | }); | |
| 1073 | }; | |
| 1074 | ||
| 1075 | // initialize the input fields. | |
| 1076 | var srcType = [ "All Grain", "Partial Mash", "Extract" ]; | |
| 1077 | var srcColor = [ "Morey", "Mosher", "Daniels" ]; | |
| 1078 | var srcIBU = [ "Tinseth", "Rager", "Garetz", "Daniels", "Mosher", "Noonan" ]; | |
| 1079 | $("#name").jqxInput({ theme: theme, width: 640, height: 23 }); | |
| 1080 | $("#notes").jqxInput({ theme: theme, width: 960, height: 200 }); | |
| 1081 | $("#st_name").jqxInput({ theme: theme, width: 250, height: 23 }); | |
| 1082 | $("#st_letter").jqxInput({ theme: theme, width: 100, height: 23 }); | |
| 1083 | $("#st_guide").jqxInput({ theme: theme, width: 250, height: 23 }); | |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1084 | $("#st_category").jqxInput({ theme: theme, width: 250, height: 23 }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1085 | $("#st_category_number").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 0, readOnly: true }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1086 | $("#st_type").jqxInput({ theme: theme, width: 90, height: 23 }); |
| 68 | 1087 | $("#type").jqxDropDownList({ theme: theme, source: srcType, width: 125, height: 23, dropDownHeight: 95 }); |
| 1088 | $("#batch_size").jqxNumberInput({ inputMode: 'simple', spinMode: 'simple', theme: theme, width: 100, height: 23, min: 4, decimalDigits: 1, spinButtons: true, spinButtonsStep: 0.1, symbol: 'L', symbolPosition: 'right' }); | |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1089 | $("#boil_time").jqxNumberInput({ inputMode: 'simple', spinMode: 'simple', theme: theme, width: 100, height: 23, min: 4, max: 360, decimalDigits: 0, spinButtons: true }); |
| 68 | 1090 | $("#efficiency").jqxNumberInput({ inputMode: 'simple', spinMode: 'simple', theme: theme, width: 100, height: 23, min: 40, max: 100, decimalDigits: 0, spinButtons: true, symbol: '%', symbolPosition: 'right' }); |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1091 | |
| 68 | 1092 | $("#est_og").jqxNumberInput({ inputMode: 'simple', spinMode: 'simple', theme: theme, width: 100, height: 23, min: 1, max: 1.9, decimalDigits: 3, spinButtons: true, spinButtonsStep: 0.001 }); |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1093 | $("#st_og_min").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 3, readOnly: true }); |
| 68 | 1094 | $("#st_og_max").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 3, readOnly: true }); |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1095 | |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1096 | $("#est_fg").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 100, height: 23, decimalDigits: 3, readOnly: true }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1097 | $("#st_fg_min").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 3, readOnly: true }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1098 | $("#st_fg_max").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 3, readOnly: true }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1099 | |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1100 | $("#est_abv").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 1, readOnly: true }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1101 | $("#st_abv_min").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 1, readOnly: true }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1102 | $("#st_abv_max").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 1, readOnly: true }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1103 | |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1104 | $("#est_color").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 0, readOnly: true }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1105 | $("#st_color_min").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 0, readOnly: true }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1106 | $("#st_color_max").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 0, readOnly: true }); |
| 68 | 1107 | $("#color_method").jqxDropDownList({ theme: theme, source: srcColor, width: 125, height: 23, dropDownHeight: 95 }); |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1108 | |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1109 | $("#est_ibu").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 0, readOnly: true }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1110 | $("#st_ibu_min").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 0, readOnly: true }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1111 | $("#st_ibu_max").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 0, readOnly: true }); |
| 68 | 1112 | $("#ibu_method").jqxDropDownList({ theme: theme, source: srcIBU, width: 125, height: 23, dropDownHeight: 180 }); |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1113 | |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1114 | $("#est_carb").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 1, readOnly: true }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1115 | $("#st_carb_min").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 1, readOnly: true }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1116 | $("#st_carb_max").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 1, readOnly: true }); |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1117 | |
| 68 | 1118 | $("#mash_name").jqxInput({ theme: theme, width: 320, height: 23 }); |
| 1119 | $("#mash_ph").jqxNumberInput({ inputMode: 'simple', spinMode: 'simple', theme: theme, width: 100, height: 23, min: 4, max: 8, decimalDigits: 1, spinButtons: true, spinButtonsStep: 0.1 }); | |
| 1120 | $("#mash_sparge_temp").jqxNumberInput({ inputMode: 'simple', spinMode: 'simple', theme: theme, width: 100, height: 23, min: 70, max: 98, decimalDigits: 1, spinButtons: true, spinButtonsStep: 0.5 }); | |
| 1121 | ||
| 1122 | // Tabs inside the popup window. | |
| 1123 | $('#jqxTabs').jqxTabs({ | |
| 1124 | theme: theme, | |
| 1125 | width: 1280, | |
| 1126 | height: 630, | |
| 1127 | autoHeight: false, | |
| 1128 | position: 'top' | |
| 1129 | }); | |
| 1130 | ||
| 1131 | $("#Delete").jqxButton({ template: "danger", width: '80px', theme: theme }); | |
| 1132 | $("#Delete").click(function () { | |
| 1133 | // Open a popup to confirm this action. | |
| 1134 | $('#eventWindow').jqxWindow('open'); | |
| 1135 | $("#delOk").click(function () { | |
| 1136 | var data = "delete=true&" + $.param({ record: my_record }); | |
| 1137 | $.ajax({ | |
| 1138 | dataType: 'json', | |
| 1139 | url: url, | |
| 1140 | cache: false, | |
| 1141 | data: data, | |
| 1142 | type: "POST", | |
| 1143 | success: function (data, status, xhr) { | |
| 1144 | // delete command is executed. | |
| 1145 | window.location.href = my_return; | |
| 1146 | }, | |
| 1147 | error: function (jqXHR, textStatus, errorThrown) { | |
| 1148 | } | |
| 1149 | }); | |
| 1150 | }); | |
| 1151 | }); | |
| 1152 | ||
| 1153 | $("#Cancel").jqxButton({ template: "primary", width: '80px', theme: theme }); | |
| 1154 | $("#Cancel").click(function () { | |
| 1155 | window.location.href = my_return; | |
| 1156 | }); | |
| 1157 | ||
| 1158 | $("#Save").jqxButton({ template: "success", width: '90px', theme: theme }); | |
| 1159 | $("#Save").click(function () { | |
| 1160 | var fermentablerow = $('#fermentableGrid').jqxGrid('getrows'); | |
| 1161 | var hoprow = $('#hopGrid').jqxGrid('getrows'); | |
| 1162 | var miscrow = $('#miscGrid').jqxGrid('getrows'); | |
| 1163 | var yeastrow = $('#yeastGrid').jqxGrid('getrows'); | |
| 1164 | var waterrow = $('#waterGrid').jqxGrid('getrows'); | |
| 1165 | var mashrow = $('#mashGrid').jqxGrid('getrows'); | |
| 1166 | var row = { | |
| 1167 | record: my_record, | |
| 1168 | name: $("#name").val(), | |
| 1169 | notes: $("#notes").val(), | |
| 1170 | st_name: $('#st_name').val(), | |
| 1171 | st_letter: $('#st_letter').val(), | |
| 1172 | st_guide: $('#st_guide').val(), | |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1173 | st_type: $('#st_type').val(), |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1174 | st_category: $('#st_category').val(), |
|
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1175 | st_category_number: parseFloat($("#st_category_number").jqxNumberInput('decimal')), |
| 68 | 1176 | st_og_min: dataRecord.st_og_min, |
| 1177 | st_og_max: dataRecord.st_og_max, | |
| 1178 | st_fg_min: dataRecord.st_fg_min, | |
| 1179 | st_fg_max: dataRecord.st_fg_max, | |
| 1180 | st_ibu_min: dataRecord.st_ibu_min, | |
| 1181 | st_ibu_max: dataRecord.st_ibu_max, | |
| 1182 | st_color_min: dataRecord.st_color_min, | |
| 1183 | st_color_max: dataRecord.st_color_max, | |
| 1184 | st_carb_min: dataRecord.st_carb_min, | |
| 1185 | st_carb_max: dataRecord.st_carb_max, | |
| 1186 | st_abv_min: dataRecord.st_abv_min, | |
| 1187 | st_abv_max: dataRecord.st_abv_max, | |
| 1188 | type: $("#type").val(), | |
| 1189 | batch_size: parseFloat($("#batch_size").jqxNumberInput('decimal')), | |
| 1190 | boil_time: parseFloat($("#boil_time").jqxNumberInput('decimal')), | |
| 1191 | efficiency: parseFloat($("#efficiency").jqxNumberInput('decimal')), | |
| 1192 | est_og: parseFloat($("#est_og").jqxNumberInput('decimal')), | |
| 1193 | est_fg: parseFloat($("#est_fg").jqxNumberInput('decimal')), | |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1194 | est_abv: parseFloat($("#est_abv").jqxNumberInput('decimal')), |
| 68 | 1195 | est_color: parseFloat($("#est_color").jqxNumberInput('decimal')), |
| 1196 | color_method: $("#color_method").val(), | |
| 1197 | est_ibu: parseFloat($("#est_ibu").jqxNumberInput('decimal')), | |
| 1198 | ibu_method: $("#ibu_method").val(), | |
|
72
93a0be4f5be3
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.
Michiel Broek <mbroek@mbse.eu>
parents:
71
diff
changeset
|
1199 | est_carb: parseFloat($("#est_carb").jqxNumberInput('decimal')), |
| 68 | 1200 | mash_name: $("#mash_name").val(), |
| 1201 | mash_ph: parseFloat($("#mash_ph").jqxNumberInput('decimal')), | |
| 1202 | mash_sparge_temp: parseFloat($("#mash_sparge_temp").jqxNumberInput('decimal')), | |
| 1203 | fermentables: fermentablerow, | |
| 1204 | hops: hoprow, | |
| 1205 | miscs: miscrow, | |
| 1206 | yeasts: yeastrow, | |
| 1207 | waters: waterrow, | |
| 1208 | mashs: mashrow | |
| 1209 | }; | |
| 1210 | var data = "update=true&" + $.param(row); | |
| 1211 | $.ajax({ | |
| 1212 | dataType: 'json', | |
| 1213 | url: url, | |
| 1214 | cache: false, | |
| 1215 | data: data, | |
| 1216 | type: "POST", | |
| 1217 | success: function (data, status, xhr) { | |
| 1218 | // update command is executed. | |
| 1219 | window.location.href = my_return; | |
| 1220 | }, | |
| 1221 | error: function(jqXHR, textStatus, errorThrown) { | |
| 1222 | } | |
| 1223 | }); | |
| 1224 | }); | |
| 1225 | createDelElements(); | |
| 1226 | }); | |
| 1227 |
