torsten@12: Ext.define('Lada.view.Viewport' ,{
torsten@12:     extend: 'Ext.container.Viewport',
torsten@12:     requires: [
torsten@28:         'Lada.view.search.List',
torsten@31:         'Lada.view.search.Query1',
torsten@31:         'Lada.view.search.Query2',
torsten@120:         'Lada.view.proben.List'
torsten@12:     ],
torsten@12:     initComponent: function() {
torsten@12:         console.log('Setting up Viewport');
torsten@12:         this.items = {
torsten@25:             xtype: 'panel',
torsten@25:             title: '<center>Probenauswahlmaske</center>',
torsten@25:             bodyPadding: '10 10',
torsten@25:             items: [
torsten@31:                 // Auswahl einer Abfrage.
torsten@25:                 {
torsten@28:                     xtype: 'queryselector',
torsten@25:                     margin: '0 0 10 0'
torsten@25:                 },
torsten@25:                 // Variables settings for the current selected sql statement.
torsten@31:                 {
torsten@31:                     id: 'query1',
torsten@31:                     xtype: 'query1',
torsten@31:                     hidden: true
torsten@31:                 },
torsten@31:                 {
torsten@31:                     id: 'query2',
torsten@31:                     xtype: 'query2',
torsten@31:                     hidden: true
torsten@31: 
torsten@31:                 },
torsten@120:                 // Buttons to trigger the search.
torsten@31:                 {
torsten@31:                     id: 'SearchBtnPanel',
torsten@31:                     xtype: 'panel',
torsten@31:                     border: false,
torsten@31:                     margin: '0 0 10 0',
torsten@31:                     items: [
torsten@31:                         {
torsten@31:                             id: 'SearchBtn',
torsten@31:                             text: 'Suchen',
torsten@31:                             xtype: 'button',
torsten@31:                             margin: '0 10 0 0'
torsten@31:                         },
torsten@31:                         {
torsten@31:                             id: 'ResetBtn',
torsten@31:                             text: 'Zurücksetzen',
torsten@31:                             xtype: 'button'
torsten@31:                         }
torsten@31:                     ],
torsten@148:                     hidden: false
torsten@31: 
torsten@31:                 },
torsten@25:                 // Resultlist for the query.
torsten@25:                 {
torsten@25:                     id: 'result',
torsten@31:                     xtype: 'probenlist',
torsten@148:                     hidden: false
torsten@25:                 }
torsten@25:             ]
torsten@12:         };
torsten@12:         this.callParent(arguments);
torsten@12:     }
torsten@12: });