add extjs 6.0.1 sources

[extjs.git] / extjs / examples / modern / touchtomatoes / app / view / WelcomeOverlay.js

Ext.define('TouchTomatoes.view.WelcomeOverlay', {\r
    extend: 'Ext.Panel',\r
    xtype: "main",\r
\r
    config: {\r
        cls: "welcomeOverlay",\r
        html: [\r
            "<div class='message'>",\r
                "<h2>Welcome to <em>Touch Tomatoes</em></h2>",\r
                "<p>Browse any of our lists by selecting a tab at the bottom, or swiping across the app. <br/>You can find a movie in our search section.</p>",\r
                "<div class='tap'>Tap anywhere to begin</div>",\r
            "</div>"\r
        ].join(""),\r
        hidden:true,\r
        showAnimation:  Ext.browser.is.ie || Ext.browser.is.AndroidStock ? null : {\r
            type: "fadeIn",\r
            duration: 250\r
        },\r
        hideAnimation: Ext.browser.is.ie || Ext.browser.is.AndroidStock ? null : {\r
            type: "fadeOut",\r
            duration: 250\r
        }\r
    },\r
\r
    initialize: function() {\r
        this.element.on({\r
            tap: {\r
                fn: function() {\r
                    this.hide();\r
                },\r
                single:true,\r
                scope:this\r
            }\r
        })\r
    }\r
});