Ext.define('uas.view.grid.copyPaste.Panel', {
    extend: 'uas.view.grid.basic.Panel',
    xtype: 'grid-copy-paste',

    requires: [
        'Ext.grid.plugin.CellEditing',
        'Ext.grid.selection.SpreadsheetModel',
        'Ext.ux.grid.plugin.MenuClipboard'
    ],

    plugins: [{
        ptype: 'menuclipboard'
    }, {
        ptype: 'cellediting',
        clicksToEdit: 2,
    }],
    
    selModel: {
        type: 'spreadsheet'
    },

    columns: [{
        text: 'Company',
        flex: 1,
        dataIndex: 'name',
        editor: {
            xtype: 'textfield'
        }
    }, {
        text: 'Price',
        width: 95,
        formatter: 'usMoney',
        dataIndex: 'price',
        editor: {
            xtype: 'numberfield'
        }
    }, {
        text: 'Change',
        width: 80,
        renderer: 'renderChange',
        dataIndex: 'priceChange',
        editor: {
            xtype: 'numberfield'
        }
    }, {
        text: '% Change',
        width: 100,
        renderer: 'renderPercent',
        dataIndex: 'priceChangePct',
        editor: {
            xtype: 'numberfield'
        }
    }, {
        text: 'Last Updated',
        width: 115,
        formatter: 'date("m/d/Y")',
        dataIndex: 'priceLastChange',
        editor: {
            xtype: 'datefield'
        }
    }, {
        xtype: 'actioncolumn',
        width: 50,
        menuDisabled: true,
        sortable: false,

        items: [{
            iconCls: 'x-fa fa-check green',
            handler: 'onApprove'
        }, {
            iconCls: 'x-fa fa-ban red',
            handler: 'onDecline'
        }]
    }],
});