Mercurial > lada > lada-client
comparison 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 |
comparison
equal
deleted
inserted
replaced
| 519:48593a6181c9 | 520:16fbbad55589 |
|---|---|
| 154 * method. | 154 * method. |
| 155 * @private | 155 * @private |
| 156 */ | 156 */ |
| 157 initSearch: function() { | 157 initSearch: function() { |
| 158 this.items = [{ | 158 this.items = [{ |
| 159 xtype: 'panel', | |
| 160 title: '<center>Probenauswahlmaske</center>', | 159 title: '<center>Probenauswahlmaske</center>', |
| 161 bodyPadding: '10 10', | 160 layout: 'border', |
| 162 layout: { | 161 items: [{ |
| 163 type: 'vbox', | 162 layout: { |
| 164 align: 'stretch' | 163 type: 'vbox', |
| 165 }, | 164 align: 'stretch' |
| 166 dockedItems: [{ | 165 }, |
| 167 xtype: 'toolbar', | 166 region: 'west', |
| 168 dock: 'top', | 167 split: true, |
| 168 border: 1, | |
| 169 flex: 1, | |
| 170 dockedItems: [{ | |
| 171 xtype: 'toolbar', | |
| 172 dock: 'top', | |
| 173 items: [{ | |
| 174 xtype: 'splitbutton', | |
| 175 text: 'Info', | |
| 176 menu: { | |
| 177 items: [{ | |
| 178 id: 'AboutBtn', | |
| 179 text: 'About' | |
| 180 }] | |
| 181 } | |
| 182 }, '->', { | |
| 183 xtype: 'box', | |
| 184 autoEl: { | |
| 185 tag: 'img', | |
| 186 src: 'gfx/user-identity.png' | |
| 187 } | |
| 188 }, { | |
| 189 xtype: 'tbtext', | |
| 190 id: 'userinfo', | |
| 191 text: '' | |
| 192 }, { | |
| 193 xtype: 'box', | |
| 194 autoEl: { | |
| 195 tag: 'img', | |
| 196 src: 'gfx/network-workgroup.png' | |
| 197 } | |
| 198 }, { | |
| 199 xtype: 'tbtext', | |
| 200 id: 'groupinfo', | |
| 201 text: '' | |
| 202 }] | |
| 203 }], | |
| 169 items: [{ | 204 items: [{ |
| 170 xtype: 'splitbutton', | 205 // Auswahl einer Abfrage. |
| 171 text: 'Info', | 206 xtype: 'queryselector', |
| 172 menu: { | 207 margin: '0, 10, 0, 10', |
| 173 items: [{ | 208 id: 'queryselector' |
| 174 id: 'AboutBtn', | |
| 175 text: 'About' | |
| 176 }] | |
| 177 } | |
| 178 }, '->', { | |
| 179 xtype: 'box', | |
| 180 autoEl: { | |
| 181 tag: 'img', | |
| 182 src: 'gfx/user-identity.png' | |
| 183 } | |
| 184 }, { | 209 }, { |
| 185 xtype: 'tbtext', | 210 // Variables settings for the current selected sql statement. |
| 186 id: 'userinfo', | 211 xtype: 'fieldset', |
| 187 text: '' | 212 id: 'queryfilters', |
| 188 }, { | 213 title: 'Variablenbelegung', |
| 189 xtype: 'box', | 214 hidden: true, |
| 190 autoEl: { | 215 margin: '0, 10, 0, 10', |
| 191 tag: 'img', | 216 items: [] |
| 192 src: 'gfx/network-workgroup.png' | |
| 193 } | |
| 194 }, { | |
| 195 xtype: 'tbtext', | |
| 196 id: 'groupinfo', | |
| 197 text: '' | |
| 198 }] | 217 }] |
| 199 }], | |
| 200 items: [{ | |
| 201 // Auswahl einer Abfrage. | |
| 202 xtype: 'queryselector', | |
| 203 id: 'queryselector', | |
| 204 margin: '0 0 10 0' | |
| 205 }, { | |
| 206 // Variables settings for the current selected sql statement. | |
| 207 xtype: 'fieldset', | |
| 208 id: 'queryfilters', | |
| 209 title: 'Variablenbelegung', | |
| 210 hidden: true, | |
| 211 items: [] | |
| 212 }, { | |
| 213 // Buttons to trigger the search. | |
| 214 id: 'SearchBtnPanel', | |
| 215 xtype: 'panel', | |
| 216 border: false, | |
| 217 margin: '0 0 10 0', | |
| 218 items: [{ | |
| 219 id: 'SearchBtn', | |
| 220 text: 'Suchen', | |
| 221 xtype: 'button', | |
| 222 margin: '0 10 0 0' | |
| 223 }, { | |
| 224 id: 'ResetBtn', | |
| 225 text: 'Zurücksetzen', | |
| 226 xtype: 'button' | |
| 227 }], | |
| 228 hidden: false | |
| 229 }, { | 218 }, { |
| 230 // Resultlist for the query. | 219 // Resultlist for the query. |
| 231 id: 'result', | 220 id: 'result', |
| 232 flex: 1, | 221 flex: 3, |
| 233 xtype: 'probenlist', | 222 xtype: 'probenlist', |
| 234 hidden: false | 223 hidden: false, |
| 224 region: 'center' | |
| 235 }] | 225 }] |
| 236 }]; | 226 }]; |
| 237 } | 227 } |
| 238 }); | 228 }); |