add extjs 6.0.1 sources

[extjs.git] / extjs / build / examples / classic / app / feed-viewer / app / view / article / Grid.js

Ext.define('FV.view.article.Grid', {\r
    extend: 'Ext.grid.Panel',\r
    alias: 'widget.articlegrid',\r
\r
    cls: 'feed-grid',\r
    disabled: true,\r
\r
    requires: ['Ext.ux.PreviewPlugin', 'Ext.toolbar.Toolbar'],\r
    \r
    border: false,\r
    \r
    initComponent: function() {\r
        Ext.apply(this, {\r
            store: 'Articles',\r
\r
            viewConfig: {\r
                plugins: [{\r
                    pluginId: 'preview',\r
                    ptype: 'preview',\r
                    bodyField: 'description',\r
                    previewExpanded: true\r
                }]\r
            },\r
\r
            columns: [{\r
                text: 'Title',\r
                dataIndex: 'title',\r
                flex: 1,\r
                renderer: this.formatTitle\r
            }, {\r
                text: 'Author',\r
                dataIndex: 'author',\r
                hidden: true,\r
                width: 200\r
            }, {\r
                text: 'Date',\r
                dataIndex: 'pubDate',\r
                renderer: this.formatDate,\r
                width: 200\r
            }],\r
            dockedItems:[{\r
                xtype: 'toolbar',\r
                dock: 'top',\r
                items: [{\r
                    iconCls: 'open-all',\r
                    text: 'Open All',\r
                    action: 'openall'\r
                }]\r
            }]\r
        });\r
\r
        this.callParent(arguments);\r
    },\r
\r
    /**\r
     * Title renderer\r
     * @private\r
     */\r
    formatTitle: function(value, p, record) {\r
        return Ext.String.format('<div class="topic"><b>{0}</b><span class="author">{1}</span></div>', value, record.get('author') || "Unknown");\r
    },\r
\r
    /**\r
     * Date renderer\r
     * @private\r
     */\r
    formatDate: function(date) {\r
        if (!date) {\r
            return '';\r
        }\r
\r
        var now = new Date(),\r
            d = Ext.Date.clearTime(now, true),\r
            notime = Ext.Date.clearTime(date, true).getTime();\r
\r
        if (notime === d.getTime()) {\r
            return 'Today ' + Ext.Date.format(date, 'g:i a');\r
        }\r
\r
        d = Ext.Date.add(d, 'd', -6);\r
        if (d.getTime() <= notime) {\r
            return Ext.Date.format(date, 'D g:i a');\r
        }\r
        return Ext.Date.format(date, 'Y/m/d g:i a');\r
    }\r
});\r