Mercurial > lada > lada-client
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' }] }]; }