add extjs 6.0.1 sources

[extjs.git] / extjs / build / examples / kitchensink / classic / src / view / ProfileSwitcher.js

Ext.define('KitchenSink.view.ProfileSwitcher', {\r
    extend: 'Ext.Component',\r
    xtype: 'profileSwitcher',\r
    cls: 'ks-profile-switcher',\r
\r
    readProfileInfo: function() {\r
        var profile = location.href.match(/profile=([\w\-]+)/),\r
            locale = location.href.match(/locale=([\w\-]+)/);\r
\r
        profile = (profile && profile[1]) || (Ext.platformTags.phone ? 'modern-neptune' : 'triton');\r
        locale = locale && locale[1] || 'en';\r
\r
        if (!Ext.profileName && !!profile) {\r
            var m = profile.match(/^([\w\-]+)-(?:he)$/);\r
            Ext.profileName = m ? m[1] : profile;\r
        }\r
\r
        this.profile = profile;\r
        this.locale = locale;\r
    },\r
\r
    setQueryParam: function(name, value, preserveHash) {\r
        var query = Ext.Object.fromQueryString(location.search),\r
            queryString;\r
\r
        query[name] = value;\r
\r
        queryString = Ext.Object.toQueryString(query);\r
        if (preserveHash) {\r
            location.search = queryString;\r
        } else {\r
            window.location = location.pathname + '?' + queryString;\r
        }\r
    },\r
\r
    initComponent: function() {\r
        var me = this,\r
            menuItems = [],\r
            classicProfiles = {\r
                triton: 'Triton',\r
                neptune: 'Neptune',\r
                'neptune-touch': 'Neptune Touch',\r
                crisp: 'Crisp',\r
                'crisp-touch': 'Crisp Touch',\r
                classic: 'Classic',\r
                gray: 'Gray'\r
            },\r
            modernProfiles = {\r
                'modern-triton': 'Modern Triton',\r
                'modern-neptune': 'Modern Neptune',\r
                blackberry: 'Blackberry',\r
                cupertino: 'Cupertino',\r
                mountainview: 'Mountain View',\r
                windows: 'Windows'\r
            },\r
            menu, profileId;\r
\r
        me.readProfileInfo();\r
\r
        function makeItem(value, text, paramName) {\r
            paramName = paramName || "profile";\r
\r
            var checked = value === (paramName === "profile" ? me.profile : me.locale);\r
\r
            return {\r
                text: text,\r
                group: (paramName === 'profile' ? 'profilegroup' : 'localegroup'),\r
                checked: checked,\r
                handler: function () {\r
                    if (!checked) {\r
                        if(paramName === 'profile') {\r
                            me.setQueryParam('profile', value, value in classicProfiles);\r
                        } else {\r
                            me.setQueryParam('locale', value);\r
                        }\r
                    }\r
                }\r
            };\r
        }\r
\r
        for (profileId in classicProfiles) {\r
            menuItems.push(makeItem(profileId, classicProfiles[profileId]));\r
        }\r
\r
        menuItems.push('-');\r
\r
        for (profileId in modernProfiles) {\r
            menuItems.push(makeItem(profileId, modernProfiles[profileId]));\r
        }\r
\r
        menuItems.push('-');\r
\r
        menuItems.push(makeItem('en', 'English', 'locale'));\r
        menuItems.push(makeItem('he', 'Hebrew', 'locale'));\r
\r
        menu = new Ext.menu.Menu({\r
            items: menuItems\r
        });\r
\r
        this.on({\r
            scope: this,\r
            click: function (e) {\r
                menu.showBy(this);\r
            },\r
            element: 'el'\r
        });\r
\r
        this.callParent();\r
    }\r
});\r