Mercurial > lada > lada-client
view app/controller/Ort.js @ 1293:16a80ca16732
map feature visibility, selection and grid layout
messpunkt layer is now visible per default when in editing mode
on selection in map, the form is updated
ortszuordnung buttons should not render over grid anymore
author | Maximilian Krambach <mkrambach@intevation.de> |
---|---|
date | Wed, 01 Feb 2017 19:38:06 +0100 |
parents | 7ac4d811cf89 |
children | d312e514875c |
line wrap: on
line source
/** * */ Ext.define('Lada.controller.Ort', { extend: 'Ext.app.Controller', /** * @private * Initialize the controller. */ init: function() { var me = this; this.control({ 'ortpanel button[action=addMap]': { click: me.activateDraw }, 'ortpanel button[action=add]': { click: me.addRecord }, 'ortpanel button[action=delete]': { click: me.deleteItem }, 'ortpanel ortstammdatengrid': { edit: me.gridSave, canceledit: me.cancelEdit, select: me.select }, 'ortpanel map': { featureadded: me.featureadded } }); }, featureadded: function(record) { var grid = Ext.ComponentQuery.query('ortpanel ortstammdatengrid')[0]; if (grid.getCollapsed()) { grid.expand(); } if (!record.get('letzteAenderung')) { record.data.letzteAenderung = new Date(); } grid.store.insert(0, record); grid.rowEditing.startEdit(0, 1); }, activateDraw: function(button) { var map = button.up('ortpanel').down('map'); var record = Ext.create('Lada.model.Ort'); map.activateDraw(record); }, addRecord: function(button) { var record = Ext.create('Lada.model.Ort'); var grid = button.up('ortpanel').down('ortstammdatengrid'); if (grid.getCollapsed()) { grid.expand(); } if (!record.get('letzteAenderung')) { record.data.letzteAenderung = new Date(); } grid.store.insert(0, record); grid.rowEditing.startEdit(0, 1); }, deleteItem: function(button) { var grid = button.up('ortpanel').down('ortstammdatengrid'); var selection = grid.getView().getSelectionModel().getSelection()[0]; var i18n = Lada.getApplication().bundle; Ext.MessageBox.confirm(i18n.getMsg('delete'), i18n.getMsg('confirmation.question'), function(btn) { if (btn === 'yes') { selection.destroy({ success: function() { //DO NOTHING }, failure: function(request, response) { var json = response.request.scope.reader.jsonData; if (json) { if (json.message){ Ext.Msg.alert(i18n.getMsg('err.msg.delete.title') +' #'+json.message, i18n.getMsg(json.message)); } else { Ext.Msg.alert(i18n.getMsg('err.msg.delete.title'), i18n.getMsg('err.msg.generic.body')); } } else { Ext.Msg.alert(i18n.getMsg('err.msg.delete.title'), i18n.getMsg('err.msg.response.body')); } } }); } }); grid.up('ortpanel').down('button[action=delete]').disable(); }, select: function(rowModel, record) { this.checkEdit(rowModel, record); this.buttonToggle(rowModel, record); }, checkEdit: function(rowModel, record) { if (!Ext.Array.contains(Lada.netzbetreiber, record.get('netzbetreiberId')) && record.get('netzbetreiberId') !== '') { var grid = Ext.ComponentQuery.query('ortpanel ortstammdatengrid')[0]; grid.rowEditing.cancelEdit(); return; } }, /** * This function is called when the grids roweditor saves * the record. * On success it refreshes the windows which contains the grid * On failure it displays a message */ gridSave: function(editor, context) { var i18n = Lada.getApplication().bundle; context.record.save({ success: function(record, response) { var grid = Ext.ComponentQuery.query('ortstammdatengrid')[0]; grid.store.reload(); Ext.StoreManager.get('orte').load(); }, failure: function(record, response) { var json = response.request.scope.reader.jsonData; if (json) { if (json.message){ Ext.Msg.alert(i18n.getMsg('err.msg.save.title') +' #'+json.message, i18n.getMsg(json.message)); } else { Ext.Msg.alert(i18n.getMsg('err.msg.save.title'), i18n.getMsg('err.msg.generic.body')); } } } }); }, /** * When the edit was canceled, * the empty row might have been created by the roweditor is removed */ cancelEdit: function(editor, context) { if (!context.record.get('id') || context.record.get('id') === '') { editor.getCmp().store.remove(context.record); } context.grid.getSelectionModel().deselect(context.record); }, /** * Enables/Disables a set of buttons **/ buttonToggle: function(rowModel, record) { if (!Ext.Array.contains(Lada.funktionen, 4)) { return; } var grid = Ext.ComponentQuery.query('ortstammdatengrid')[0]; if (!record || !Ext.Array.contains(Lada.netzbetreiber, record.get('netzbetreiberId'))) { grid.up('ortpanel').down('button[action=delete]').disable(); return; } if (record.get('readonly') || rowModel.selected.items.length === 0) { grid.up('ortpanel').down('button[action=delete]').disable(); } else { if (grid.getPlugin('rowedit').editing) { //only enable buttons, when grid is not beeing edited grid.up('ortpanel').down('button[action=delete]').disable(); } else { grid.up('ortpanel').down('button[action=delete]').enable(); } } /* if (!enabled && panel.down('button[action=delete]')) { panel.down('button[action=delete]').disable(); } else { if (panel.down('ortstammdatengrid').getPlugin('rowedit') && !panel.down('ortstammdatengrid').getPlugin('rowedit').editing && panel.down('button[action=delete]')) { //only enable buttons, when grid is not beeing edited panel.down('button[action=delete]').enable(); } //else turn them off again! else if (panel.down('button[action=delete]')) { panel.down('button[action=delete]').disable(); } } */ } });