add extjs 6.0.1 sources

[extjs.git] / extjs / build / examples / kitchensink / modern / src / view / Icons.js

/**\r
 * Demonstrates some of the many icons availble via the framework\r
 */\r
Ext.define('KitchenSink.view.Icons', {\r
    extend: 'Ext.tab.Panel',\r
\r
    config: {\r
        activeTab: 0,\r
        layout: {\r
            animation: {\r
                type: 'slide',\r
                duration: 250\r
            }\r
        },\r
        tabBar: {\r
            layout: {\r
                pack : 'center',\r
                align: 'center'\r
            },\r
            docked: 'bottom',\r
            scrollable: null\r
        },\r
        defaults: {\r
            scrollable: true\r
        },\r
        items: [\r
            {\r
                iconCls: 'x-fa fa-info-circle',\r
                title  : 'Info',\r
                cls    : 'card',\r
                html   : 'Tabs and Buttons can display any <a href="http://fortawesome.github.io/Font-Awesome/icons/">Font Awesome</a> icon using the <code>iconCls</code> config.'\r
            },\r
            {\r
                iconCls: 'x-fa fa-download',\r
                title  : 'Download',\r
                cls    : 'card dark',\r
                html   : '<span class="action">User tapped Download</span>'\r
            },\r
            {\r
                iconCls: 'x-fa fa-star',\r
                title  : 'Favorites',\r
                cls    : 'card',\r
                html   : '<span class="action">User tapped Favorites</span>',\r
                hidden: (Ext.filterPlatform('ie10') && Ext.os.is.Phone) ? true : false\r
            },\r
            {\r
                iconCls: 'x-fa fa-bookmark',\r
                title  : 'Bookmarks',\r
                cls    : 'card dark',\r
                html   : '<span class="action">User tapped Bookmarks</span>',\r
                hidden: (Ext.filterPlatform('ie10') && Ext.os.is.Phone) ? true : false\r
            },\r
            {\r
                iconCls: 'x-fa fa-ellipsis-h',\r
                title  : 'More',\r
                cls    : 'card',\r
                html   : '<span class="action">User tapped More</span>'\r
            },\r
            {\r
                xtype : 'toolbar',\r
                ui: 'neutral',\r
                docked: 'top',\r
                scrollable: null,\r
                defaults: {\r
                    ui: 'plain'\r
                },\r
                items: [\r
                    { iconCls: 'x-fa fa-check' },\r
                    { iconCls: 'x-fa fa-plus' },\r
                    { iconCls: 'x-fa fa-pencil-square-o' },\r
                    { iconCls: 'x-fa fa-times' },\r
                    { iconCls: 'x-fa fa-refresh' },\r
                    { iconCls: 'x-fa fa-reply' }\r
                ],\r
                layout: {\r
                    pack : (Ext.filterPlatform('ie10') && !Ext.os.is.Phone) ? 'start' : 'center',\r
                    align: 'center'\r
                }\r
            }\r
        ]\r
    }\r
});\r