Ext.define('saas.view.auth.CompanyPicker', {
    extend: 'Ext.window.Window',
    xtype: 'companypicker',
    controller: 'login',

    title: '选择登录公司',
    width: 500,
    scrollable: true,
    resizable: false,
    autoShow: true,
    bodyPadding: 10,
    modal: true,
    closable: false,

    items: [{
        xtype: 'dataview',
        id: 'companies',
        bind: {
            store: '{companies}'
        },
        tpl: new Ext.XTemplate(
            '<tpl for=".">',
                '<div class="thumb">',
                    '<img src="{logoUrl}" />',
                    '<strong>{name}</strong>',
                '</div>',
            '</tpl>'
        ),
        itemSelector: 'div.thumb',
        overItemCls: 'thumb-hover',
        listeners: {
            select: 'selectCompany'
        }
    }],

    renderTo: Ext.getBody()
});