diff -r 2ee6ad5d6f14 -r a720353fada9 www/js/inv_styles.js
--- a/www/js/inv_styles.js Sun Aug 19 21:46:56 2018 +0200
+++ b/www/js/inv_styles.js Fri Aug 24 21:53:14 2018 +0200
@@ -26,7 +26,7 @@
theme: theme,
position: { x: 490, y: 210 },
width: 300,
- height: 145,
+ height: 175,
resizable: false,
isModal: true,
modalOpacity: 0.4,
@@ -161,10 +161,10 @@
localization: getLocalization(),
renderstatusbar: function (statusbar) {
var container = $("
");
- var addButton = $("Add ");
+ var addButton = $("Nieuw ");
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;
@@ -198,21 +198,21 @@
filtermode: 'excel',
columns: [
{ text: 'Groep', datafield: 'style_letter', width: 30 },
- { text: 'Style Name', datafield: 'name', width: 250 },
- { text: 'OG', datafield: 'og_min', width: 60, cellsalign: 'right', cellsformat: 'f3' },
- { text: 'OG', datafield: 'og_max', width: 60, cellsalign: 'right', cellsformat: 'f3' },
- { text: 'FG', datafield: 'fg_min', width: 60, cellsalign: 'right', cellsformat: 'f3' },
- { text: 'FG', datafield: 'fg_max', width: 60, cellsalign: 'right', cellsformat: 'f3' },
- { text: 'IBU', datafield: 'ibu_min', width: 60, cellsalign: 'right', cellsformat: 'f0' },
- { text: 'IBU', datafield: 'ibu_max', width: 60, cellsalign: 'right', cellsformat: 'f0' },
- { text: 'EBC', datafield: 'color_min', width: 60, cellsalign: 'right', cellsformat: 'f0' },
- { text: 'EBC', datafield: 'color_max', width: 60, cellsalign: 'right', cellsformat: 'f0' },
- { text: 'Co2', datafield: 'carb_min', width: 60, cellsalign: 'right', cellsformat: 'f1' },
- { text: 'Co2', datafield: 'carb_max', width: 60, cellsalign: 'right', cellsformat: 'f1' },
- { text: 'ABV', datafield: 'abv_min', width: 60, cellsalign: 'right', cellsformat: 'f1' },
- { text: 'ABV', datafield: 'abv_max', width: 60, cellsalign: 'right', cellsformat: 'f1' },
- { text: 'Edit', datafield: 'Edit', columntype: 'button', cellsrenderer: function () {
- return "Edit";
+ { text: 'Style Name', datafield: 'name' },
+ { text: 'OG', datafield: 'og_min', width: 60, align: 'right', cellsalign: 'right', cellsformat: 'f3' },
+ { text: 'OG', datafield: 'og_max', width: 60, align: 'right', cellsalign: 'right', cellsformat: 'f3' },
+ { text: 'FG', datafield: 'fg_min', width: 60, align: 'right', cellsalign: 'right', cellsformat: 'f3' },
+ { text: 'FG', datafield: 'fg_max', width: 60, align: 'right', cellsalign: 'right', cellsformat: 'f3' },
+ { text: 'IBU', datafield: 'ibu_min', width: 60, align: 'right', cellsalign: 'right', cellsformat: 'f0' },
+ { text: 'IBU', datafield: 'ibu_max', width: 60, align: 'right', cellsalign: 'right', cellsformat: 'f0' },
+ { text: 'EBC', datafield: 'color_min', width: 60, align: 'right', cellsalign: 'right', cellsformat: 'f0' },
+ { text: 'EBC', datafield: 'color_max', width: 60, align: 'right', cellsalign: 'right', cellsformat: 'f0' },
+ { text: 'Co2', datafield: 'carb_min', width: 60, align: 'right', cellsalign: 'right', cellsformat: 'f1' },
+ { text: 'Co2', datafield: 'carb_max', width: 60, align: 'right', cellsalign: 'right', cellsformat: 'f1' },
+ { text: 'ABV', datafield: 'abv_min', width: 60, align: 'right', cellsalign: 'right', cellsformat: 'f1' },
+ { text: 'ABV', datafield: 'abv_max', width: 60, align: 'right', cellsalign: 'right', cellsformat: 'f1' },
+ { text: 'Wijzig', datafield: 'Edit', width: 120, align: 'center', columntype: 'button', cellsrenderer: function () {
+ return "Wijzig";
}, buttonclick: function (row) {
// open the popup window when the user clicks a button.
editrow = row;