changeset 207:62e116cd3e3b

Inheritance of Mkommentare from Kommentare does not work as expected. So write mostly duplicated code for MKommentare.
author Torsten Irländer <torsten.irlaender@intevation.de>
date Tue, 09 Jul 2013 15:26:29 +0200
parents 32e1356cf391
children 6527b1598196
files app/controller/MKommentare.js app/view/mkommentare/Create.js app/view/mkommentare/CreateForm.js app/view/mkommentare/List.js
diffstat 4 files changed, 158 insertions(+), 11 deletions(-) [+]
line wrap: on
line diff
--- a/app/controller/MKommentare.js	Mon Jul 08 16:47:50 2013 +0200
+++ b/app/controller/MKommentare.js	Tue Jul 09 15:26:29 2013 +0200
@@ -1,17 +1,74 @@
 Ext.define('Lada.controller.MKommentare', {
-    extend: 'Lada.controller.Kommentare',
+    extend: 'Ext.app.Controller',
+    views: [
+        'mkommentare.Create'
+    ],
     stores: [
         'MKommentare'
     ],
     models: [
         'MKommentar'
     ],
+    init: function() {
+        console.log('Initialising the MKommentare controller');
+        this.control({
+            // CSS like selector to select element in the viewport. See
+            // ComponentQuery documentation for more details.
+            'mkommentarelist': {
+                itemdblclick: this.editKommentar
+            },
+            'mkommentarelist toolbar button[action=add]': {
+                click: this.addKommentar
+            },
+            'mkommentarelist toolbar button[action=delete]': {
+                click: this.deleteKommentar
+            },
+            'mkommentarecreate button[action=save]': {
+                click: this.saveKommentar
+            },
+            'mkommentarecreate form': {
+                savesuccess: this.createSuccess,
+                savefailure: this.createFailure
+            }
+        });
+    },
+    saveKommentar: function(button) {
+        console.log('Saving MKommentar');
+        var form = button.up('window').down('form');
+        form.commit();
+    },
     addKommentar: function(button) {
-        console.log('Adding new Kommentar for Messung ' + button.parentId + ' Probe ' + button.probeId);
+        console.log('Adding new MKommentar for Messung ' + button.parentId + ' Probe ' + button.probeId);
         var kommentar = Ext.create('Lada.model.MKommentar');
         kommentar.set('probeId', button.probeId);
         kommentar.set('messungsId', button.parentId);
-        var view = Ext.widget('kommentarecreate', {model: kommentar});
+        var view = Ext.widget('mkommentarecreate', {model: kommentar});
+    },
+    editKommentar: function(grid, record) {
+        console.log('Editing Kommentar');
+        var view = Ext.widget('mkommentarecreate', {model: record});
+        console.log("Loaded MKommentar with ID " + record.getId()); //outputs ID
+    },
+    deleteKommentar: function(button) {
+        // Get selected item in grid
+        var grid = button.up('grid');
+        var selection = grid.getView().getSelectionModel().getSelection()[0];
+        Ext.MessageBox.confirm('Löschen', 'Sind Sie sicher?', function(btn){
+            if(btn === 'yes'){
+                var store = grid.getStore();
+                var deleteUrl = selection.getProxy().url + selection.getEidi();
+                Ext.Ajax.request({
+                    url: deleteUrl,
+                    method: 'DELETE',
+                    success: function(response, opts) {
+                        store.reload();
+                    }
+                });
+                console.log('Deleting MKommentar');
+            } else {
+                console.log('Cancel Deleting MKommentar');
+            }
+        });
     },
     createSuccess: function(form, record, operation) {
         // Reload store
@@ -20,11 +77,12 @@
         var win = form.up('window');
         win.close();
     },
-    editSuccess: function(form, record, operation) {
-        // Reload store
-        var store = this.getMKommentareStore();
-        store.reload();
-        var win = form.up('window');
-        win.close();
+    createFailure: function(form, record, operation) {
+        Ext.MessageBox.show({
+            title: 'Fehler beim Speichern',
+            msg: form.message,
+            icon: Ext.MessageBox.ERROR,
+            buttons: Ext.Msg.OK
+        });
     }
 });
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/app/view/mkommentare/Create.js	Tue Jul 09 15:26:29 2013 +0200
@@ -0,0 +1,27 @@
+Ext.define('Lada.view.mkommentare.Create', {
+    extend: 'Ext.window.Window',
+    alias: 'widget.mkommentarecreate',
+
+    title: 'Maske für Messungskommentare',
+    // Make size of the dialog dependend of the available space.
+    // TODO: Handle resizing the browser window.
+    autoShow: true,
+    autoScroll: true,
+    modal: true,
+
+    requires: [
+        'Lada.view.mkommentare.CreateForm'
+    ],
+    initComponent: function() {
+        var form = Ext.create('Lada.view.mkommentare.CreateForm', this.initialConfig);
+        this.items = [form];
+        this.buttons = [
+            {
+                text: 'Speichern',
+                scope: form,
+                action: 'save'
+            }
+        ];
+        this.callParent();
+    }
+});
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/app/view/mkommentare/CreateForm.js	Tue Jul 09 15:26:29 2013 +0200
@@ -0,0 +1,24 @@
+Ext.define('Lada.view.mkommentare.CreateForm', {
+    extend: 'Lada.view.widgets.LadaForm',
+    model: 'Lada.model.MKommentar',
+    initComponent: function() {
+        this.items = [
+            {
+                xtype: 'textfield',
+                name: 'erzeuger',
+                fieldLabel: 'Erzeuger'
+            },
+            {
+                xtype: 'datefield',
+                name: 'kdatum',
+                fieldLabel: 'Datum'
+            },
+            {
+                xtype: 'textareafield',
+                name: 'ktext',
+                fieldLabel: 'Text'
+            }
+        ];
+        this.callParent();
+    }
+});
--- a/app/view/mkommentare/List.js	Mon Jul 08 16:47:50 2013 +0200
+++ b/app/view/mkommentare/List.js	Tue Jul 09 15:26:29 2013 +0200
@@ -1,6 +1,44 @@
 Ext.define('Lada.view.mkommentare.List' ,{
-    extend: 'Lada.view.kommentare.List',
+    extend: 'Ext.grid.Panel',
     alias: 'widget.mkommentarelist',
     store: 'MKommentare',
-    messungsId: null
+    viewConfig: {
+        maxHeight: 350,
+        emptyText: 'Keine Kommentare gefunden.',
+        // minHeight and deferEmptyText are needed to be able to show the
+        // emptyText message.
+        minHeight: 35,
+        deferEmptyText: false
+    },
+    probeId: null,
+    parentId: null,
+    initComponent: function() {
+        this.dockedItems = [
+            {
+                xtype: 'toolbar',
+                dock: 'top',
+                items: [
+                    {
+                        text: 'Hinzufügen',
+                        icon: 'gfx/plus.gif',
+                        action: 'add',
+                        probeId: this.probeId,
+                        parentId: this.parentId
+                    },
+                    {
+                        text: 'Löschen',
+                        icon: 'gfx/minus.gif',
+                        action: 'delete'
+                    }
+                ]
+            }
+        ];
+        this.columns = [
+            {header: 'Erzeuger', dataIndex: 'erzeuger'},
+            {header: 'Datum', dataIndex: 'kdatum'},
+            {header: 'Text', dataIndex: 'ktext', flex: 1}
+        ];
+        this.callParent(arguments);
+    }
 });
+

http://lada.wald.intevation.org