var settingsbar = {
                    xtype: 'meterreadings_settingsbar',
                    docked: 'top',
                    added: false
                  };

Ext.define('pw.meterreadings.main.Main', {
    extend: 'Airit.navigation.MBView',
    xtype: 'meterreadings_main',
    config: {
            cls: 'card',
//  autoDestroy: false,
            navigationBar: {
                ui: 'light',
//              docked: 'top',
                title: 'Meter App',
                items: [
                        {
                           xtype: 'mbButton',
                           text: 'Settings',
                           align: 'right',
                           listeners: {
                               tap: function(source, e, eOpts) {
                                    if(!settingsbar.added){
                                        settingsbar.added = true;
                                        Ext.ComponentQuery.query('.meterreadings_main')[0].add(settingsbar);
                                    }
                                    else{
                                        if(settingsbar.hidden){
                                            settingsbar.show();
                                        }
                                        else{
                                            settingsbar.hide();
                                        }

                                    }
                               }
                            }
                        }
                ]
            },
            items: [
            {
                xtype: 'mbTabpanel',
                tabBarPosition: 'top',
                items:[{xtype:'meterreadings_campus'}]
            }]

  }});