add extjs 6.0.1 sources

[extjs.git] / extjs / build / examples / classic / shared / include-ext.js

/**\r
 * This file includes the required ext-all js and css files based upon "theme" and "rtl"\r
 * url parameters.  It first searches for these parameters on the page url, and if they\r
 * are not found there, it looks for them on the script tag src query string.\r
 * For example, to include the neptune flavor of ext from an index page in a subdirectory\r
 * of extjs/examples/:\r
 * <script type="text/javascript" src="../../examples/shared/include-ext.js?theme=neptune"></script>\r
 */\r
(function() {\r
    function getQueryParam(name) {\r
        var regex = RegExp('[?&]' + name + '=([^&]*)');\r
\r
        var match = regex.exec(location.search) || regex.exec(scriptPath);\r
        return match && decodeURIComponent(match[1]);\r
    }\r
\r
    function hasOption(opt, queryString) {\r
        var s = queryString || location.search;\r
        var re = new RegExp('(?:^|[&?])' + opt + '(?:[=]([^&]*))?(?:$|[&])', 'i');\r
        var m = re.exec(s);\r
\r
        return m ? (m[1] === undefined || m[1] === '' ? true : m[1]) : false;\r
    }\r
\r
    function loadCss(url) {\r
        document.write('<link rel="stylesheet" type="text/css" href="' + url + '"/>');\r
    }\r
\r
    function loadScript(url, defer) {\r
        document.write('<script type="text/javascript" src="' + url + '"' +\r
                (defer ? ' defer' : '') + '></script>');\r
    }\r
\r
    Ext = window.Ext || {};\r
\r
    // The value of Ext.repoDevMode gets replaced during a build - do not change this line\r
    // 2 == internal dev mode, 1 == external dev mode, 0 == build mode\r
    Ext.devMode = 0;\r
\r
    var scriptEls = document.getElementsByTagName('script'),\r
        scriptPath = scriptEls[scriptEls.length - 1].src,\r
        rtl = getQueryParam('rtl'),\r
        themeName = getQueryParam('theme') || 'triton',\r
        includeCSS = !hasOption('nocss', scriptPath),\r
        useDebug = hasOption('debug'),\r
        hasOverrides = !hasOption('nooverrides', scriptPath) && !!{\r
            // TODO: remove neptune\r
            neptune: 1,\r
            triton: 1,\r
            classic: 1,\r
            gray: 1,\r
            triton: 1,\r
            'neptune-touch': 1,\r
            crisp: 1,\r
            'crisp-touch': 1\r
        }[themeName],\r
        i = 4,\r
        devMode = Ext.devMode,\r
        extDir = scriptPath,\r
        rtlSuffix = (rtl ? '-rtl' : ''),\r
        debugSuffix = (devMode ? '-debug' : ''),\r
        cssSuffix = rtlSuffix + debugSuffix + '.css',\r
        themePackageDir, chartsJS, uxJS, themeOverrideJS, extPrefix, extPackagesRoot;\r
\r
    rtl = rtl && rtl.toString() === 'true';\r
\r
    while (i--) {\r
        extDir = extDir.substring(0, extDir.lastIndexOf('/'));\r
    }\r
\r
    extPackagesRoot = devMode ? (extDir + '/build') : extDir;\r
\r
    uxJS = extPackagesRoot + '/packages/ux/classic/ux' + debugSuffix + '.js';\r
    chartsJS = extPackagesRoot + '/packages/charts/classic/charts' + debugSuffix + '.js';\r
    themePackageDir = extPackagesRoot + '/classic/theme-' + themeName + '/';\r
\r
    if (includeCSS) {\r
        loadCss(themePackageDir + 'resources/theme-' + themeName + '-all' + cssSuffix);\r
        loadCss(extPackagesRoot + '/packages/charts/classic/' + themeName + '/resources/charts-all' + cssSuffix);\r
        loadCss(extPackagesRoot + '/packages/ux/classic/' + themeName + '/resources/ux-all' + cssSuffix);\r
    }\r
\r
    extPrefix = useDebug ? '/ext' : '/ext-all';\r
    \r
    document.write('<script type="text/javascript" src="' + extDir + extPrefix + rtlSuffix + '.js"></script>');\r
\r
    if (hasOverrides) {\r
        // since document.write('<script>') does not block execution in IE, we need to\r
        // make sure we prevent theme overrides from executing before ext-all.js\r
        // normally this can be done using the defer attribute on the script tag, however\r
        // this method does not work in IE when in repoDevMode.  It seems the reason for\r
        // this is because in repoDevMode ext-all.js is simply a script that loads other\r
        // scripts and so Ext is still undefined when the neptune overrides are executed.\r
        // To work around this we use the _beforereadyhandler hook to load the theme\r
        // overrides dynamically after Ext has been defined.\r
        themeOverrideJS = themePackageDir + 'theme-' + themeName + debugSuffix + '.js';\r
\r
        if (devMode) {\r
            if (window.ActiveXObject) {\r
                Ext = {\r
                    _beforereadyhandler: function() {\r
                        Ext.Loader.loadScript({url: themeOverrideJS});\r
                    }\r
                };\r
            } else {\r
                loadScript(themeOverrideJS, true);\r
            }\r
        } else {\r
            loadScript(themeOverrideJS, true);\r
            // ux and charts js are not needed in dev mode because they are included in bootstrap\r
            loadScript(uxJS);\r
            loadScript(chartsJS);\r
        }\r
    }\r
\r
})();\r