bms: comparison www/js/profile_mash.js

comparison: www/js/profile_mash.js

www/js/profile_mash.js

changeset 494: af28ebe4a779
parent 483: ac69a63dc23e
child 523: 3cccf4392a25

equal deleted inserted replaced

-:8c4f08445624
+:af28ebe4a779
 }
 $(document).ready(function () {
-	var steprow = 0;
-	var stepData = {};
-	var dataRecord = {};
-	var url = 'includes/db_profile_mash.php';
 	// tooltips
 	$("#name").jqxTooltip({ content: 'De naam voor dit maisch profiel.' });
 	$("#notes").jqxTooltip({ content: 'De uitgebreide opmerkingen over dit maisch profiel.' });
-	// prepare the data
-	var source = {
+	var steprow = 0,
+stepData = {},
+dataRecord = {},
+url = 'includes/db_profile_mash.php',
+	source = {
 		datatype: 'json',
 		cache: false,
 		datafields: [
 			{ name: 'record', type: 'number' },
 			{ name: 'name', type: 'string' },
 					commit(false);
 					console.log('mash updaterow ' + textStatus);
 				}
 			});
 		}
-	};
+	},
-	// Initialize the input fields.
+	dataAdapter = new $.jqx.dataAdapter(source),
-	$("#m_step_name").jqxInput({ theme: theme, width: 320, height: 23 });
+editrow = -1,
-	$("#m_step_type").jqxDropDownList({
-		theme: theme,
-		source: MashStepTypeAdapter,
-		valueMember: 'id',
-		displayMember: 'nl',
-		width: 180,
-		height: 23,
-		autoDropDownHeight: true
-	});
-	$("#m_step_temp").jqxNumberInput( Spin1dec );
-	$("#m_step_temp").jqxNumberInput({ Min: 30, Max: 80 });
-	$("#m_end_temp").jqxNumberInput( Spin1dec );
-	$("#m_end_temp").jqxNumberInput({ Min: 30, Max: 80 });
-	$("#m_step_time").jqxNumberInput( PosInt );
-	$("#m_step_time").jqxNumberInput({ Min: 1, Max: 120 });
-	$("#m_ramp_time").jqxNumberInput( PosInt );
-	$("#m_ramp_time").jqxNumberInput({ Min: 1, Max: 30 });
-	var dataAdapter = new $.jqx.dataAdapter(source),
-	editrow = -1;
 	// Inline steps editor
-	var editsteps = function (data) {
+	editsteps = function (data) {
 		var generaterow = function () {
 			var row = {};
 			row['step_name'] = "Stap 1";
 			row['step_type'] = 0;
 			row['step_temp'] = 62.0;
 			row['step_time'] = 20.0;
 			row['ramp_time'] = 1.0;
 			row['end_temp'] = 62.0;
 			return row;
-		}
+		},
-		var stepSource = {
+		stepSource = {
 			localdata: data.steps,
 			datatype: "local",
 			datafields: [
 				{ name: 'step_name', type: 'string' },
 				{ name: 'step_type', type: 'int' },
 				commit(true);
 			},
 			deleterow: function (rowid, commit) {
 				commit(true);
 			}
-		};
+		},
-		var stepAdapter = new $.jqx.dataAdapter(stepSource);
+		stepAdapter = new $.jqx.dataAdapter(stepSource);
 		$("#grid").jqxGrid({
 			width: 1020,
 			height: 330,
 			source: stepAdapter,
 			theme: theme,
 					var datarow = generaterow();
 					$("#grid").jqxGrid('addrow', null, datarow);
 				});
 				// delete row.
 				$("#deleterowbutton").on('click', function () {
-					var selectedrowindex = $("#grid").jqxGrid('getselectedrowindex');
+					var rowscount, id, selectedrowindex = $("#grid").jqxGrid('getselectedrowindex');
-					var rowscount = $("#grid").jqxGrid('getdatainformation').rowscount;
+					rowscount = $("#grid").jqxGrid('getdatainformation').rowscount;
 					if (selectedrowindex >= 0 && selectedrowindex < rowscount) {
-						var id = $("#grid").jqxGrid('getrowid', selectedrowindex);
+						id = $("#grid").jqxGrid('getrowid', selectedrowindex);
 						$("#grid").jqxGrid('deleterow', id);
 					}
 				});
 			},
 			columns: [
 				},
 				{ text: 'Begin &deg;C', datafield: 'step_temp', width: 100, align: 'right', cellsalign: 'right', cellsformat: 'f1' },
 				{ text: 'Eind &deg;C', datafield: 'end_temp', width: 100, align: 'right', cellsalign: 'right', cellsformat: 'f1' },
 				{ text: 'Rust min.', datafield: 'step_time', width: 90, align: 'right', cellsalign: 'right' },
 				{ text: 'Stap min.', datafield: 'ramp_time', width: 90, align: 'right', cellsalign: 'right' },
