mushroom-cli 1.1.0 → 1.1.2

package/docs/mt.extension.js

@@ -1,174 +1,199 @@
-(function () {
-    var urls = {};
-    function loadFile(url, successCallback, errorCallback) {
-        if (url in urls) {
-            var args = urls[url];
-            args.cached = true;
-            setTimeout(successCallback, 1, args);
-            return;
-        }
-        var xhr = new XMLHttpRequest();
-        xhr.onreadystatechange = function () {
-            if (this.readyState !== 4)
-                return;
-            if (this.status < 200 || this.status >= 300) {
-                if (typeof this.debugMode === "function" && this.debugMode())
-                    console.error("Unable to load: " + url);
-                return;
-            }
-            var args = { content: this.responseText };
-            urls[url] = args;
-            if (typeof successCallback === "function")
-                successCallback(args);
-        };
-        xhr.onerror = function () {
-            if (typeof this.debugMode === "function" && this.debugMode())
-                console.error("Error occurred when loading: " + url);
-            if (typeof errorCallback === "function")
-                errorCallback();
-        };
-        xhr.onabort = function () {
-            if (typeof this.debugMode === "function" && this.debugMode())
-                console.error("Connection aborted: " + url);
-            if (typeof errorCallback === "function")
-                errorCallback();
-        };
-        xhr.ontimeout = function () {
-            if (typeof this.debugMode === "function" && this.debugMode())
-                console.error("Connection timeout: " + url);
-            if (typeof errorCallback === "function")
-                errorCallback();
-        };
-        xhr.open("GET", url, true);
-        xhr.send(null);
-    }
-
-    mt.modules = {};
-    mt.bindModule = function (module, dom, data, session) {
-        if (!module || !dom)
-            return;
-        
-        loadFile("/modules/" + module + "/" + module + "-view.html", function (response) {
-            dom.innerHTML = "<link rel='stylesheet' href='/modules/" + module + "/" + module + "-style.min.css' />" + response.content;
-            loadFile("/modules/" + module + "/" + module + "-script.js", function (resp) {
-                if (!resp.content)
-                    return;
-
-                if (!resp.cached) {
-                    try {
-                        eval(resp.content);
-                    } catch (e) {
-                        throw "Invalid module script";
-                    }
-                    if (!mt.modules[module])
-                        throw "Invalid module script";
-                    if (typeof mt.modules[module].init === "function")
-                        mt.modules[module].init();
-                }
-
-                var config = mt.modules[module];
-
-                var args = { dom: dom, data: data, fnPool: config.fn, session: session };
-                if (typeof config.prebinding === "function") {
-                    config.prebinding(args);
-                }
-
-                mt.bindDom(dom, args.data, args.fnPool, session);
-
-                if (typeof config.load === "function") {
-                    args.dom = dom;
-                    args.session = session;
-                    config.load(args);
-                }
-            }, function () {
-                mt.bindDom(dom, data, null, session);
-            });
-            
-            
-        });
-        
-    };
-
-    //#region mt-link
-    if (mt["default"] === undefined) mt["default"] = {};
-    if (mt["default"].mtLink === undefined) mt["default"].mtLink = {};
-    // cho phép mở rộng được về sau: ví dụ thay thế bằng custom dialog
-    mt["default"].mtLink.itemClickHandler = function (dom, message, callback) {
-        if (confirm(message))
-            callback(dom);
-    }
-
-    function mtLinkHandler(dom) {
-        mt.bindModule(dom.__mtLinkConfig.module, document.getElementById("page-wrapper"), dom.__mtLinkConfig.params);
-    }
-
-    function mtLinkClicked(e) {
-        if (this.__mtLinkConfig.confirm)
-            mt["default"].mtLink.itemClickHandler(this, this.__mtLinkConfig.confirm, mtLinkHandler);
-        else
-            mtLinkHandler(this);
-
-        e = e || window.event;
-        e.stopPropagation();
-        e.preventDefault();
-        e.cancelBubble = true;
-        return false;
-    }
-
-    mt.registerDomFeature("mtLink", function (arg) {
-        if (arg.dom.nodeName !== "A") {
-            arg.dom.dataset.mtLinkError = "mtLink feature only affects <a> tag";
-            return;
-        }
-
-        if (!arg.config.module) {
-            arg.dom.dataset.mtLinkError = "mtLink feature: missing module";
-            return;
-        }
-
-        arg.dom.__mtLinkConfig = mt.fnUtils.mergeData({ mask: arg.config, data: arg.data, session: arg.session });
-
-        if (!arg.dom.href)
-            arg.dom.href = "javascript:void(0)";
-
-        mt.fnUtils.addEventListener(arg.dom, "click", mtLinkClicked, false);
-                                          
-        delete arg.dom.dataset.mtLink;
-    });
-    //#endregion
-
-    //#region mt-module
-    mt.registerDomFeature("mtModule", function (arg) {
-        if (!arg.config.module) {
-            arg.dom.dataset.mtModuleError = "mtModule feature: missing module";
-            return;
-        }
-
-        var params = mt.fnUtils.mergeData({ mask: arg.config.params, data: arg.data, session: arg.session });
-        mt.bindModule(arg.config.module, arg.dom, params, arg.session);
-        arg.mediator.skipInner = true;
-
-        delete arg.dom.dataset.mtModule;
-    });
-    //#endregion
-
-    //#region mt-inline-module
-    mt.inlineModuleTemplates = {};
-    mt.registerDomFeature("mtInlineModule", function (arg) {
-        var config = mt.fnUtils.mergeData({ mask: arg.config, data: arg.data, session: arg.session });
-
-        if (!config.module) {
-            arg.dom.dataset.mtInlineModuleError = "mtInlineModule feature: missing module";
-            return;
-        }
-
-        arg.dom.innerHTML = mt.inlineModuleTemplates[config.module] || "";
-
-        delete arg.dom.dataset.mtInlineModule;
-
-        mt.bindDom(arg.dom, config.params);
-
-        arg.mediator.skipInner = true;
-    });
-    //#endregion
-})();
+(function () {
+  var urls = {};
+  function loadFile(url, successCallback, errorCallback) {
+    if (url in urls) {
+      var args = urls[url];
+      args.cached = true;
+      setTimeout(successCallback, 1, args);
+      return;
+    }
+    var xhr = new XMLHttpRequest();
+    xhr.onreadystatechange = function () {
+      if (this.readyState !== 4) return;
+      if (this.status < 200 || this.status >= 300) {
+        if (typeof this.debugMode === "function" && this.debugMode())
+          console.error("Unable to load: " + url);
+        return;
+      }
+      var args = { content: this.responseText };
+      urls[url] = args;
+      if (typeof successCallback === "function") successCallback(args);
+    };
+    xhr.onerror = function () {
+      if (typeof this.debugMode === "function" && this.debugMode())
+        console.error("Error occurred when loading: " + url);
+      if (typeof errorCallback === "function") errorCallback();
+    };
+    xhr.onabort = function () {
+      if (typeof this.debugMode === "function" && this.debugMode())
+        console.error("Connection aborted: " + url);
+      if (typeof errorCallback === "function") errorCallback();
+    };
+    xhr.ontimeout = function () {
+      if (typeof this.debugMode === "function" && this.debugMode())
+        console.error("Connection timeout: " + url);
+      if (typeof errorCallback === "function") errorCallback();
+    };
+    xhr.open("GET", url, true);
+    xhr.send(null);
+  }
+
+  mt.modules = {};
+  mt.bindModule = function (module, dom, data, session) {
+    if (!module || !dom) return;
+
+    loadFile(
+      "/modules/" + module + "/" + module + "-view.html",
+      function (response) {
+        dom.innerHTML =
+          "<link rel='stylesheet' href='/modules/" +
+          module +
+          "/" +
+          module +
+          "-style.min.css' />" +
+          response.content;
+        loadFile(
+          "/modules/" + module + "/" + module + "-script.js",
+          function (resp) {
+            if (!resp.content) return;
+
+            if (!resp.cached) {
+              try {
+                eval(resp.content);
+              } catch (e) {
+                throw "Invalid module script";
+              }
+              if (!mt.modules[module]) throw "Invalid module script";
+              if (typeof mt.modules[module].init === "function")
+                mt.modules[module].init();
+            }
+
+            var config = mt.modules[module];
+
+            var args = {
+              dom: dom,
+              data: data,
+              fnPool: config.fn,
+              session: session,
+            };
+            if (typeof config.prebinding === "function") {
+              config.prebinding(args);
+            }
+
+            mt.bindDom(dom, args.data, args.fnPool, session);
+
+            if (typeof config.load === "function") {
+              args.dom = dom;
+              args.session = session;
+              config.load(args);
+            }
+          },
+          function () {
+            mt.bindDom(dom, data, null, session);
+          },
+        );
+      },
+    );
+  };
+
+  //#region mt-link
+  if (mt["default"] === undefined) mt["default"] = {};
+  if (mt["default"].mtLink === undefined) mt["default"].mtLink = {};
+  // cho phép mở rộng được về sau: ví dụ thay thế bằng custom dialog
+  mt["default"].mtLink.itemClickHandler = function (dom, message, callback) {
+    if (confirm(message)) callback(dom);
+  };
+
+  function mtLinkHandler(dom) {
+    mt.bindModule(
+      dom.__mtLinkConfig.module,
+      document.getElementById("page-wrapper"),
+      dom.__mtLinkConfig.params,
+    );
+  }
+
+  function mtLinkClicked(e) {
+    if (this.__mtLinkConfig.confirm)
+      mt["default"].mtLink.itemClickHandler(
+        this,
+        this.__mtLinkConfig.confirm,
+        mtLinkHandler,
+      );
+    else mtLinkHandler(this);
+
+    e = e || window.event;
+    e.stopPropagation();
+    e.preventDefault();
+    e.cancelBubble = true;
+    return false;
+  }
+
+  mt.registerDomFeature("mtLink", function (arg) {
+    if (arg.dom.nodeName !== "A") {
+      arg.dom.dataset.mtLinkError = "mtLink feature only affects <a> tag";
+      return;
+    }
+
+    if (!arg.config.module) {
+      arg.dom.dataset.mtLinkError = "mtLink feature: missing module";
+      return;
+    }
+
+    arg.dom.__mtLinkConfig = mt.fnUtils.mergeData({
+      mask: arg.config,
+      data: arg.data,
+      session: arg.session,
+    });
+
+    if (!arg.dom.href) arg.dom.href = "javascript:void(0)";
+
+    mt.fnUtils.addEventListener(arg.dom, "click", mtLinkClicked, false);
+
+    delete arg.dom.dataset.mtLink;
+  });
+  //#endregion
+
+  //#region mt-module
+  mt.registerDomFeature("mtModule", function (arg) {
+    if (!arg.config.module) {
+      arg.dom.dataset.mtModuleError = "mtModule feature: missing module";
+      return;
+    }
+
+    var params = mt.fnUtils.mergeData({
+      mask: arg.config.params,
+      data: arg.data,
+      session: arg.session,
+    });
+    mt.bindModule(arg.config.module, arg.dom, params, arg.session);
+    arg.mediator.skipInner = true;
+
+    delete arg.dom.dataset.mtModule;
+  });
+  //#endregion
+
+  //#region mt-inline-module
+  mt.inlineModuleTemplates = {};
+  mt.registerDomFeature("mtInlineModule", function (arg) {
+    var config = mt.fnUtils.mergeData({
+      mask: arg.config,
+      data: arg.data,
+      session: arg.session,
+    });
+
+    if (!config.module) {
+      arg.dom.dataset.mtInlineModuleError =
+        "mtInlineModule feature: missing module";
+      return;
+    }
+
+    arg.dom.innerHTML = mt.inlineModuleTemplates[config.module] || "";
+
+    delete arg.dom.dataset.mtInlineModule;
+
+    mt.bindDom(arg.dom, config.params);
+
+    arg.mediator.skipInner = true;
+  });
+  //#endregion
+})();