/**
 * 班级组织信息
 */
Ext.define('school.view.basic.class.ClassInfo', {
    extend: 'Ext.panel.Panel',
    xtype: 'basic-class-classinfo',

    requires: [
        'Ext.tree.Panel'
    ],

    controller: 'basic-class-classinfo',
    viewModel: 'basic-class-classinfo',

    layout: 'border',

    // bodyPadding: '8 12 8 12',

    initComponent: function() {
        let me = this;
        Ext.apply(me, {
            items: [{
                region: 'west',
                split: true,
                border: false,
                hideHeaders: true,
                singleExpand: true,
                width: 250,
                xtype: 'treepanel',
                reference: 'treelist',
                bind: {
                    store: '{store_grade}',
                    width: '{treeWidth}'
                },
                // viewConfig: {
                //     plugins: {
                //         treeviewdragdrop: {
                //             containerScroll: true
                //         }
                //     }
                // },
                columns: [{
                    xtype: 'treecolumn',
                    text: 'Name',
                    dataIndex: 'text',
                    flex: 1,
                    sortable: true,
                    renderer: function(v, metaData, record) {
                        metaData.glyph = record.glyph;
                        return v;
                    }
                }, {
                    xtype: 'actioncolumn',
                    width: 30,
                    items: [{
                        iconCls: 'action-icon x-hidden x-ss ss-add',
                        tooltip: '新增',
                        handler: 'onTreeAddClick'
                    }]
                }, {
                    xtype: 'actioncolumn',
                    width: 30,
                    items: [{
                        iconCls: 'action-icon x-hidden x-fa fa-pencil',
                        tooltip: '编辑',
                        handler: 'onTreeEditClick'
                    }]
                }, {
                    xtype: 'actioncolumn',
                    width: 30,
                    items: [{
                        iconCls: 'action-icon x-hidden x-ss ss-delete',
                        tooltip: '删除',
                        handler: 'onTreeDeleteClick'
                    }]
                }],
                bbar: ['->', {
                    xtype: 'importbutton',
                    width: '100%',
                    text: '导入',
                    caller: 'GradeAndCLass',
                    pathKey: 'grade',
                    onSuccess: function() {
                        let viewModel = me.getViewModel();
        
                        viewModel.get('store_grade').load();
                    }
                }, '->'],
                listeners: {
                    itemclick: 'onItemClick',
                    itemmouseenter: 'onItemMouseEnter',
                    itemmouseleave: 'onItemMouseLeave',
                    beforedrop: 'onItemBeforeDrop',
                    drop: 'onItemDrop',
                }
            }, {
                region: 'center',
                bodyPadding: 10,
                layout: 'fit',
                items: [{
                    xtype: 'panel',
                    layout: 'fit',
                    scrollable: true,
                    tbar: [{
                        padding: '7 0 7 0',
                        ui: 'header',
                        bind: {
                            iconCls:'x-sa {toggleIconCls}'
                        },
                        handler: 'onToggleTree'
                    }, {
                        xtype: 'tbtext',
                        maxWidth: 200,
                        style: {
                            'overflow': 'hidden',
                            'text-overflow': 'ellipsis'
                        },
                        bind: {
                            text: '{currentNodeData.pathText || currentNodeData.text}'
                        }
                    }, {
                        xtype: 'button',
                        text: '上一级',
                        handler: 'onTreeUp'
                    }],
                    items: [{
                        xtype: 'listcard',
                        reference: 'listcard'
                    }, {
                        xtype: 'classdetail',
                        reference: 'classdetail',
                        hidden: true
                    }]
                }]
            }],
        });
        me.callParent(arguments);
    },
    
    listeners: {
        afterrender: 'onAfterRender'
    }
});