-				{ text: '', datafield: 'Edit', columntype: 'button', width: 100, align: 'center', cellsrenderer: function () {
+				{ text: '', datafield: 'Edit', columntype: 'button', width: 100, align: 'center',
-					return "Wijzig";
+					cellsrenderer: function () {
+						return "Wijzig";
 					}, buttonclick: function (row) {
 						steprow = row;
 						stepData = $("#grid").jqxGrid('getrowdata', steprow);
 						$("#m_step_name").val(stepData.step_name);
 						$("#m_step_type").val(stepData.step_type);
 				}
 			]
 		});
 	};
+// Initialize the input fields.
+$("#m_step_name").jqxInput({ theme: theme, width: 320, height: 23 });
+$("#m_step_type").jqxDropDownList({
+theme: theme,
+source: MashStepTypeAdapter,
+valueMember: 'id',
+displayMember: 'nl',
+width: 180,
+height: 23,
+autoDropDownHeight: true
+});
+$("#m_step_temp").jqxNumberInput( Spin1dec );
+$("#m_step_temp").jqxNumberInput({ Min: 30, Max: 80 });
+$("#m_end_temp").jqxNumberInput( Spin1dec );
+$("#m_end_temp").jqxNumberInput({ Min: 30, Max: 80 });
+$("#m_step_time").jqxNumberInput( PosInt );
+$("#m_step_time").jqxNumberInput({ Min: 1, Max: 120 });
+$("#m_ramp_time").jqxNumberInput( PosInt );
+$("#m_ramp_time").jqxNumberInput({ Min: 1, Max: 30 });
 	// initialize the input fields.
 	$("#name").jqxInput({ theme: theme, width: 480, height: 23 });
 	$("#notes").jqxInput({ theme: theme, width: 800, height: 100 });
 	// initialize jqxGrid
 	$("#jqxgrid").jqxGrid({
 		height: 630,
 		source: dataAdapter,
 		theme: theme,
 		showstatusbar: true,
 		renderstatusbar: function (statusbar) {
-			var container = $("<div style='overflow: hidden; position: relative; margin: 5px;'></div>");
+			var addButton, container = $("<div style='overflow: hidden; position: relative; margin: 5px;'></div>");
-			var addButton = $("<div style='float: right; margin-right: 15px;'><img style='position: relative; margin-top: 2px;' src='images/add.png'/><span style='margin-left: 4px; position: relative; top: -3px;'>Add</span></div>");
+			addButton = $("<div style='float: right; margin-right: 15px;'><img style='position: relative; margin-top: 2px;' src='images/add.png'/><span style='margin-left: 4px; position: relative; top: -3px;'>Add</span></div>");
 			container.append(addButton);
 			statusbar.append(container);
 			addButton.jqxButton({ theme: theme, width: 90, height: 20 });
 			// add new row.
 			addButton.click(function (event) {
 		filterable: true,
 		filtermode: 'excel',
 		columns: [
 			{ text: 'Maish schema', datafield: 'name', width: 250 },
 			{ text: 'Opmerkingen', datafield: 'notes' },
-			{ text: '', datafield: 'Edit', width: 100, align: 'center', columntype: 'button', cellsrenderer: function () {
+			{ text: '', datafield: 'Edit', width: 100, align: 'center', columntype: 'button',
-				return "Wijzig";
+				cellsrenderer: function () {
+					return "Wijzig";
 				}, buttonclick: function (row) {
 					editrow = row;
 					// get the clicked row's data and initialize the input fields.
 					dataRecord = $("#jqxgrid").jqxGrid('getrowdata', editrow);
 					$("#name").val(dataRecord.name);
 		$("#popupWindow").jqxWindow('hide');
 	});
 	$("#Cancel").jqxButton({ template: "primary", width: '90px', theme: theme });
 	$("#Save").jqxButton({ template: "success", width: '90px', theme: theme });
 	$("#Save").click(function () {
-		var steprows = $('#grid').jqxGrid('getrows');
+		var steprows = $('#grid').jqxGrid('getrows'),
-		var rowID = -1;
+		rowID = -1,
+		row;
 		if (editrow >= 0) {
 			rowID = $('#jqxgrid').jqxGrid('getrowid', editrow);
 		}
-		var row = {
+		row = {
 			record: rowID,
 			name: $("#name").val(),
 			notes: $("#notes").val(),
 			steps: steprows
 		};