bms: comparison www/js/inv_waters.js

comparison: www/js/inv_waters.js

www/js/inv_waters.js

branch: stable
changeset 492: fa82e95d9ddd
parent 488: 77f1617b6994
child 528: 202272a28052

equal deleted inserted replaced

-:4415a30b5a36
+:fa82e95d9ddd
 }
 $(document).ready(function () {
-	var dataRecord = {};
-	var url = "includes/db_inventory_water.php";
 	// tooltips
 	$("#name").jqxTooltip({ content: 'De unieke naam van dit brouwwater.' });
 	$("#notes").jqxTooltip({ content: 'Extra opmerkingen over dit water.' });
 	$("#unlimited_stock").jqxTooltip({ content: 'Onbeperkte voorraad zoals kraanwater en bronnen.' });
 	$("#calcium").jqxTooltip({ content: 'Calcium (Ca).' });
 	$("#magnesium").jqxTooltip({ content: 'Magnesium (Mg).' });
 	$("#ph").jqxTooltip({ content: 'De zuurgraad (pH).' });
 	$("#total_alkalinity").jqxTooltip({ content: 'Totale alkaliniteit. Berekend meteen de Bicarbonaat.' });
 	$("#inventory").jqxTooltip({ content: 'Voorraad in liters.' });
 	$("#cost").jqxTooltip({ content: 'Kostprijs per liter. 5 cijfers achter de comma zodat het kraanwater er ook in kan.' });
+	var dataRecord = {},
+url = 'includes/db_inventory_water.php',
 	// prepare the data
-	var source = {
+	source = {
 		datatype: "json",
 		cache: false,
 		datafields: [
 			{ name: 'record', type: 'number' },
 			{ name: 'name', type: 'string' },
 				url: url,
 				cache: false,
 				data: data,
 				type: "POST",
 				success: function (data, status, xhr) {
-					// delete command is executed.
 					commit(true);
+					location.reload( true );
 				},
 				error: function (jqXHR, textStatus, errorThrown) {
 					commit(false);
 				}
 			});
 				cache: false,
 				data: data,
 				type: "POST",
 				success: function (data, status, xhr) {
 					commit(true);
+					location.reload( true );
 				},
 				error: function(jqXHR, textStatus, errorThrown) {
 commit(false);
 }
 });
 				url: url,
 				cache: false,
 				data: data,
 				type: "POST",
 				success: function (data, status, xhr) {
-					// update command is executed.
 					commit(true);
+					location.reload( true );
 				},
 				error: function(jqXHR, textStatus, errorThrown) {
 					commit(false);
 				}
 			});
 		}
-	};
+	},
+	dataAdapter = new $.jqx.dataAdapter(source),
+editrow = -1;
 	// initialize the input fields.
 	$("#name").jqxInput({ theme: theme, width: 640, height: 23 });
 	$("#notes").jqxInput({ theme: theme, width: 640, height: 100 });
 	$("#unlimited_stock").jqxCheckBox({ theme: theme, width: 120, height: 23 });
 	$("#calcium").jqxNumberInput( Spin1dec );
 	$("#magnesium").jqxNumberInput( Spin1dec );
 	$("#ph").jqxNumberInput( Spin2pH );
 	$("#total_alkalinity").jqxNumberInput( Spin1dec );
 	$("#inventory").jqxNumberInput( Spin1dec );
 	$("#cost").jqxNumberInput({inputMode: 'simple', theme: theme, width: 110, height: 23, min: 0, decimalDigits: 5, spinButtons: true });
-	var dataAdapter = new $.jqx.dataAdapter(source);
-	var editrow = -1;
 	// initialize jqxGrid
 	$("#jqxgrid").jqxGrid({
 		width: 1280,
 		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;'>Nieuw</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;'>Nieuw</span></div>");
 			container.append(addButton);
 			statusbar.append(container);
 			addButton.jqxButton({ theme: theme, width: 90, height: 20 });
 			// add new row.
 			addButton.click(function (event) {
 				if (value > 0 && rowdata.unlimited_stock == 0)
 					amount = dataAdapter.formatNumber(value,"f1")+" L";
 				return "<span style='margin: 3px; margin-top: 6px; float: right;'>" + amount + "</span>";
 			  }
 			},
-			{ 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) {
 					// open the popup window when the user clicks a button.
 					editrow = row;
 					$("#popupWindow").jqxWindow({ position: { x: 110, y: 30 } });
 					// 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);
 					$("#unlimited_stock").val(dataRecord.unlimited_stock);
 					$("#calcium").val(dataRecord.calcium);
 					$("#bicarbonate").val(dataRecord.bicarbonate);
 					$("#sulfate").val(dataRecord.sulfate);
 	});
 	$("#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 rowID = -1;
+		var row, rowID = -1;
 		if (editrow >= 0) {
-			var rowID = $('#jqxgrid').jqxGrid('getrowid', editrow);
+			rowID = $('#jqxgrid').jqxGrid('getrowid', editrow);
 		}
-		var row = {
+		row = {
 			record: rowID,
 			name: $("#name").val(),
 			unlimited_stock: $("#unlimited_stock").val(),
 			calcium: parseFloat($("#calcium").jqxNumberInput('decimal')),
 			bicarbonate: parseFloat($("#bicarbonate").jqxNumberInput('decimal')),
 			$('#jqxgrid').jqxGrid('updaterow', rowID, row);
 		} else {
 			$('#jqxgrid').jqxGrid('addrow', null, row);
 		}
 		$("#popupWindow").jqxWindow('hide');
-		location.reload( true );        // reload ourself.
 	});
 	createDelElements();
 });