add extjs 6.0.1 sources

[extjs.git] / extjs / examples / kitchensink / modern / src / view / touchevent / Logger.js

Ext.define('KitchenSink.view.touchevent.Logger', {\r
    extend: 'Ext.Container',\r
    xtype: 'toucheventlogger',\r
    \r
    config: {\r
        layout: 'fit',\r
        items: [\r
            {\r
                xtype : 'toolbar',\r
                docked: 'top',\r
                ui    : 'light',\r
                title : 'Event Log'\r
            },\r
            {\r
                id: 'logger',\r
                html: '<span>Try using gestures on the area to the right to see how events are fired.</span>',\r
                scrollable: true,\r
                styleHtmlContent: true\r
            }\r
        ]\r
    },\r
    \r
    /**\r
     * Adds a log message to the scrollable logging area, scrolls down to ensure the message is visible\r
     * @param {String} log The log message\r
     */\r
    addLog: function(log) {\r
        var logger   = Ext.getCmp('logger'),\r
            scroller = logger.getScrollable();\r
\r
        logger.innerHtmlElement.createChild({\r
            html: log\r
        });\r
\r
        setTimeout(function() {\r
            scroller.scrollTo(0, scroller.getSize().y - scroller.getClientSize().y);\r
        }, 50);\r
    }\r
});