--- a/www/js/rec_new.js Fri Oct 18 19:24:05 2019 +0200
+++ b/www/js/rec_new.js Fri Oct 18 20:04:40 2019 +0200
@@ -21,310 +21,310 @@
*****************************************************************************/
-$(document).ready(function () {
+$(document).ready(function() {
- var recipe_type = 2,
- style_type = 0,
+ var recipe_type = 2,
+ style_type = 0,
- //Creating wizard module
- wizard = (function () {
+ //Creating wizard module
+ wizard = (function() {
- //Adding event listeners
- var _addHandlers = function () {
- $('#name').on('change', function (event) { wizard.validate(true); });
- $('#type').on('change', function (event) { wizard.validate(true); });
- $('#boil_time').on('change', function (event) { wizard.validate(true); });
- $('#est_og').on('change', function (event) { wizard.validate(true); });
- $('#efficiency').on('change', function (event) { wizard.validate(true); });
- $('#styleSelect').on('change', function (event) { wizard.validate(true); });
- $('#nextButtonCompleted').click(function () {
- console.log("insert start");
- var newrow = {
- record: -1,
- locked: 0,
- name: $("#name").val(),
- notes: $("#notes").val(),
- st_name: $('#st_name').val(),
- st_letter: $('#st_style_letter').val(),
- st_guide: $('#st_style_guide').val(),
- st_category: $('#st_category').val(),
- st_category_number: parseFloat($('#st_category_number').jqxNumberInput('decimal')),
- st_type: style_type,
- st_og_min: parseFloat($("#st_og_min").jqxNumberInput('decimal')),
- st_og_max: parseFloat($("#st_og_max").jqxNumberInput('decimal')),
- st_fg_min: parseFloat($("#st_fg_min").jqxNumberInput('decimal')),
- st_fg_max: parseFloat($("#st_fg_max").jqxNumberInput('decimal')),
- st_ibu_min: parseFloat($("#st_ibu_min").jqxNumberInput('decimal')),
- st_ibu_max: parseFloat($("#st_ibu_max").jqxNumberInput('decimal')),
- st_color_min: parseFloat($("#st_color_min").jqxNumberInput('decimal')),
- st_color_max: parseFloat($("#st_color_max").jqxNumberInput('decimal')),
- st_carb_min: parseFloat($("#st_carb_min").jqxNumberInput('decimal')),
- st_carb_max: parseFloat($("#st_carb_max").jqxNumberInput('decimal')),
- st_abv_min: parseFloat($("#st_abv_min").jqxNumberInput('decimal')),
- st_abv_max: parseFloat($("#st_abv_max").jqxNumberInput('decimal')),
- type: recipe_type,
- batch_size: 20.0,
- boil_size: 22.0,
- boil_time: parseFloat($("#boil_time").jqxNumberInput('decimal')),
- efficiency: parseFloat($("#efficiency").jqxNumberInput('decimal')),
- est_og: parseFloat($("#est_og").jqxNumberInput('decimal')),
- est_fg: 1.000,
- est_color: 0,
- est_abv: 0.0,
- est_carb: 0.0,
- color_method: 0, // Morey
- est_ibu: 0,
- ibu_method: 0, // Tinseth
- mash_name: "",
- mash_ph: 5.4,
- sparge_temp: 85.0,
- sparge_volume: 12.0,
- sparge_ph: 5.8,
- sparge_source: 0, // Source 1
- sparge_acid_type: 0, // Lactic acid
- sparge_acid_perc: 80,
- sparge_acid_amount: 0,
- calc_acid: true,
- w1_name: 'Tap water',
- w1_amount: 15,
- w1_calcium: 0,
- w1_sulfate: 0,
- w1_chloride: 0,
- w1_sodium: 0,
- w1_magnesium: 0,
- w1_total_alkalinity: 0,
- w1_ph: 7.0,
- w1_cost: 0.0,
- wa_acid_name: 0, // Lactic acid
- wa_acid_perc: 80,
- wa_base_name: 0
- },
- data = "insert=true&return=" + my_return + "&" + $.param(newrow);
- $.ajax({
- dataType: 'json',
- url: "includes/db_recipes.php",
- cache: false,
- data: data,
- type: "POST",
- success: function (data, status, xhr) {
- // update command is executed.
- window.location.href = my_return;
- },
- error: function(jqXHR, textStatus, errorThrown) {
- }
- });
- });
- $('.nextButton').click(function () {
- wizard.validate(true);
- $('#jqxTabs').jqxTabs('next');
- });
- $('.backButton').click(function () {
- wizard.validate(true);
- $('#jqxTabs').jqxTabs('previous');
- });
- };
+ //Adding event listeners
+ var _addHandlers = function() {
+ $('#name').on('change', function(event) { wizard.validate(true); });
+ $('#type').on('change', function(event) { wizard.validate(true); });
+ $('#boil_time').on('change', function(event) { wizard.validate(true); });
+ $('#est_og').on('change', function(event) { wizard.validate(true); });
+ $('#efficiency').on('change', function(event) { wizard.validate(true); });
+ $('#styleSelect').on('change', function(event) { wizard.validate(true); });
+ $('#nextButtonCompleted').click(function() {
+ console.log('insert start');
+ var newrow = {
+ record: -1,
+ locked: 0,
+ name: $('#name').val(),
+ notes: $('#notes').val(),
+ st_name: $('#st_name').val(),
+ st_letter: $('#st_style_letter').val(),
+ st_guide: $('#st_style_guide').val(),
+ st_category: $('#st_category').val(),
+ st_category_number: parseFloat($('#st_category_number').jqxNumberInput('decimal')),
+ st_type: style_type,
+ st_og_min: parseFloat($('#st_og_min').jqxNumberInput('decimal')),
+ st_og_max: parseFloat($('#st_og_max').jqxNumberInput('decimal')),
+ st_fg_min: parseFloat($('#st_fg_min').jqxNumberInput('decimal')),
+ st_fg_max: parseFloat($('#st_fg_max').jqxNumberInput('decimal')),
+ st_ibu_min: parseFloat($('#st_ibu_min').jqxNumberInput('decimal')),
+ st_ibu_max: parseFloat($('#st_ibu_max').jqxNumberInput('decimal')),
+ st_color_min: parseFloat($('#st_color_min').jqxNumberInput('decimal')),
+ st_color_max: parseFloat($('#st_color_max').jqxNumberInput('decimal')),
+ st_carb_min: parseFloat($('#st_carb_min').jqxNumberInput('decimal')),
+ st_carb_max: parseFloat($('#st_carb_max').jqxNumberInput('decimal')),
+ st_abv_min: parseFloat($('#st_abv_min').jqxNumberInput('decimal')),
+ st_abv_max: parseFloat($('#st_abv_max').jqxNumberInput('decimal')),
+ type: recipe_type,
+ batch_size: 20.0,
+ boil_size: 22.0,
+ boil_time: parseFloat($('#boil_time').jqxNumberInput('decimal')),
+ efficiency: parseFloat($('#efficiency').jqxNumberInput('decimal')),
+ est_og: parseFloat($('#est_og').jqxNumberInput('decimal')),
+ est_fg: 1.000,
+ est_color: 0,
+ est_abv: 0.0,
+ est_carb: 0.0,
+ color_method: 0, // Morey
+ est_ibu: 0,
+ ibu_method: 0, // Tinseth
+ mash_name: '',
+ mash_ph: 5.4,
+ sparge_temp: 85.0,
+ sparge_volume: 12.0,
+ sparge_ph: 5.8,
+ sparge_source: 0, // Source 1
+ sparge_acid_type: 0, // Lactic acid
+ sparge_acid_perc: 80,
+ sparge_acid_amount: 0,
+ calc_acid: true,
+ w1_name: 'Tap water',
+ w1_amount: 15,
+ w1_calcium: 0,
+ w1_sulfate: 0,
+ w1_chloride: 0,
+ w1_sodium: 0,
+ w1_magnesium: 0,
+ w1_total_alkalinity: 0,
+ w1_ph: 7.0,
+ w1_cost: 0.0,
+ wa_acid_name: 0, // Lactic acid
+ wa_acid_perc: 80,
+ wa_base_name: 0
+ },
+ data = 'insert=true&return=' + my_return + '&' + $.param(newrow);
+ $.ajax({
+ dataType: 'json',
+ url: 'includes/db_recipes.php',
+ cache: false,
+ data: data,
+ type: 'POST',
+ success: function(data, status, xhr) {
+ // update command is executed.
+ window.location.href = my_return;
+ },
+ error: function(jqXHR, textStatus, errorThrown) {
+ }
+ });
+ });
+ $('.nextButton').click(function() {
+ wizard.validate(true);
+ $('#jqxTabs').jqxTabs('next');
+ });
+ $('.backButton').click(function() {
+ wizard.validate(true);
+ $('#jqxTabs').jqxTabs('previous');
+ });
+ };
- return {
- //Initializing the wizzard - creating all elements, adding event handlers and starting the validation
- init: function () {
- $('#jqxTabs').jqxTabs({
- theme: theme,
- height: 630,
- width: 1280,
- autoHeight: false,
- position: 'top',
- keyboardNavigation: false
- });
- $('#nextButtonBase').jqxButton({ theme: theme, width: 150 });
- $('#nextButtonStyle').jqxButton({ theme: theme, width: 150});
- $('#backButtonStyle').jqxButton({ theme: theme, template: 'success', width: 150});
- $('#nextButtonCompleted').jqxButton({ theme: theme, template: 'success', width: 150});
- $('#backButtonCompleted').jqxButton({ theme: theme, template: 'success', width: 150});
- _addHandlers();
- this.validate();
- this.showHint('Vul de nodige gegevens in.');
- },
+ return {
+ //Initializing the wizzard - creating all elements, adding event handlers and starting the validation
+ init: function() {
+ $('#jqxTabs').jqxTabs({
+ theme: theme,
+ height: 630,
+ width: 1280,
+ autoHeight: false,
+ position: 'top',
+ keyboardNavigation: false
+ });
+ $('#nextButtonBase').jqxButton({ theme: theme, width: 150 });
+ $('#nextButtonStyle').jqxButton({ theme: theme, width: 150});
+ $('#backButtonStyle').jqxButton({ theme: theme, template: 'success', width: 150});
+ $('#nextButtonCompleted').jqxButton({ theme: theme, template: 'success', width: 150});
+ $('#backButtonCompleted').jqxButton({ theme: theme, template: 'success', width: 150});
+ _addHandlers();
+ this.validate();
+ this.showHint('Vul de nodige gegevens in.');
+ },
- //Validating all wizard tabs
- validate: function (notify) {
- if (!this.firstTab(notify)) {
- $('#jqxTabs').jqxTabs('disableAt', 1);
- $('#jqxTabs').jqxTabs('disableAt', 2);
- return;
- } else {
- $('#jqxTabs').jqxTabs('enableAt', 1);
- }
- if (!this.secondTab(notify)) {
- $('#jqxTabs').jqxTabs('disableAt', 2);
- return;
- } else {
- $('#jqxTabs').jqxTabs('enableAt', 2);
- }
- },
+ //Validating all wizard tabs
+ validate: function(notify) {
+ if (!this.firstTab(notify)) {
+ $('#jqxTabs').jqxTabs('disableAt', 1);
+ $('#jqxTabs').jqxTabs('disableAt', 2);
+ return;
+ } else {
+ $('#jqxTabs').jqxTabs('enableAt', 1);
+ }
+ if (!this.secondTab(notify)) {
+ $('#jqxTabs').jqxTabs('disableAt', 2);
+ return;
+ } else {
+ $('#jqxTabs').jqxTabs('enableAt', 2);
+ }
+ },
- //Displaying message to the user
- showHint: function (message, selector) {
- if (typeof selector === 'undefined') {
- selector = '.hint';
- }
- if (message === '') {
- message = 'Ok, je mag doorgaan.';
- }
- $(selector).html('<strong>' + message + '</strong>');
- },
+ //Displaying message to the user
+ showHint: function(message, selector) {
+ if (typeof selector === 'undefined') {
+ selector = '.hint';
+ }
+ if (message === '') {
+ message = 'Ok, je mag doorgaan.';
+ }
+ $(selector).html('<strong>' + message + '</strong>');
+ },
- //Validating the first tab
- firstTab: function (notify) {
- var name = $('#name').val(),
- type = $('#type').val(),
- boil_time = parseFloat($("#boil_time").jqxNumberInput('decimal')),
- est_og = parseFloat($("#est_og").jqxNumberInput('decimal')),
- efficiency = parseFloat($("#efficiency").jqxNumberInput('decimal')),
- message = '';
- if (name.length < 3) {
- message += 'Je moet een recept naam invullen. <br />';
- }
- // Check if name already exists.
- if (type.length < 1) {
- message += 'Je moet een brouw type kiezen. <br />';
- }
- if ((boil_time < 4) || (boil_time > 360)) {
- message += 'De kooktijd moet tussen 4 en 360 minuten zijn. <br />';
- }
- if ((est_og < 1.010) || (est_og > 1.200)) {
- message += 'Het OG moet tussen 1.010 en 1.200 zijn. <br />';
- }
- if ((efficiency < 35) || (efficiency > 95)) {
- message += 'Het brouwzaal rendement moet tussen 35 en 95 zijn. <br />';
- }
- if (message !== '') {
- if (notify) {
- this.showHint(message, '#hintBase');
- }
- return false;
- }
- this.showHint('Ok, je mag doorgaan.', '#hintBase');
- $('#nextButtonBase').jqxButton({ template: 'success' });
- return true;
- },
+ //Validating the first tab
+ firstTab: function(notify) {
+ var name = $('#name').val(),
+ type = $('#type').val(),
+ boil_time = parseFloat($('#boil_time').jqxNumberInput('decimal')),
+ est_og = parseFloat($('#est_og').jqxNumberInput('decimal')),
+ efficiency = parseFloat($('#efficiency').jqxNumberInput('decimal')),
+ message = '';
+ if (name.length < 3) {
+ message += 'Je moet een recept naam invullen. <br />';
+ }
+ // Check if name already exists.
+ if (type.length < 1) {
+ message += 'Je moet een brouw type kiezen. <br />';
+ }
+ if ((boil_time < 4) || (boil_time > 360)) {
+ message += 'De kooktijd moet tussen 4 en 360 minuten zijn. <br />';
+ }
+ if ((est_og < 1.010) || (est_og > 1.200)) {
+ message += 'Het OG moet tussen 1.010 en 1.200 zijn. <br />';
+ }
+ if ((efficiency < 35) || (efficiency > 95)) {
+ message += 'Het brouwzaal rendement moet tussen 35 en 95 zijn. <br />';
+ }
+ if (message !== '') {
+ if (notify) {
+ this.showHint(message, '#hintBase');
+ }
+ return false;
+ }
+ this.showHint('Ok, je mag doorgaan.', '#hintBase');
+ $('#nextButtonBase').jqxButton({ template: 'success' });
+ return true;
+ },
- //Validating the second tab
- secondTab: function (notify) {
- var stylesel = $('#styleSelect').val(),
- message = '';
- if (stylesel.length < 3) {
- message += 'Je moet een bierstijl kiezen. <br />';
- }
- if (message !== '') {
- if (notify) {
- this.showHint(message, '#hintStyle');
- }
- return false;
- }
- this.showHint('Ok, je mag doorgaan.', '#hintStyle');
- $('#nextButtonStyle').jqxButton({ template: 'success' });
- return true;
- }
- }
- } ());
+ //Validating the second tab
+ secondTab: function(notify) {
+ var stylesel = $('#styleSelect').val(),
+ message = '';
+ if (stylesel.length < 3) {
+ message += 'Je moet een bierstijl kiezen. <br />';
+ }
+ if (message !== '') {
+ if (notify) {
+ this.showHint(message, '#hintStyle');
+ }
+ return false;
+ }
+ this.showHint('Ok, je mag doorgaan.', '#hintStyle');
+ $('#nextButtonStyle').jqxButton({ template: 'success' });
+ return true;
+ }
+ };
+ } ());
- // Tab 1, Base
- $("#name").jqxTooltip({ content: 'De naam voor dit recept.' });
- $("#name").jqxInput({ theme: theme, width: 640, height: 23 });
- $("#notes").jqxTooltip({ content: 'De uitgebreide opmerkingen over dit recept.' });
- $("#notes").jqxInput({ theme: theme, width: 960, height: 200 });
- $("#type").jqxDropDownList({
- theme: theme,
- source: RecipeTypeAdapter,
- valueMember: 'id',
- displayMember: 'nl',
- width: 180,
- height: 23,
- autoDropDownHeight: true
- });
- $("#type").jqxDropDownList('selectItem', 2);
- $("#type").on('select', function (event) {
- if (event.args) {
- recipe_type = event.args.index;
- }
- });
- $("#boil_time").jqxNumberInput( PosInt );
- $("#boil_time").jqxNumberInput({ min: 4, max: 360 });
- $("#efficiency").jqxNumberInput( Perc0 );
- $("#est_og").jqxNumberInput( SGopts );
- // Default values.
- $("#boil_time").val(90);
- $("#efficiency").val(75);
- $("#est_og").val(1.052);
+ // Tab 1, Base
+ $('#name').jqxTooltip({ content: 'De naam voor dit recept.' });
+ $('#name').jqxInput({ theme: theme, width: 640, height: 23 });
+ $('#notes').jqxTooltip({ content: 'De uitgebreide opmerkingen over dit recept.' });
+ $('#notes').jqxInput({ theme: theme, width: 960, height: 200 });
+ $('#type').jqxDropDownList({
+ theme: theme,
+ source: RecipeTypeAdapter,
+ valueMember: 'id',
+ displayMember: 'nl',
+ width: 180,
+ height: 23,
+ autoDropDownHeight: true
+ });
+ $('#type').jqxDropDownList('selectItem', 2);
+ $('#type').on('select', function(event) {
+ if (event.args) {
+ recipe_type = event.args.index;
+ }
+ });
+ $('#boil_time').jqxNumberInput(PosInt);
+ $('#boil_time').jqxNumberInput({ min: 4, max: 360 });
+ $('#efficiency').jqxNumberInput(Perc0);
+ $('#est_og').jqxNumberInput(SGopts);
+ // Default values.
+ $('#boil_time').val(90);
+ $('#efficiency').val(75);
+ $('#est_og').val(1.052);
- // Tab 2, Style
- $("#st_name").jqxInput({ theme: theme, width: 250, height: 23 });
- $("#st_category").jqxInput({ theme: theme, width: 250, height: 23 });
- $("#st_category_number").jqxInput({ theme: theme, width: 70, height: 23 });
- $("#st_style_letter").jqxInput({ theme: theme, width: 250, height: 23 });
- $("#st_style_guide").jqxInput({ theme: theme, width: 250, height: 23 });
- $("#st_notes").jqxInput({ theme: theme, width: 800, height: 100 });
- $("#st_type").jqxInput({ theme: theme, width: 250, height: 23 });
- $("#st_og_min").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 3, readOnly: true });
- $("#st_og_max").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 3, readOnly: true });
- $("#st_fg_min").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 3, readOnly: true });
- $("#st_fg_max").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 3, readOnly: true });
- $("#st_ibu_min").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 0, readOnly: true });
- $("#st_ibu_max").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 0, readOnly: true });
- $("#st_color_min").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 0, readOnly: true });
- $("#st_color_max").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 0, readOnly: true });
- $("#st_carb_min").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 1, readOnly: true });
- $("#st_carb_max").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 1, readOnly: true });
- $("#st_abv_min").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 1, readOnly: true });
- $("#st_abv_max").jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 1, readOnly: true });
- $("#st_profile").jqxInput({ theme: theme, width: 800, height: 48 });
- $("#st_ingredients").jqxInput({ theme: theme, width: 800, height: 23 });
- $("#st_examples").jqxInput({ theme: theme, width: 800, height: 48 });
- $("#styleSelect").jqxDropDownList({
- placeHolder: "Kies bierstijl:",
- theme: theme,
- source: styleslist,
- displayMember: "name",
- width: 250,
- height: 27,
- dropDownWidth: 500,
- dropDownHeight: 500,
- renderer: function (index, label, value) {
- var datarecord = styleslist.records[index];
- return datarecord.style_guide + " " + datarecord.style_letter+ " " + datarecord.name;
- }
- });
- $("#styleSelect").on('select', function (event) {
- if (event.args) {
- var datarecord, index = event.args.index;
- datarecord = styleslist.records[index];
- $("#st_name").val(datarecord.name);
- $("#st_category").val(datarecord.category);
- $("#st_category_number").val(datarecord.category_number);
- $("#st_style_letter").val(datarecord.style_letter);
- $("#st_style_guide").val(datarecord.style_guide);
- style_type = datarecord.type;
- $("#st_type").val(StyleTypeData[datarecord.type].nl);
- $("#st_og_min").val(datarecord.og_min);
- $("#st_og_max").val(datarecord.og_max);
- $("#st_fg_min").val(datarecord.fg_min);
- $("#st_fg_max").val(datarecord.fg_max);
- $("#st_ibu_min").val(datarecord.ibu_min);
- $("#st_ibu_max").val(datarecord.ibu_max);
- $("#st_color_min").val(datarecord.color_min);
- $("#st_color_max").val(datarecord.color_max);
- $("#st_carb_min").val(datarecord.carb_min);
- $("#st_carb_max").val(datarecord.carb_max);
- $("#st_abv_min").val(datarecord.abv_min);
- $("#st_abv_max").val(datarecord.abv_max);
- $("#st_notes").val(datarecord.notes);
- $("#st_profile").val(datarecord.profile);
- $("#st_ingredients").val(datarecord.ingredients);
- $("#st_examples").val(datarecord.examples);
- }
- });
+ // Tab 2, Style
+ $('#st_name').jqxInput({ theme: theme, width: 250, height: 23 });
+ $('#st_category').jqxInput({ theme: theme, width: 250, height: 23 });
+ $('#st_category_number').jqxInput({ theme: theme, width: 70, height: 23 });
+ $('#st_style_letter').jqxInput({ theme: theme, width: 250, height: 23 });
+ $('#st_style_guide').jqxInput({ theme: theme, width: 250, height: 23 });
+ $('#st_notes').jqxInput({ theme: theme, width: 800, height: 100 });
+ $('#st_type').jqxInput({ theme: theme, width: 250, height: 23 });
+ $('#st_og_min').jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 3, readOnly: true });
+ $('#st_og_max').jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 3, readOnly: true });
+ $('#st_fg_min').jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 3, readOnly: true });
+ $('#st_fg_max').jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 3, readOnly: true });
+ $('#st_ibu_min').jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 0, readOnly: true });
+ $('#st_ibu_max').jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 0, readOnly: true });
+ $('#st_color_min').jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 0, readOnly: true });
+ $('#st_color_max').jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 0, readOnly: true });
+ $('#st_carb_min').jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 1, readOnly: true });
+ $('#st_carb_max').jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 1, readOnly: true });
+ $('#st_abv_min').jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 1, readOnly: true });
+ $('#st_abv_max').jqxNumberInput({ inputMode: 'simple', theme: theme, width: 50, height: 23, decimalDigits: 1, readOnly: true });
+ $('#st_profile').jqxInput({ theme: theme, width: 800, height: 48 });
+ $('#st_ingredients').jqxInput({ theme: theme, width: 800, height: 23 });
+ $('#st_examples').jqxInput({ theme: theme, width: 800, height: 48 });
+ $('#styleSelect').jqxDropDownList({
+ placeHolder: 'Kies bierstijl:',
+ theme: theme,
+ source: styleslist,
+ displayMember: 'name',
+ width: 250,
+ height: 27,
+ dropDownWidth: 500,
+ dropDownHeight: 500,
+ renderer: function(index, label, value) {
+ var datarecord = styleslist.records[index];
+ return datarecord.style_guide + ' ' + datarecord.style_letter + ' ' + datarecord.name;
+ }
+ });
+ $('#styleSelect').on('select', function(event) {
+ if (event.args) {
+ var datarecord, index = event.args.index;
+ datarecord = styleslist.records[index];
+ $('#st_name').val(datarecord.name);
+ $('#st_category').val(datarecord.category);
+ $('#st_category_number').val(datarecord.category_number);
+ $('#st_style_letter').val(datarecord.style_letter);
+ $('#st_style_guide').val(datarecord.style_guide);
+ style_type = datarecord.type;
+ $('#st_type').val(StyleTypeData[datarecord.type].nl);
+ $('#st_og_min').val(datarecord.og_min);
+ $('#st_og_max').val(datarecord.og_max);
+ $('#st_fg_min').val(datarecord.fg_min);
+ $('#st_fg_max').val(datarecord.fg_max);
+ $('#st_ibu_min').val(datarecord.ibu_min);
+ $('#st_ibu_max').val(datarecord.ibu_max);
+ $('#st_color_min').val(datarecord.color_min);
+ $('#st_color_max').val(datarecord.color_max);
+ $('#st_carb_min').val(datarecord.carb_min);
+ $('#st_carb_max').val(datarecord.carb_max);
+ $('#st_abv_min').val(datarecord.abv_min);
+ $('#st_abv_max').val(datarecord.abv_max);
+ $('#st_notes').val(datarecord.notes);
+ $('#st_profile').val(datarecord.profile);
+ $('#st_ingredients').val(datarecord.ingredients);
+ $('#st_examples').val(datarecord.examples);
+ }
+ });
- //Initializing the wizard
- wizard.init();
+ //Initializing the wizard
+ wizard.init();
});
