diff app/view/Viewport.js @ 520:16fbbad55589

Updated viewport layout.
author Raimund Renkert <raimund.renkert@intevation.de>
date Tue, 16 Dec 2014 18:16:25 +0100
parents 8b4ec61c5752
children
line wrap: on
line diff
--- a/app/view/Viewport.js	Tue Dec 16 16:56:46 2014 +0100
+++ b/app/view/Viewport.js	Tue Dec 16 18:16:25 2014 +0100
@@ -156,82 +156,72 @@
      */
     initSearch: function() {
         this.items = [{
-            xtype: 'panel',
             title: '<center>Probenauswahlmaske</center>',
-            bodyPadding: '10 10',
-            layout: {
-                type: 'vbox',
-                align: 'stretch'
-            },
-            dockedItems: [{
-                xtype: 'toolbar',
-                dock: 'top',
+            layout: 'border',
+            items: [{
+                layout: {
+                    type: 'vbox',
+                    align: 'stretch'
+                },
+                region: 'west',
+                split: true,
+                border: 1,
+                flex: 1,
+                dockedItems: [{
+                    xtype: 'toolbar',
+                    dock: 'top',
+                    items: [{
+                        xtype: 'splitbutton',
+                        text: 'Info',
+                        menu: {
+                            items: [{
+                                id: 'AboutBtn',
+                                text: 'About'
+                            }]
+                        }
+                    }, '->', {
+                        xtype: 'box',
+                        autoEl: {
+                            tag: 'img',
+                            src: 'gfx/user-identity.png'
+                        }
+                    }, {
+                        xtype: 'tbtext',
+                        id: 'userinfo',
+                        text: ''
+                    }, {
+                        xtype: 'box',
+                        autoEl: {
+                            tag: 'img',
+                            src: 'gfx/network-workgroup.png'
+                        }
+                    }, {
+                        xtype: 'tbtext',
+                        id: 'groupinfo',
+                        text: ''
+                    }]
+                }],
                 items: [{
-                    xtype: 'splitbutton',
-                    text: 'Info',
-                    menu: {
-                        items: [{
-                            id: 'AboutBtn',
-                            text: 'About'
-                        }]
-                    }
-                }, '->', {
-                    xtype: 'box',
-                    autoEl: {
-                        tag: 'img',
-                        src: 'gfx/user-identity.png'
-                    }
-                }, {
-                    xtype: 'tbtext',
-                    id: 'userinfo',
-                    text: ''
+                    // Auswahl einer Abfrage.
+                    xtype: 'queryselector',
+                    margin: '0, 10, 0, 10',
+                    id: 'queryselector'
                 }, {
-                    xtype: 'box',
-                    autoEl: {
-                        tag: 'img',
-                        src: 'gfx/network-workgroup.png'
-                    }
-                }, {
-                    xtype: 'tbtext',
-                    id: 'groupinfo',
-                    text: ''
+                // Variables settings for the current selected sql statement.
+                    xtype: 'fieldset',
+                    id: 'queryfilters',
+                    title: 'Variablenbelegung',
+                    hidden: true,
+                    margin: '0, 10, 0, 10',
+                    items: []
                 }]
-            }],
-            items: [{
-                // Auswahl einer Abfrage.
-                xtype: 'queryselector',
-                id: 'queryselector',
-                margin: '0 0 10 0'
-            }, {
-            // Variables settings for the current selected sql statement.
-                xtype: 'fieldset',
-                id: 'queryfilters',
-                title: 'Variablenbelegung',
-                hidden: true,
-                items: []
-            }, {
-            // Buttons to trigger the search.
-                id: 'SearchBtnPanel',
-                xtype: 'panel',
-                border: false,
-                margin: '0 0 10 0',
-                items: [{
-                    id: 'SearchBtn',
-                    text: 'Suchen',
-                    xtype: 'button',
-                    margin: '0 10 0 0'
-                }, {
-                    id: 'ResetBtn',
-                    text: 'Zurücksetzen',
-                    xtype: 'button'
-                }],
-                hidden: false
             }, {
             // Resultlist for the query.
                 id: 'result',
-                flex: 1,
+                flex: 3,
                 xtype: 'probenlist',
-                hidden: false
+                hidden: false,
+                region: 'center'
             }]
         }];
     }

http://lada.wald.intevation.org