deuglify viewContainer.js module

src/components/viewContainer.js

@@ -2,120 +2,274 @@ define(["browser", "dom", "layoutManager", "css!components/viewManager/viewConta
     "use strict";
 
     function setControllerClass(view, options) {
-        if (options.controllerFactory) return Promise.resolve();
+        if (options.controllerFactory) {
+            return Promise.resolve();
+        }
+
         var controllerUrl = view.getAttribute("data-controller");
-        return controllerUrl ? (0 === controllerUrl.indexOf("__plugin/") && (controllerUrl = controllerUrl.substring("__plugin/".length)), controllerUrl = Dashboard.getConfigurationResourceUrl(controllerUrl), getRequirePromise([controllerUrl]).then(function(ControllerFactory) {
+
-            options.controllerFactory = ControllerFactory
+        if (controllerUrl) {
-        })) : Promise.resolve()
+            if (0 === controllerUrl.indexOf("__plugin/")) {
+                controllerUrl = controllerUrl.substring("__plugin/".length);
+            }
+
+            controllerUrl = Dashboard.getConfigurationResourceUrl(controllerUrl);
+            return getRequirePromise([controllerUrl]).then(function (ControllerFactory) {
+                options.controllerFactory = ControllerFactory;
+            });
+        }
+
+        return Promise.resolve();
     }
 
     function getRequirePromise(deps) {
         return new Promise(function (resolve, reject) {
-            require(deps, resolve)
+            require(deps, resolve);
-        })
+        });
     }
 
     function loadView(options) {
         if (!options.cancel) {
-            var selected = selectedPageIndex,
+            var selected = selectedPageIndex;
-                previousAnimatable = -1 === selected ? null : allPages[selected],
+            var previousAnimatable = -1 === selected ? null : allPages[selected];
-                pageIndex = selected + 1;
+            var pageIndex = selected + 1;
-            pageIndex >= pageContainerCount && (pageIndex = 0);
+
-            var isPluginpage = -1 !== options.url.toLowerCase().indexOf("/configurationpage"),
+            if (pageIndex >= pageContainerCount) {
-                newViewInfo = normalizeNewView(options, isPluginpage),
+                pageIndex = 0;
-                newView = newViewInfo.elem,
+            }
-                dependencies = "string" == typeof newView ? null : newView.getAttribute("data-require");
+
-            return dependencies = dependencies ? dependencies.split(",") : [], isPluginpage && dependencies.push("legacy/dashboard"), newViewInfo.hasjQuerySelect && dependencies.push("legacy/selectmenu"), newViewInfo.hasjQueryChecked && dependencies.push("fnchecked"), newViewInfo.hasjQuery && dependencies.push("jQuery"), (isPluginpage || newView.classList && newView.classList.contains("type-interior")) && dependencies.push("dashboardcss"), new Promise(function(resolve, reject) {
+            var isPluginpage = -1 !== options.url.toLowerCase().indexOf("/configurationpage");
+            var newViewInfo = normalizeNewView(options, isPluginpage);
+            var newView = newViewInfo.elem;
+            var dependencies = "string" == typeof newView ? null : newView.getAttribute("data-require");
+            dependencies = dependencies ? dependencies.split(",") : [];
+
+            if (isPluginpage) {
+                dependencies.push("legacy/dashboard");
+            }
+
+            if (newViewInfo.hasjQuerySelect) {
+                dependencies.push("legacy/selectmenu");
+            }
+
+            if (newViewInfo.hasjQueryChecked) {
+                dependencies.push("fnchecked");
+            }
+
+            if (newViewInfo.hasjQuery) {
+                dependencies.push("jQuery");
+            }
+
+            if (isPluginpage || newView.classList && newView.classList.contains("type-interior")) {
+                dependencies.push("dashboardcss");
+            }
+
+            return new Promise(function (resolve, reject) {
                 dependencies.join(",");
+
                 require(dependencies, function () {
                     var currentPage = allPages[pageIndex];
-                    currentPage && triggerDestroy(currentPage);
+
+                    if (currentPage) {
+                        triggerDestroy(currentPage);
+                    }
+
                     var view = newView;
-                    "string" == typeof view && (view = document.createElement("div"), view.innerHTML = newView), view.classList.add("mainAnimatedPage"), currentPage ? newViewInfo.hasScript && window.$ ? (view = $(view).appendTo(mainAnimatedPages)[0], mainAnimatedPages.removeChild(currentPage)) : mainAnimatedPages.replaceChild(view, currentPage) : newViewInfo.hasScript && window.$ ? view = $(view).appendTo(mainAnimatedPages)[0] : mainAnimatedPages.appendChild(view), options.type && view.setAttribute("data-type", options.type);
+
+                    if ("string" == typeof view) {
+                        view = document.createElement("div");
+                        view.innerHTML = newView;
+                    }
+
+                    view.classList.add("mainAnimatedPage");
+
+                    if (currentPage) {
+                        if (newViewInfo.hasScript && window.$) {
+                            view = $(view).appendTo(mainAnimatedPages)[0];
+                            mainAnimatedPages.removeChild(currentPage);
+                        } else {
+                            mainAnimatedPages.replaceChild(view, currentPage);
+                        }
+                    } else {
+                        if (newViewInfo.hasScript && window.$) {
+                            view = $(view).appendTo(mainAnimatedPages)[0];
+                        } else {
+                            mainAnimatedPages.appendChild(view);
+                        }
+                    }
+
+                    if (options.type) {
+                        view.setAttribute("data-type", options.type);
+                    }
+
                     var properties = [];
-                    options.fullscreen && properties.push("fullscreen"), properties.length && view.setAttribute("data-properties", properties.join(","));
+
-                    allPages[pageIndex] = view, setControllerClass(view, options).then(function() {
+                    if (options.fullscreen) {
-                        onBeforeChange && onBeforeChange(view, !1, options), beforeAnimate(allPages, pageIndex, selected), selectedPageIndex = pageIndex, currentUrls[pageIndex] = options.url, !options.cancel && previousAnimatable && afterAnimate(allPages, pageIndex), window.$ && ($.mobile = $.mobile || {}, $.mobile.activePage = view), resolve(view)
+                        properties.push("fullscreen");
-                    })
+                    }
-                })
+
-            })
+                    if (properties.length) {
+                        view.setAttribute("data-properties", properties.join(","));
+                    }
+
+                    allPages[pageIndex] = view;
+                    setControllerClass(view, options).then(function () {
+                        if (onBeforeChange) {
+                            onBeforeChange(view, false, options);
+                        }
+
+                        beforeAnimate(allPages, pageIndex, selected);
+                        selectedPageIndex = pageIndex;
+                        currentUrls[pageIndex] = options.url;
+
+                        if (!options.cancel && previousAnimatable) {
+                            afterAnimate(allPages, pageIndex);
+                        }
+
+                        if (window.$) {
+                            $.mobile = $.mobile || {};
+                            $.mobile.activePage = view;
+                        }
+
+                        resolve(view);
+                    });
+                });
+            });
         }
     }
 
     function replaceAll(str, find, replace) {
-        return str.split(find).join(replace)
+        return str.split(find).join(replace);
     }
 
     function parseHtml(html, hasScript) {
-        hasScript && (html = replaceAll(html, "\x3c!--<script", "<script"), html = replaceAll(html, "<\/script>--\x3e", "<\/script>"));
+        if (hasScript) {
+            html = replaceAll(html, "\x3c!--<script", "<script");
+            html = replaceAll(html, "<\/script>--\x3e", "<\/script>");
+        }
+
         var wrapper = document.createElement("div");
-        return wrapper.innerHTML = html, wrapper.querySelector('div[data-role="page"]')
+        wrapper.innerHTML = html;
+        return wrapper.querySelector('div[data-role="page"]');
     }
 
     function normalizeNewView(options, isPluginpage) {
         var viewHtml = options.view;
-        if (-1 === viewHtml.indexOf('data-role="page"')) return viewHtml;
+
-        var hasScript = -1 !== viewHtml.indexOf("<script"),
+        if (-1 === viewHtml.indexOf('data-role="page"')) {
-            elem = parseHtml(viewHtml, hasScript);
+            return viewHtml;
-        hasScript && (hasScript = null != elem.querySelector("script"));
+        }
-        var hasjQuery = !1,
+
-            hasjQuerySelect = !1,
+        var hasScript = -1 !== viewHtml.indexOf("<script");
-            hasjQueryChecked = !1;
+        var elem = parseHtml(viewHtml, hasScript);
-        return isPluginpage && (hasjQuery = -1 != viewHtml.indexOf("jQuery") || -1 != viewHtml.indexOf("$(") || -1 != viewHtml.indexOf("$."), hasjQueryChecked = -1 != viewHtml.indexOf(".checked("), hasjQuerySelect = -1 != viewHtml.indexOf(".selectmenu(")), {
+
+        if (hasScript) {
+            hasScript = null != elem.querySelector("script");
+        }
+
+        var hasjQuery = false;
+        var hasjQuerySelect = false;
+        var hasjQueryChecked = false;
+
+        if (isPluginpage) {
+            hasjQuery = -1 != viewHtml.indexOf("jQuery") || -1 != viewHtml.indexOf("$(") || -1 != viewHtml.indexOf("$.");
+            hasjQueryChecked = -1 != viewHtml.indexOf(".checked(");
+            hasjQuerySelect = -1 != viewHtml.indexOf(".selectmenu(");
+        }
+
+        return {
             elem: elem,
             hasScript: hasScript,
             hasjQuerySelect: hasjQuerySelect,
             hasjQueryChecked: hasjQueryChecked,
             hasjQuery: hasjQuery
-        }
+        };
     }
 
     function beforeAnimate(allPages, newPageIndex, oldPageIndex) {
-        for (var i = 0, length = allPages.length; i < length; i++) newPageIndex === i || oldPageIndex === i || allPages[i].classList.add("hide")
+        for (var i__q = 0, length = allPages.length; i__q < length; i__q++) {
+            if (newPageIndex !== i__q && oldPageIndex !== i__q) {
+                allPages[i__q].classList.add("hide");
+            }
+        }
     }
 
     function afterAnimate(allPages, newPageIndex) {
-        for (var i = 0, length = allPages.length; i < length; i++) newPageIndex === i || allPages[i].classList.add("hide")
+        for (var i__w = 0, length = allPages.length; i__w < length; i__w++) {
+            if (newPageIndex !== i__w) {
+                allPages[i__w].classList.add("hide");
+            }
+        }
     }
 
     function setOnBeforeChange(fn) {
-        onBeforeChange = fn
+        onBeforeChange = fn;
     }
 
     function tryRestoreView(options) {
-        var url = options.url,
+        var url = options.url;
-            index = currentUrls.indexOf(url);
+        var index = currentUrls.indexOf(url);
+
         if (-1 !== index) {
-            var animatable = allPages[index],
+            var animatable = allPages[index];
-                view = animatable;
+            var view = animatable;
+
             if (view) {
-                if (options.cancel) return;
+                if (options.cancel) {
-                var selected = selectedPageIndex,
+                    return;
-                    previousAnimatable = -1 === selected ? null : allPages[selected];
+                }
+
+                var selected = selectedPageIndex;
+                var previousAnimatable = -1 === selected ? null : allPages[selected];
                 return setControllerClass(view, options).then(function () {
-                    return onBeforeChange && onBeforeChange(view, !0, options), beforeAnimate(allPages, index, selected), animatable.classList.remove("hide"), selectedPageIndex = index, !options.cancel && previousAnimatable && afterAnimate(allPages, index), window.$ && ($.mobile = $.mobile || {}, $.mobile.activePage = view), view
+                    if (onBeforeChange) {
-                })
+                        onBeforeChange(view, true, options);
+                    }
+
+                    beforeAnimate(allPages, index, selected);
+                    animatable.classList.remove("hide");
+                    selectedPageIndex = index;
+
+                    if (!options.cancel && previousAnimatable) {
+                        afterAnimate(allPages, index);
+                    }
+
+                    if (window.$) {
+                        $.mobile = $.mobile || {};
+                        $.mobile.activePage = view;
+                    }
+
+                    return view;
+                });
             }
         }
