Mercurial > bms / changeset

--- a/www/js/inv_suppliers.js	Tue Aug 28 20:54:53 2018 +0200
+++ b/www/js/inv_suppliers.js	Tue Aug 28 21:25:15 2018 +0200
@@ -27,7 +27,7 @@
 		theme: theme,
 		position: { x: 490, y: 210 },
 		width: 300,
-		height: 145,
+		height: 175,
 		resizable: false,
 		isModal: true,
 		modalOpacity: 0.4,
@@ -46,6 +46,16 @@
 
 $(document).ready(function () {
 	var url = "includes/db_inventory_suppliers.php";
+	// tooltips
+	$("#name").jqxTooltip({ content: 'De naam van de leverancier.' });
+	$("#address").jqxTooltip({ content: 'Het adres en huisnummer.' });
+	$("#city").jqxTooltip({ content: 'De woonplaats of gemeente.' });
+	$("#zip").jqxTooltip({ content: 'De postcode.' });
+	$("#country").jqxTooltip({ content: 'Het land.' });
+	$("#website").jqxTooltip({ content: 'Het website adres.' });
+	$("#email").jqxTooltip({ content: 'Het email adres.' });
+	$("#phone").jqxTooltip({ content: 'Het telefoon nummer.' });
+	$("#notes").jqxTooltip({ content: 'Opmerkingen over deze leverancier.' });
 	// prepare the data
 	var source = {
 		datatype: "json",
@@ -135,14 +145,14 @@
 		showstatusbar: true,
 		renderstatusbar: function (statusbar) {
 			var 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>");
+			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>");
 			container.append(addButton);
 			statusbar.append(container);
-			addButton.jqxButton({  width: 60, height: 20 });
+			addButton.jqxButton({ theme: theme, width: 120, height: 20 });
 			// add new row.
 			addButton.click(function (event) {
 				editrow = -1;
-				$("#popupWindow").jqxWindow({ position: { x: 230, y: 10 } });
+				$("#popupWindow").jqxWindow({ position: { x: 230, y: 30 } });
 				$("#name").val('');
 				$("#address").val('');
 				$("#city").val('');
@@ -164,11 +174,11 @@
 			{ text: 'Land', datafield: 'country', width: 250 },
 			{ text: 'Telefoon', datafield: 'phone', width: 100 },
 			{ text: 'Wijzig', datafield: 'Edit', columntype: 'button', cellsrenderer: function () {
-				return "Edit";
+				return "Wijzig";
 				}, buttonclick: function (row) {
 					// open the popup window when the user clicks a button.
 					editrow = row;
-					$("#popupWindow").jqxWindow({ position: { x: 230, y: 10 } });
+					$("#popupWindow").jqxWindow({ position: { x: 230, y: 30 } });
 					// get the clicked row's data and initialize the input fields.
 					var dataRecord = $("#jqxgrid").jqxGrid('getrowdata', editrow);
 					$("#name").val(dataRecord.name);