bms: comparison www/js/profile_mash.js

comparison: www/js/profile_mash.js

www/js/profile_mash.js

changeset 482: ce814c787b79
parent 286: 124af734af68
child 483: ac69a63dc23e

equal deleted inserted replaced

-:fc21dcfbe51d
+:ce814c787b79
 $(document).ready(function () {
 	var steprow = 0;
 	var stepData = {};
 	var dataRecord = {};
-	var url = "includes/db_profile_mash.php";
+	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 = {
-		datatype: "json",
+		datatype: 'json',
 		cache: false,
 		datafields: [
 			{ name: 'record', type: 'number' },
 			{ name: 'name', type: 'string' },
 			{ name: 'notes', type: 'string' },
 			$.ajax({
 				dataType: 'json',
 				url: url,
 				cache: false,
 				data: data,
-				type: "POST",
+				type: 'POST',
 				success: function (data, status, xhr) {
-					// delete command is executed.
 					commit(true);
+					console.log('mash deleterow ' + rowid + ' success');
 				},
 				error: function (jqXHR, textStatus, errorThrown) {
 					commit(false);
+					console.log('mash deleterow ' + textStatus);
 				}
 			});
 		},
 		addrow: function (rowid, rowdata, position, commit) {
 			var data = "insert=true&" + $.param(rowdata);
 				cache: false,
 				data: data,
 				type: "POST",
 				success: function (data, status, xhr) {
 					commit(true);
+					console.log('mash addrow ' + rowid + ' success');
 				},
 				error: function(jqXHR, textStatus, errorThrown) {
 commit(false);
+					console.log('mash addrow ' + textStatus);
 }
 });
 },
 		updaterow: function (rowid, rowdata, commit) {
 			var data = "update=true&" + $.param(rowdata);
 				url: url,
 				cache: false,
 				data: data,
 				type: "POST",
 				success: function (data, status, xhr) {
-					// update command is executed.
 					commit(true);
+					console.log('mash updaterow ' + rowid + ' success');
 				},
 				error: function(jqXHR, textStatus, errorThrown) {
 					commit(false);
+					console.log('mash updaterow ' + textStatus);
 				}
 			});
 		}
 	};
 	// Initialize the input fields.
 	$("#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);
+	var dataAdapter = new $.jqx.dataAdapter(source),
+	editrow = -1;
 	// Inline steps editor
 	var editsteps = function (data) {
 		var generaterow = function () {
 			var row = {};
 			row['step_name'] = "Stap 1";
 			source: stepAdapter,
 			theme: theme,
 			selectionmode: 'singlerow',
 			showtoolbar: true,
 			rendertoolbar: function (toolbar) {
-				var me = this;
 				var container = $("<div style='margin: 5px;'></div>");
 				toolbar.append(container);
 				container.append('<input style="margin-left: 100px;" id="addrowbutton" type="button" value="Nieuwe stap" />');
 				container.append('<input style="margin-left: 450px;" id="deleterowbutton" type="button" value="Verwijder stap" />');
 				$("#addrowbutton").jqxButton({ template: "primary", theme: theme, width: 150 });
 				$("#deleterowbutton").jqxButton({ template: "danger", theme: theme, width: 150 });
 				// create new row.
 				$("#addrowbutton").on('click', function () {
 					var datarow = generaterow();
-					var commit = $("#grid").jqxGrid('addrow', null, datarow);
+					$("#grid").jqxGrid('addrow', null, datarow);
 				});
 				// delete row.
 				$("#deleterowbutton").on('click', function () {
 					var selectedrowindex = $("#grid").jqxGrid('getselectedrowindex');
 					var rowscount = $("#grid").jqxGrid('getdatainformation').rowscount;
 					if (selectedrowindex >= 0 && selectedrowindex < rowscount) {
 						var id = $("#grid").jqxGrid('getrowid', selectedrowindex);
-						var commit = $("#grid").jqxGrid('deleterow', id);
+						$("#grid").jqxGrid('deleterow', id);
 					}
 				});
 			},
 			columns: [
 				{ text: 'Stap naam', datafield: 'step_name' },
 	};
 	// initialize the input fields.
 	$("#name").jqxInput({ theme: theme, width: 480, height: 23 });
 	$("#notes").jqxInput({ theme: theme, width: 800, height: 100 });
-	var editrow = -1;
 	// initialize jqxGrid
 	$("#jqxgrid").jqxGrid({
 		width: 1280,
 		height: 630,
 		source: dataAdapter,
 			{ text: '', datafield: 'Edit', width: 100, align: 'center', columntype: 'button', cellsrenderer: function () {
 				return "Wijzig";
 				}, buttonclick: function (row) {
 					editrow = row;
 					// get the clicked row's data and initialize the input fields.
-					var dataRecord = $("#jqxgrid").jqxGrid('getrowdata', editrow);
+					dataRecord = $("#jqxgrid").jqxGrid('getrowdata', editrow);
 					$("#name").val(dataRecord.name);
 					$("#notes").val(dataRecord.notes);
 					editsteps(dataRecord);
 					// show the popup window.
 					$("#popupWindow").jqxWindow('open');
 		}
 		$("#popupWindow").jqxWindow('hide');
 	});
 	$("#Cancel").jqxButton({ template: "primary", width: '90px', theme: theme });
 	$("#Save").jqxButton({ template: "success", width: '90px', theme: theme });
-	// update the edited row when the user clicks the 'Save' button.
 	$("#Save").click(function () {
 		var steprows = $('#grid').jqxGrid('getrows');
 		var rowID = -1;
 		if (editrow >= 0) {
 			rowID = $('#jqxgrid').jqxGrid('getrowid', editrow);
 			$('#jqxgrid').jqxGrid('updaterow', rowID, row);
 		} else {
 			$('#jqxgrid').jqxGrid('addrow', null, row);
 		}
 		$("#popupWindow").jqxWindow('hide');
-		location.reload( true );        // reload ourself.
 	});
 	createDelElements();
 });