ClientConfig.page.Admin = function(config) {
    config = config || {};
    Ext.applyIf(config,{
        renderTo: 'clientconfig-wrapper-div',
        border: false,
        components: [{
            cls: 'container form-with-labels',
            xtype: 'panel',
            items: [{
                xtype: 'panel',
                html: '<h2>' + _('clientconfig.adminpanel') + '</h2>',
                border: false,
                cls: 'modx-page-header'
            }, {
                xtype: 'modx-tabs',
                width: '98%',
                border: true,
                defaults: {
                    border: false,
                    autoHeight: true,
                    defaults: {
                        border: false
                    }
                },
                items: [{
                    title: _('clientconfig.settings'),
                    cls: 'main-wrapper',
                    items: [{
                        xtype: 'clientconfig-grid-settings'
                    }]
                }, {
                    title: _('clientconfig.groups'),
                    cls: 'main-wrapper',
                    items: [{
                        xtype: 'clientconfig-grid-groups'
                    }]
                }],
                stateful: true,
                stateId: 'clientconfig-page-admin',
                stateEvents: ['tabchange'],
                getState: function () {
                    return {
                        activeTab: this.items.indexOf(this.getActiveTab())
                    };
                }
            }]
        }],
        buttons: [{
            text: _('clientconfig.to_client_view'),
            handler: this.toClientView,
            scope: this
        },'-',{
            text: _('help_ex'),
            handler: MODx.loadHelpPane,
            scope: this
        }]
    });
    ClientConfig.page.Admin.superclass.constructor.call(this,config);
};
Ext.extend(ClientConfig.page.Admin,MODx.Component,{
    toClientView: function() {
        MODx.loadPage('?a=home&namespace=clientconfig');
    }
});
Ext.reg('clientconfig-page-admin',ClientConfig.page.Admin);