comparison: www/js/inv_hops.js
www/js/inv_hops.js
- changeset 286
- 124af734af68
- parent 284
- a93fcd87f561
- child 311
- f6fafccd8a6d
equal
deleted
inserted
replaced
| 285:0ea9dfb3fce9 | 286:124af734af68 |
|---|---|
| 178 width: 1280, | 178 width: 1280, |
| 179 height: 630, | 179 height: 630, |
| 180 source: dataAdapter, | 180 source: dataAdapter, |
| 181 theme: theme, | 181 theme: theme, |
| 182 showstatusbar: true, | 182 showstatusbar: true, |
| 183 localization: getLocalization(), | |
| 184 renderstatusbar: function (statusbar) { | 183 renderstatusbar: function (statusbar) { |
| 185 var container = $("<div style='overflow: hidden; position: relative; margin: 5px;'></div>"); | 184 var container = $("<div style='overflow: hidden; position: relative; margin: 5px;'></div>"); |
| 186 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>"); | 185 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>"); |
| 187 container.append(addButton); | 186 container.append(addButton); |
| 188 statusbar.append(container); | 187 statusbar.append(container); |
| 216 filterable: true, | 215 filterable: true, |
| 217 filtermode: 'excel', | 216 filtermode: 'excel', |
| 218 columns: [ | 217 columns: [ |
| 219 { text: 'Herkomst', datafield: 'origin', width: 150 }, | 218 { text: 'Herkomst', datafield: 'origin', width: 150 }, |
| 220 { text: 'Hop Naam', datafield: 'name', menu: false }, | 219 { text: 'Hop Naam', datafield: 'name', menu: false }, |
| 221 { text: 'Soort', datafield: 'type', align: 'center', menu: false, width: 90, | 220 { text: 'Soort', datafield: 'type', align: 'left', menu: false, width: 90, |
| 222 cellsrenderer: function (index, datafield, value, defaultvalue, column, rowdata) { | 221 cellsrenderer: function (index, datafield, value, defaultvalue, column, rowdata) { |
| 223 return "<div style='margin: 4px;' class='jqx-center-align'>" + HopTypeData[value].nl + "</div>"; | 222 return '<span style="margin: 4px; margin-top: 6px; float: left;">' + HopTypeData[value].nl + '</span>'; |
| 224 } | 223 } |
| 225 }, | 224 }, |
| 226 { text: 'Vorm', datafield: 'form', align: 'center', menu: false, width: 90, | 225 { text: 'Vorm', datafield: 'form', align: 'left', menu: false, width: 90, |
| 227 cellsrenderer: function (index, datafield, value, defaultvalue, column, rowdata) { | 226 cellsrenderer: function (index, datafield, value, defaultvalue, column, rowdata) { |
| 228 return "<div style='margin: 4px;' class='jqx-center-align'>" + HopFormData[value].nl + "</div>"; | 227 return '<span style="margin: 4px; margin-top: 6px; float: left;">' + HopFormData[value].nl + '</span>'; |
| 229 } | 228 } |
| 230 }, | 229 }, |
| 231 { text: 'Alpha %', datafield: 'alpha', width: 80, align: 'right', cellsalign: 'right', menu: false, cellsformat: 'p1' }, | 230 { text: 'Alpha %', datafield: 'alpha', width: 80, align: 'right', cellsalign: 'right', menu: false, cellsformat: 'p1' }, |
| 232 { text: 'Beta %', datafield: 'beta', width: 80, align: 'right', cellsalign: 'right', menu: false, cellsformat: 'p1' }, | 231 { text: 'Beta %', datafield: 'beta', width: 80, align: 'right', cellsalign: 'right', menu: false, cellsformat: 'p1' }, |
| 233 { text: 'Cohumuloon %%', datafield: 'cohumulone', width: 80, align: 'right', cellsalign: 'right', menu: false, cellsformat: 'p1' }, | 232 { text: 'Cohumuloon %%', datafield: 'cohumulone', width: 80, align: 'right', cellsalign: 'right', menu: false, cellsformat: 'p1' }, |
| 234 { text: 'HSI', datafield: 'hsi', width: 60, align: 'right', cellsalign: 'right', menu: false, cellsformat: 'f1' }, | 233 { text: 'HSI', datafield: 'hsi', width: 60, align: 'right', cellsalign: 'right', menu: false, cellsformat: 'f1' }, |
| 235 { text: 'Oogst datum', datafield: 'production_date', align: 'center', cellsalign: 'center', menu: false, width: 110 }, | 234 { text: 'Oogst datum', datafield: 'production_date', align: 'center', cellsalign: 'center', menu: false, width: 110 }, |
| 236 { text: 'Voorraad', datafield: 'inventory', width: 100, align: 'right', cellsalign: 'right', menu: false, cellsformat: 'f1', | 235 { text: 'Voorraad', datafield: 'inventory', width: 100, align: 'right', cellsalign: 'right', menu: false, cellsformat: 'f1', |
| 237 cellsrenderer: function (index, datafield, value, defaultvalue, column, rowdata) { | 236 cellsrenderer: function (index, datafield, value, defaultvalue, column, rowdata) { |
| 238 if (value == 0) | 237 var amount = ""; |
| 239 return "<div style='margin: 4px;' class='jqx-right-align'></div>"; | 238 if (value > 0) { |
| 240 if (value < 1000) | 239 if (value < 1000) |
| 241 return "<div style='margin: 4px;' class='jqx-right-align'>"+dataAdapter.formatNumber(value,"f1")+" gr</div>"; | 240 amount = dataAdapter.formatNumber(value,"f1")+" gr"; |
| 242 return "<div style='margin: 4px;' class='jqx-right-align'>"+dataAdapter.formatNumber(value / 1000.0,"f1")+" kg</div>"; | 241 else |
| 242 amount = dataAdapter.formatNumber(value / 1000.0,"f1")+" kg"; | |
| 243 } | |
| 244 return '<span style="margin: 4px; margin-top: 6px; float: right;">' + amount + '</span>'; | |
| 243 } | 245 } |
| 244 }, | 246 }, |
| 245 { text: 'Wijzig', datafield: 'Wijzig', columntype: 'button', width: 100, align: 'center', menu: false, cellsrenderer: function () { | 247 { text: '', datafield: 'Wijzig', columntype: 'button', width: 100, align: 'center', menu: false, cellsrenderer: function () { |
| 246 return "Wijzig"; | 248 return "Wijzig"; |
| 247 }, buttonclick: function (row) { | 249 }, buttonclick: function (row) { |
| 248 // open the popup window when the user clicks a button. | 250 // open the popup window when the user clicks a button. |
| 249 editrow = row; | 251 editrow = row; |
| 250 $("#popupWindow").jqxWindow({ position: { x: 110, y: 30 } }); | 252 $("#popupWindow").jqxWindow({ position: { x: 110, y: 30 } }); |
