Ext.define('saas.view.main.Main', {
    extend: 'Ext.container.Container',
    xtype: 'main',

    requires: [
        'Ext.list.Tree',
        'Ext.Img'
    ],
    
    controller: 'main',
    viewModel: 'main',
    
    cls: 'main-ct',
    id: 'mainView',
    itemId: 'mainView',

    layout: {
        type: 'vbox',
        align: 'stretch'
    },

    items: [
        {
            xtype: 'toolbar',
            cls: 'main-headerbar shadow',
            height: 50,
            itemId: 'headerBar',
            items: [
                {
                    xtype: 'component',
                    reference: 'mainLogo',
                    width: 180,
                    cls: 'main-logo-wrap',
                    html: '<div class="main-logo"><img src="resources/images/default/logo-default.png"/><div class="logo-text">运营中心</div></div>',
                    bind: {
                        width: '{navWidth}'
                    }
                },
                {
                    margin: '0 8 0 8',
                    padding: '7 0 7 0',
                    ui: 'header',
                    iconCls:'x-sa sa-arrows-left',
                    id: 'main-navigation-toggle-btn',
                    handler: 'onToggleNavigationSize'
                },{
                    padding: '0 0 0 0',
                    reference: 'mainprofile',
                    cls:'x-main-master',
                    ui: 'header',
                    bind: {
                        text: '{company.name}'
                    }
                },
                '->',
                {
                    xtype: 'tbtext',
                    name:'realname',
                    cls:'sa-nav-button sa-nav-realname',
                    bind: {
                        html: '{account.realname}'
                    }
                },
                {
                    cls:' sa-nav-button', 
                    width: 50,
                    height:50,   
                    bind: {
                        html:'<img class="x-img x-box-item x-toolbar-item x-img-header" style="height:35px;width:35px;margin-top: 6px;margin-left: 14px;" src="{avatarUrl}" alt="">'
                    }, 
                    menu: {
                        cls:'x-main-menu2 sa-nav-menu', 
                        items: [{
                            text: '退出',
                            iconCls:'x-fa fa-power-off sa-navicon',
                            handler: 'onLogout'
                        }]
                    }
                }
            ]
        },
        {
            xtype: 'maincontainerwrap'
        }
    ]
});