lada/lada-client: app/controller/grid/Ortszuordnung.js comparison

comparison app/controller/grid/Ortszuordnung.js @ 1287:e317ba349204

Added search for orte, verwaltungseinheiten and staaten.

author	Raimund Renkert <raimund.renkert@intevation.de>
date	Thu, 26 Jan 2017 17:33:56 +0100
parents	faecbb446a04
children	08085b7d1d0b

comparison

equal deleted inserted replaced

-:8b21a3fa6e1f
+:e317ba349204
 Ext.define('Lada.controller.grid.Ortszuordnung', {
 extend: 'Ext.app.Controller',
 requires: [
 'Lada.view.window.Ortszuordnung',
-'Lada.view.window.Ortserstellung'
+'Lada.view.form.Ortserstellung',
+'Lada.view.window.OrtFilter'
 ],
+resultPanel: null,
+searchField: null,
 /**
 * Inhitialize the controller
 * It has 3 listeners
 */
 'ortszuordnungwindow toolbar button[action=frommap]':{
 click: this.frommap
 },
 'ortszuordnungwindow toolbar button[action=clone]':{
 click: this.cloneort
+},
+'ortszuordnungwindow toolbar textfield[name=search]': {
+keyup: this.search
+},
+'ortfilterwindow grid[name=messpunkte]': {
+itemdblclick: this.selectedMesspunkt
+},
+'ortfilterwindow grid[name=verwaltungseinheiten]': {
+itemdblclick: this.selectedVerwaltungseinheit
+},
+'ortfilterwindow grid[name=staaten]': {
+itemdblclick: this.selectedStaat
 }
 });
 },
 /**
 /**
 * Opens the form for a new Messpunkt
 */
 createort: function() {
-Ext.create('Lada.view.window.Ortserstellung',{
+Ext.create('Lada.view.form.Ortserstellung').show();
-parentWindow: button.up('ortszuordnungwindow')
-}).show();
 },
 /**
 *
-* Creates an event listener for a map click
+* Opens the form for a new Messpunkt, with prefilled coordinates.
+* TODO Not functional yet
 */
 frommap: function(button) {
 var map = button.up('ortszuordnungwindow').down('map');
-var me = this;
+// map.getClick();
-map.map.events.register('click', button, me.newOrtfromMapClick);
+//TODO: wait for click return
-// TODO visual feedback that map click is active.
+Ext.create('Lada.view.form.Ortserstellung', {
-// TODO Deactivate event listener if button is destroyed
+presets: {
+kda_id: 4,
+koord_x_extern: 35000000, //TODO dummy values
+koord_y_extern: 1000000
+}
+}).show();
 },
 /**
 * Opens the form for a new Messpunkt, with all values prefilled from the currently
 * selected item
 */
 cloneort: function(button) {
 var grid = button.up('ortszuordnungwindow').down('ortstammdatengrid').getView();
 var selected = grid.getSelectionModel().getSelection()[0];
-Ext.create('Lada.view.window.Ortserstellung', {
+Ext.create('Lada.view.form.Ortserstellung', {
-record: Ext.create('Lada.model.Ort', selected.data),
+presets: selected.data
-parentWindow: button.up('ortszuordnungwindow')
 }).show();
 },
 /**
-* Gets the clicked map's coordinates and opens a new Messpunkt window with coordinates prefilled
+* Search triggered by textfield key event.
 */
-newOrtfromMapClick: function(evt) {
+search: function(field, evt, opts) {
-var me = this; //this = button(action:frommap)
+this.searchField = field;
-var map = this.up('ortszuordnungwindow').down('map').map;
+if ((evt.getKey() == 13 || evt.getKey() == 8) && field.getValue() && field.getValue().length > 0) {
-var lonlat = map.getLonLatFromViewPortPx(evt.xy).transform(new OpenLayers.Projection('EPSG:3857'),
+this.execSearch(field, field.getValue());
-new OpenLayers.Projection('EPSG:4326'));
+}
-var controller = Lada.app.getController('Lada.controller.grid.Ortszuordnung');
+if (field.getValue().length === 0) {
-map.events.unregister('click', this, controller.newOrtfromMapClick);
+this.resultPanel.hide();
-Ext.create('Lada.view.window.Ortserstellung', {
+return;
-record: Ext.create('Lada.model.Ort',{
+}
-koordXExtern: lonlat.lon,
+if (field.getValue().length < 3) {
-koordYExtern: lonlat.lat,
+return;
-kdaId : 4
+}
-}),
+this.execSearch(field, field.getValue());
-parentWindow: this.up('ortszuordnungwindow')
+},
-}).show();
+/*
+* Execute search in stores (ort, verwaltungseinheit and staat) and
+* display the resultset.
+*/
+execSearch: function(field, filter) {
+// Filter stores
+var messpunkte = Ext.data.StoreManager.get('orte');
+var verwaltungseinheiten = Ext.data.StoreManager.get('verwaltungseinheiten');
+var staaten = Ext.data.StoreManager.get('staaten');
+messpunkte.clearFilter(true);
+verwaltungseinheiten.clearFilter(true);
+staaten.clearFilter(true);
+messpunkte.filter({filterFn: function(item) {
+if (item.get('ortId').indexOf(filter) > -1) {
+return true;
+}
+if (item.get('kurztext').indexOf(filter) > -1) {
+return true;
+}
+if (item.get('langtext').indexOf(filter) > -1) {
+return true;
+}
+if (item.get('berichtstext') &&
+item.get('berichtstext').indexOf(filter) > -1) {
+return true;
+}
+if (item.get('gemId').indexOf(filter) > -1) {
+return true;
+}
+}});
+verwaltungseinheiten.filter('bezeichnung', filter);
+staaten.filter('staat', filter);
+if (!this.resultPanel) {
+this.resultPanel = Ext.create('Lada.view.window.OrtFilter', {
+x: 500,
+y: 500,
+alwaysOnTop: true
+});
+}
+this.resultPanel.show();
+this.resultPanel.updateGrids(messpunkte, verwaltungseinheiten, staaten);
+this.resultPanel.reposition(field.getX() + field.getLabelWidth(), field.getY());
+field.focus();
+},
+selectedMesspunkt: function(grid, record) {
+var win = grid.up('window');
+win.hide();
+this.searchField.reset();
+var grid = this.searchField.up('panel').down('ortstammdatengrid');
+grid.getSelectionModel().select(record);
+grid.getView().focusRow(record);
+console.log(record);
+},
+selectedVerwaltungseinheit: function(grid, record) {
+var win = grid.up('window');
+win.hide();
+this.searchField.reset();
+console.log(record);
+},
+selectedStaat: function(grid, record) {
+var win = grid.up('window');
+win.hide();
+this.searchField.reset();
+console.log(record);
 }
 });

http://lada.wald.intevation.org