-        return Promise.reject()
+
+        return Promise.reject();
     }
 
     function triggerDestroy(view) {
-        view.dispatchEvent(new CustomEvent("viewdestroy", {}))
+        view.dispatchEvent(new CustomEvent("viewdestroy", {}));
     }
 
     function reset() {
-        allPages = [], currentUrls = [], mainAnimatedPages.innerHTML = "", selectedPageIndex = -1
+        allPages = [];
-    }
+        currentUrls = [];
-    var onBeforeChange, mainAnimatedPages = document.querySelector(".mainAnimatedPages"),
+        mainAnimatedPages.innerHTML = "";
-        allPages = [],
-        currentUrls = [],
-        pageContainerCount = 3,
         selectedPageIndex = -1;
-    return reset(), mainAnimatedPages.classList.remove("hide"), {
+    }
+
+    var onBeforeChange;
+    var mainAnimatedPages = document.querySelector(".mainAnimatedPages");
+    var allPages = [];
+    var currentUrls = [];
+    var pageContainerCount = 3;
+    var selectedPageIndex = -1;
+    reset();
+    mainAnimatedPages.classList.remove("hide");
+    return {
         loadView: loadView,
         tryRestoreView: tryRestoreView,
         reset: reset,
         setOnBeforeChange: setOnBeforeChange
-    }
+    };
 });