lada/lada-client: app/controller/Filter.js comparison

comparison app/controller/Filter.js @ 1016:d6e259e76de6

Updated filter value handling. * Save and reset buttons for values * Reload and update query stores * set correct values on reset.

author	Raimund Renkert <raimund.renkert@intevation.de>
date	Tue, 02 Feb 2016 15:26:43 +0100
parents	af9879d72310
children	f4bd170f8ee6

comparison

equal deleted inserted replaced

-:af9879d72310
+:d6e259e76de6
 },
 'filterpanel button[action=reset]': {
 // Map click event on Button.
 click: this.reset
 },
+'filterpanel button[action=details]': {
+click: this.showDetails
+},
+'filterpanel button[action=manage]': {
+click: this.showManagement
+},
+'filterpanel checkbox[name=favorites]': {
+change: this.triggerFilterUpdate
+},
+'filterpanel button[action=savedefault]': {
+click: this.saveFilterDefaults
+},
+'filterpanel button[action=resetdefault]': {
+click: this.resetFilterDefaults
+},
 'menuitem[action=about]': {
 // Map click event on Button.
 click: this.about
 }
 });
 * Two possibilities exist to do so: Proben/Messprogramme where dynamic columns exist, but the
 * content remains of the same type and Stammdaten, were columns are fixed but the type might
 * vary between orte, kategorien, ...
 */
 selectSql: function(element, record) {
-var filters = element.up('panel[name=main]').down('fieldset[name=filtervariables]');
+var filters = element.up('panel[name=main]').down('panel[name=filtervariables]');
+var filterValues = element.up('panel[name=main]').down('panel[name=filtervalues]');
 if (!record[0]) {
 return;
 }
 // Set "Filter Auswahl" Description
 *
 * Iterate over all configured filters and add filters dynamically
 *
 *  1. Empty filters
 */
-filters.removeAll();
+filterValues.removeAll();
 var hide = true;
 /* 2. Iterate over all configured filters */
 var j;
 for (j = 0; j < filterFields.length; j++) {
 var type = filterFields[j].type;
 var name = filterFields[j].dataIndex;
 var label = filterFields[j].label;
 var multi = filterFields[j].multiSelect;
+var filterId = filterFields[j].id;
 var field = null;
+var value = filterFields[j].value;
 if (type === 'text') {
 field = Ext.create('Ext.form.field.Text', {
 name: name,
-fieldLabel: label
+fieldLabel: label,
+filterId: filterId,
+value: value
 });
 }
 else if (type === 'number') {
 field = Ext.create('Ext.form.field.Number', {
 name: name,
 labelWidth: 135,
-fieldLabel: label
+fieldLabel: label,
+filterId: filterId,
+value: value
 });
 }
 else if (type === 'datetime') {
 field = Ext.create('Lada.view.widget.Datetime', {
 name: name,
 labelWidth: 135,
-fieldLabel: label
+fieldLabel: label,
+filterId: filterId,
+value: value
 });
 }
 else if (type === 'bool') {
 field = Ext.create('Lada.view.widget.Testdatensatz', {
 name: name,
 labelWidth: 135,
 fieldLabel: label,
+value: value,
+filterId: filterId,
 emptyText: ''
 });
 }
 else if (type === 'listmst') {
 field = Ext.create('Lada.view.widget.Messstelle', {
 name: name,
 labelWidth: 135,
 fieldLabel: label,
-multiSelect: multi
+multiSelect: multi,
+filterId: filterId,
+value: value
 });
 }
 else if (type === 'listumw') {
 field = Ext.create('Lada.view.widget.Umwelt', {
 name: name,
 labelWidth: 135,
 fieldLabel: label,
+value: value,
+filterId: filterId,
 multiSelect: multi,
 displayTpl: Ext.create('Ext.XTemplate',
 '<tpl for=".">{id} </tpl>')
 });
 }
 else if (type === 'listdbasis') {
 field = Ext.create('Lada.view.widget.Datenbasis', {
 name: name,
 labelWidth: 135,
 fieldLabel: label,
+value: value,
+filterId: filterId,
 multiSelect: multi
 });
 }
 else if (type === 'listver') {
 field = Ext.create('Lada.view.widget.Verwaltungseinheit', {
 name: name,
 labelWidth: 135,
 fieldLabel: label,
+value: value,
+filterId: filterId,
 multiSelect: multi
 });
 }
 else if (type === 'listnetz') {
 field = Ext.create('Lada.view.widget.Netzbetreiber', {
 name: name,
 labelWidth: 135,
 fieldLabel: label,
+value: value,
+filterId: filterId,
 multiSelect: multi
 });
 }
 if (field) {
-filters.add(field);
+filterValues.add(field);
 filters.show();
 hide = false;
 }
 }
 if (hide) {
 * will perform a search to the server on refreshes the result list.
 * To do so it replaces the store of the Resultgrids.
 */
 search: function(element) {
 var resultGrid = element.up('panel[name=main]').down('panel[name=contentpanel]').down('grid');
-var filters = element.up('panel[name=main]').down('fieldset[name=filtervariables]');
+var filters = element.up('panel[name=main]').down('panel[name=filtervalues]');
 var search = element.up('fieldset').down('combobox[name=filter]');
 //Type of the search Proben/Messprogramme/Stammdaten
-var type = search.store.getById(search.getValue()).get('type')
+var type = search.store.getById(search.getValue()).get('type');
 // Get search parameters:
 var searchParams = {};
 searchParams['qid'] = search.getValue();
 for (var i = filters.items.length - 1; i >= 0; i--) {
 /**
 * This function resets the filters
 */
 reset: function(element) {
-var filters = element.up('panel[name=main]').down('fieldset[name=filtervariables]');
+var filters = element.up('panel[name=main]').down('panel[name=filtervalues]');
+var search = element.up('fieldset').down('combobox[name=filter]');
+//Type of the search Proben/Messprogramme/Stammdaten
+var qId = search.getValue();
+var query = search.store.getById(qId);
 for (var i = filters.items.length - 1; i >= 0; i--) {
 var filter = filters.items.items[i];
-if (filter.clearValue) {
+for (var j = 0; j < query.data.filters.length; j++) {
-filter.clearValue();
+if (filter.filterId === query.data.filters[j].id) {
-}
+filter.setValue(query.data.filters[j].value);
-else {
+}
-filter.setValue('');
 }
 }
 },
 /**
 * This Function is supposed to handle the About action
 * It has no function yet.
 */
 about: function() {
 var win = Ext.create('Lada.view.window.About');
 win.show();
+},
+showDetails: function(element) {
+var search = element.up('fieldset').down('combobox[name=filter]');
+var details = element.up('panel[name=main]').down('filterdetails');
+//Type of the search Proben/Messprogramme/Stammdaten
+var record = search.store.getById(search.getValue());
+details.setRecord(record);
+if (element.pressed) {
+details.show();
+}
+else {
+details.hide();
+}
+},
+showManagement: function() {
+if (!this.managementWindow) {
+this.managementWindow = Ext.create('Lada.view.window.FilterManagement');
+}
+this.managementWindow.show();
+},
+triggerFilterUpdate: function(checkbox) {
+var cbox = checkbox.up('fieldset').down('combobox[name=filter]');
+this.updateFilter(cbox);
+},
+updateFilter: function(combobox) {
+var store;
+var entries;
+var fav = combobox.up('fieldset').down('checkbox[name=favorites]');
+if (this.mode === 'proben') {
+store = Ext.StoreManager.get('probequeries');
+}
+else if (this.mode === 'messprogramme') {
+store = Ext.StoreManager.get('messprogrammqueries');
+}
+else if (this.mode === 'stammdaten') {
+store = Ext.StoreManager.get('stammdatenqueries');
+}
+else {
+return;
+}
+if (fav.checked) {
+entries = store.queryBy(function(record) {
+if (record.get('favorite')) {
+return true;
+}
+});
+}
+else {
+entries = store.queryBy(function() {
+return true;
+});
+}
+combobox.store.removeAll();
+combobox.store.add(entries.items);
+combobox.select(combobox.store.getAt(0));
+combobox.fireEvent('select', combobox, [combobox.store.getAt(0)]);
+},
+saveFilterDefaults: function(button) {
+var filters = button.up('fieldset').down('panel[name=filtervalues]');
+var search = button.up('fieldset').down('combobox[name=filter]');
+//Type of the search Proben/Messprogramme/Stammdaten
+var qId = search.getValue();
+var query = search.store.getById(qId);
+var ndx = 0;
+for (var i = filters.items.length - 1; i >= 0; i--) {
+var filter = filters.items.items[i];
+var filterId = filter.filterId;
+var value = filter.getValue();
+if (value instanceof Array) {
+value = value.join(',');
+}
+Ext.Ajax.request({
+url: 'lada-server/rest/filter',
+method: 'PUT',
+jsonData: {
+id: filterId,
+value: value
+},
+success: function() {
+ndx++;
+for (var j = 0; j < query.data.filters.length; i++) {
+if (query.data.filters[j].id === filterId) {
+query.data.filters[j].value = value;
+break;
+}
+}
+if (ndx < filter.items.length - 1) {
+return;
+}
+if (query.get('type') === 'probe') {
+Ext.StoreManager.get('probequeries').load();
+}
+else if (query.get('type') === 'messprogramm') {
+Ext.StoreManager.get('messprogrammqueries').load();
+}
+else {
+Ext.StoreManager.get('stammdatenqueries').load();
+}
+}
+});
+}
+},
+resetFilterDefaults: function(button) {
+var filters = button.up('fieldset').down('panel[name=filtervalues]');
+var search = button.up('fieldset').down('combobox[name=filter]');
+var qId = search.getValue();
+var query = search.store.getById(qId);
+for (var i = filters.items.length - 1; i >= 0; i--) {
+var filter = filters.items.items[i];
+var filterId = filter.filterId;
+var value = filter.getValue();
+if (value instanceof Array) {
+value = value.join(',');
+}
+Ext.Ajax.request({
+url: 'lada-server/rest/filter/' + filterId,
+method: 'DELETE',
+success: function(response) {
+var json = Ext.decode(response.responseText);
+if (!json.success) {
+return;
+}
+filter.setValue(json.data.value);
+for (var j = 0; j < query.data.filters.length; j++) {
+if (query.data.filters[j].id === json.data.id) {
+query.data.filters[j].value = json.data.value;
+break;
+}
+}
+if (query.get('type') === 'probe') {
+Ext.StoreManager.get('probequeries').reload();
+}
+else if (query.get('type') === 'messprogramm') {
+Ext.StoreManager.get('messprogrammqueries').reload();
+}
+else {
+Ext.StoreManager.get('stammdatenqueries').reload();
+}
+}
+});
+}
 }
 });

http://lada.wald.intevation.org