mushroom-cli 1.2.0-alpha.8 → 1.2.0-alpha.9

package/docs/docs.v2.html

@@ -23,6 +23,9 @@
         body {
             padding: var(--padding);
         }
+        .mushroom-docs-template {
+            display: none !important;
+        }
         code {
             word-break: break-all;
             word-break: break-word;
@@ -216,1371 +219,6 @@
             }
         }
     </style>
-    <script>
-        window.docs = undefined/*INJECT-HERE*/;
-    </script>
-    <script>
-        function toCSharpName(str) {
-            if (typeof str != "string" || str === "") return "";
-            const name = str.replace(/\W/g, "_");
-            return name.charAt(0).toUpperCase() + name.substr(1);
-        }
-        function encodeHtml(data) {
-            if (data === undefined || data === null)
-                return "";
-            var html = typeof data === "string" ? data : data.toString();
-            html = html.replace(/&/g, "&amp;");
-            html = html.replace(/</g, "&lt;");
-            html = html.replace(/>/g, "&gt;");
-            html = html.replace(/"/g, "&quot;");
-            html = html.replace(/'/g, "&apos;");
-            return html;
-        }
-        function renderTemplate(templateId, data) {
-            const template = document.querySelector("#"+ templateId)?.innerHTML;
-            if (!template) return "";
-            return template.replace(/\{\{(\w+)(:html)?\}\}/g, (str, field, format) => format === ":html" ? (data?.[field] ?? "") : encodeHtml(data?.[field]));
-        }
-
-        function getApiDomain(url) {
-            const m = url.match(/^(\w+:)?\/\/(([\w-]+\.)+\w+(:\d+)?)/);
-            return m ? m[2] : "your host";
-        }
-        function getApiPath(url) {
-            const m = url.match(/^(\w+:)?\/\/([\w-]+\.)+\w+(:\d+)?/);
-            return m ? url.substr(m[0].length) : url;
-        }
-
-        function getPanelClass(actionName) {
-            switch (actionName) {
-                case "findMany":
-                case "findById":
-                    return "panel panel-primary";
-                case "createOne":
-                case "createMany":
-                    return "panel panel-info";
-                case "updateOne":
-                case "updateMany":
-                    return "panel panel-warning";
-                case "updatePartially":
-                    return "panel panel-warning";
-                case "deleteOne":
-                case "deleteMany":
-                    return "panel panel-danger";
-                default:
-                    return "panel panel-default";
-            }
-        }
-        function getHttpMethod(actionName) {
-            switch (actionName) {
-                case "findMany":
-                case "findById":
-                    return "GET";
-                case "createOne":
-                case "createMany":
-                    return "POST";
-                case "updateOne":
-                case "updateMany":
-                    return "PUT";
-                case "updatePartially":
-                    return "PATCH";
-                case "deleteOne":
-                case "deleteMany":
-                    return "DELETE";
-                default:
-                    if (actionName && actionName.indexOf("_raw_http_method_") !== -1)
-                        return actionName.substr("_raw_http_method_".length);
-                    return "UNKNOWN(" + actionName + ")";
-            }
-        }
-        function getApiUrl(actionName, rootUrl, entityName) {
-            switch (actionName) {
-                case "findMany":
-                case "createOne":
-                case "createMany":
-                case "updateMany":
-                case "deleteMany":
-                    return rootUrl + entityName + "s";
-                case "findById":
-                case "updateOne":
-                case "updatePartially":
-                case "deleteOne":
-                    return rootUrl + entityName + "s/{" + entityName + "Id}";
-                default:
-                    if (actionName && actionName.indexOf("_raw_http_method_") !== -1)
-                        return rootUrl + entityName + "s/" + actionName.substr("_raw_http_method_".length);
-                    return "UNKNOWN(" + actionName + ")";
-            }
-        }
-        function getApiViewUrl(rootUrl, entityName, viewName) {
-            return rootUrl + entityName + "s/views/" + viewName;
-        }
-        function getDescriptionByActionName(actionName, entityName) {
-            switch (actionName) {
-                case "findMany":
-                    return "Lấy về danh sách các " + entityName;
-                case "findById":
-                    return "Lấy về một " + entityName + " theo mã của nó";
-                case "createOne":
-                    return "Tạo mới một " + entityName;
-                case "createMany":
-                    return "Tạo mới hàng loạt các " + entityName;
-                case "updateOne":
-                    return "Cập nhật một " + entityName;
-                case "updateMany":
-                    return "Cập nhật hàng loạt các " + entityName;
-                case "updatePartially":
-                    return "Cập nhật một phần dữ liệu của " + entityName;
-                case "deleteOne":
-                    return "Xóa một " + entityName + " theo mã của nó";
-                case "deleteMany":
-                    return "Xóa hàng loạt " + entityName;
-                default:
-                    if (actionName && actionName.indexOf("_raw_http_method_") !== -1)
-                        return "";
-                    return "UNKNOWN(" + actionName + ")";
-            }
-        }
-        function explainRoles(strRoles) {
-            if (!strRoles)
-                return "";
-
-            return strRoles.split("|").map(function (item) {
-                if (item === "*")
-                    return "[Mọi người dùng]";
-                const roles = item.split("+");
-                let s = "";
-                if (roles.length > 1)
-                    s += "(";
-
-                s += roles.join(" và ");
-
-                if (roles.length > 1)
-                    s += ")";
-
-                return s;
-            }).join(" hoặc ");
-        }
-        function getModelOutput(arrFields, fields, options) {
-            if (!fields || !arrFields)
-                return "";
-
-            var obj = {};
-            for (var j = 0; j < arrFields.length; j++) {
-                if (!arrFields[j])
-                    continue;
-                var segs = arrFields[j].split('.');
-                var objFields = fields;
-                var cur = obj;
-                for (var i = 0; i < segs.length; i++) {
-                    if (segs[i] in objFields) {
-                        var field = objFields[segs[i]];
-
-                        if (i === segs.length - 1) {
-                            if (!(segs[i] in cur))
-                                cur[segs[i]] = JSON.parse(JSON.stringify(field));
-                        }
-                        else if (field.type === "object") {
-                            objFields = field.fields;
-                            if (!(segs[i] in cur)) {
-                                var o = { type: "object", fields: {} };
-                                cur[segs[i]] = o;
-                                cur = o.fields;
-                            } else
-                                cur = cur[segs[i]].fields;
-                        }
-                        else if (field.type === "array") {
-                            objFields = field.items.fields;
-                            if (!(segs[i] in cur)) {
-                                var a = { type: "array", items: { type: "object", fields: {}} };
-                                cur[segs[i]] = a;
-                                cur = a.items.fields;
-                            } else
-                                cur = cur[segs[i]].items.fields;
-                        }
-                    }
-                }
-            }
-
-            return formatModel(obj, "", options).trim();
-        }
-        function formatModel(obj, strIndent, options) {
-            if (!obj)
-                return "";
-
-            options = options || {};
-
-            var result = "";
-            var nextIndent = strIndent + "    ";
-            for (var m in obj) {
-                if (!obj.hasOwnProperty(m))
-                    continue;
-                
-                var child = obj[m];
-
-                var validation = !options.optionalToAll && child.validation && child.validation.required ? "required" : "optional";
-                if (child.type === "IdRef" && child.reference) {
-                    validation += ", ref: <a href='#" + encodeHtml(child.reference) + "' onclick='setTimeout(gotoHash, 20)'>" + encodeHtml(child.reference) + "</a>";
-                }
-
-                if (child.validation) {
-                    if ("validValues" in child.validation)
-                        validation += ", enum(" + encodeHtml(child.validation.validValues.join(", ")) + ")";
-                    if ("invalidValues" in child.validation)
-                        validation += ", not allow(" + encodeHtml(child.validation.invalidValues.join(", ")) + ")";
-                    if ("pattern" in child.validation)
-                        validation += ", pattern: /" + encodeHtml(child.validation.pattern) + "/";
-                    if ("length" in child.validation)
-                        validation += ", length: " + child.validation.length;
-                    if ("minLength" in child.validation)
-                        validation += ", minLength: " + child.validation.minLength;
-                    if ("maxLength" in child.validation)
-                        validation += ", maxLength: " + child.validation.maxLength;
-                    if ("min" in child.validation)
-                        validation += ", min: " + encodeHtml(child.validation.min);
-                    if ("max" in child.validation)
-                        validation += ", max: " + encodeHtml(child.validation.max);
-                    if ("gt" in child.validation)
-                        validation += ", gt: " + encodeHtml(child.validation.gt);
-                    if ("lt" in child.validation)
-                        validation += ", lt: " + encodeHtml(child.validation.lt);
-                }
-
-                if (child.type === "array" && child.items && child.items.type != "object" && child.items.validation) {
-                    validation += ", array items: " + (!options.optionalToAll && child.items.validation.required ? "required" : "optional");
-                    if ("validValues" in child.items.validation)
-                        validation += ", enum(" + encodeHtml(child.items.validation.validValues.join(", ")) + ")";
-                    if ("invalidValues" in child.items.validation)
-                        validation += ", not allow(" + encodeHtml(child.items.validation.invalidValues.join(", ")) + ")";
-                    if ("pattern" in child.items.validation)
-                        validation += ", pattern: /" + encodeHtml(child.items.validation.pattern) + "/";
-                    if ("length" in child.items.validation)
-                        validation += ", length: " + child.items.validation.length;
-                    if ("minLength" in child.items.validation)
-                        validation += ", minLength: " + child.items.validation.minLength;
-                    if ("maxLength" in child.items.validation)
-                        validation += ", maxLength: " + child.items.validation.maxLength;
-                    if ("min" in child.items.validation)
-                        validation += ", min: " + encodeHtml(child.items.validation.min);
-                    if ("max" in child.items.validation)
-                        validation += ", max: " + encodeHtml(child.items.validation.max);
-                    if ("gt" in child.items.validation)
-                        validation += ", gt: " + encodeHtml(child.items.validation.gt);
-                    if ("lt" in child.items.validation)
-                        validation += ", lt: " + encodeHtml(child.items.validation.lt);            
-                }
-
-                var comment = `<span class="code-comment">// ${validation} ${typeof child.description === "string" && child.description !== "" ? "- " + encodeHtml(child.description) : ""}</span>`;
-
-                if (options.mode === "model") {
-                    if (child.type === "object")
-                        result += "\r\n" + nextIndent + '"' + m + '": ' + comment + formatModel(child.fields, nextIndent, options) + ",";
-                    else if (child.type === "array") {
-                        result += `\r\n${nextIndent}"${m}": [`;
-                        if (child.items.type === "object")
-                            result += " " + comment + formatModel(child.items.fields, nextIndent, options);
-                        else if (child.items.type === "datetime")
-                            result += `\r\n${nextIndent}    ` + JSON.stringify(child.items.defaultValue || "ISODate_ISO_8601") + " " + comment + `\r\n${nextIndent}`;
-                        else if (child.items.type === "boolean")
-                            result += `\r\n${nextIndent}    ` + child.items.defaultValue || "false" + " " + comment + `\r\n${nextIndent}`;
-                        else if (child.items.type === "integer" || child.items.type === "long"|| child.items.type === "double")
-                            result += `\r\n${nextIndent}    ` + child.items.defaultValue || "0" + " " + comment + `\r\n${nextIndent}`;
-                        else
-                            result += `\r\n${nextIndent}    ` + JSON.stringify(child.defaultValue || child.type) + " " + comment + `\r\n${nextIndent}`;
-                        result += `]`;
-                    }
-                    else if (child.type === "datetime")
-                        result += `\r\n${nextIndent}"${m}": ` + JSON.stringify(child.defaultValue || "ISODate_ISO_8601") + ", " + comment;
-                    else if (child.type === "boolean")
-                        result += `\r\n${nextIndent}"${m}": ` + (child.defaultValue || "false") + ", " + comment;
-                    else if (child.type === "integer" || child.type === "long"|| child.type === "double")
-                        result += `\r\n${nextIndent}"${m}": ` + (child.defaultValue || "0") + ", " + comment;
-                    else
-                        result += `\r\n${nextIndent}"${m}": ` + JSON.stringify(child.defaultValue || child.type) + ", " + comment;
-                } else if (options.mode === "model_null") {
-                    if (child.type === "object")
-                        result += "\r\n" + nextIndent + '"' + m + '": ' + comment + formatModel(child.fields, nextIndent, options);
-                    else if (child.type === "array") {
-                        result += `\r\n${nextIndent}"${m}": [`;
-                        if (child.items.type === "object")
-                            result += " " + comment + formatModel(child.items.fields, nextIndent, options) + "],";
-                        else
-                            result += "], " + comment;
-                    }
-                    else 
-                        result += `\r\n${nextIndent}"${m}": null, ${comment}`;
-                } else if (options.mode === "model_undefined") {
-                    if (child.type === "object")
-                        result += "\r\n" + nextIndent + '"' + m + '": ' + comment + formatModel(child.fields, nextIndent, options);
-                    else if (child.type === "array") {
-                        result += `\r\n${nextIndent}"${m}": [`;
-                        if (child.items.type === "object")
-                            result += " " + comment + formatModel(child.items.fields, nextIndent, options) + "], ";
-                        else
-                            result += "], " + comment;
-                    }
-                    else 
-                        result += `\r\n${nextIndent}"${m}": undefined, ${comment}`;
-                } else {
-                    result += "\r\n" + strIndent + encodeHtml(m) + ": " + encodeHtml(child.type);
-                    if (child.type === "array")
-                        result += child.items.type === "object" ? " of object" : " of " + child.items.type;
-                    if (child.type === "object")
-                        result += " " + comment + formatModel(child.fields, strIndent + "    ", options);
-                    else if (child.type === "array" && child.items.type === "object")
-                        result += " " + comment + formatModel(child.items.fields, strIndent + "    ", options);
-                    else
-                        result +=  ", " + comment;
-                }
-            }
-
-            if (options.mode === "model" || options.mode === "model_null" || options.mode === "model_undefined") {
-                return (strIndent ? "\r\n" + strIndent : "") +  "{" + result + "\r\n" + strIndent + "}";
-            }
-            
-            return result;
-        }
-        function toCachePolicyString(cachePolicy) {
-            if (cachePolicy === undefined || cachePolicy === null || cachePolicy === "unset") return "Không thiết lập cấu hình";
-            if (cachePolicy === "required") return "Bắt buộc phải cache";
-            if (cachePolicy === "allow") return "Cho phép";
-            if (cachePolicy === "disabled") return "Bắt buộc không được cache";
-            return "";
-        }
-        function getModelInput(excludedFields, fields, options) {
-            fields = JSON.parse(JSON.stringify(fields));
-            if (!fields)
-                return "";
-
-            options = options || {};
-
-            fields.id = fields.id || {};
-            fields.id.type = fields.id.type || "AutoId";
-            fields.id.validation = fields.id.validation || {};
-            fields.id.validation.required = true;
-
-            if (excludedFields && Array.isArray(excludedFields)) {
-                if (options.excludeId && fields.id.type === "AutoId")
-                    excludedFields.push("id");
-
-                excludedFields.forEach((item) => {
-                    let obj = fields;
-                    const segs = item.split(".");
-                    for (let i = 0; i < segs.length; i++) {
-                        if (!obj) return;
-                        const seg = segs[i];
-                        if (!(seg in obj))
-                            return;
-
-                        if (i === segs.length - 1)
-                            delete obj[seg];
-                        else if (obj[seg].type === "object")
-                            obj = obj[seg].fields;
-                        else if (obj[seg].type === "array")
-                            obj = obj[seg].items?.fields;
-                        else
-                            return;
-                    }
-                });
-            }
-
-            return formatModel(fields, "", { showValidation: true, optionalToAll: options.optionalToAll, mode: options.mode }).trim();
-        }
-        function formatHintModel(obj, strIndent, options) {
-            if (!obj)
-                return "";
-
-            strIndent = strIndent || "";
-            options = options || {};
-
-            var result = "";
-            var nextIndent = strIndent + "    ";
-            for (var m in obj) {
-                if (!obj.hasOwnProperty(m))
-                    continue;
-                
-                var child = obj[m];
-
-                var validation = !options.optionalToAll && child.required ? "required" : "optional";
-                if (child.type === "IdRef" && child.reference) {
-                    validation += ", ref: <a href='#" + encodeHtml(child.reference) + "' onclick='setTimeout(gotoHash, 20)'>" + encodeHtml(child.reference) + "</a>";
-                }
-
-                if (child.validValues && Array.isArray(child.validValues)) {
-                    validation += ", enum(" + encodeHtml(child.validValues.join(", ")) + ")";
-                }
-
-                if (child.type === "array" && child.items && child.items.type != "object") {
-                    validation += ", array items: " + (!options.optionalToAll && child.items.required ? "required" : "optional");
-                    if (child.items.validValues && Array.isArray(child.items.validValues))
-                        validation += ", enum(" + encodeHtml(child.items.validValues.join(", ")) + ")";        
-                }
-
-                var comment = `<span class="code-comment">// ${validation} ${typeof child.description === "string" && child.description !== "" ? "- " + encodeHtml(child.description) : ""}</span>`;
-
-                if (options.mode === "model") {
-                    if (child.type === "object")
-                        result += "\r\n" + nextIndent + '"' + m + '": ' + comment + formatHintModel(child.fields, nextIndent, options) + ",";
-                    else if (child.type === "array") {
-                        result += `\r\n${nextIndent}"${m}": [`;
-                        if (child.items.type === "object")
-                            result += " " + comment + formatHintModel(child.items.fields, nextIndent, options);
-                        else if (child.items.type === "datetime")
-                            result += `\r\n${nextIndent}    ` + JSON.stringify(child.items.defaultValue || "ISODate_ISO_8601") + " " + comment + `\r\n${nextIndent}`;
-                        else if (child.items.type === "boolean")
-                            result += `\r\n${nextIndent}    ` + child.items.defaultValue || "false" + " " + comment + `\r\n${nextIndent}`;
-                        else if (child.items.type === "integer" || child.items.type === "long"|| child.items.type === "double")
-                            result += `\r\n${nextIndent}    ` + child.items.defaultValue || "0" + " " + comment + `\r\n${nextIndent}`;
-                        else
-                            result += `\r\n${nextIndent}    ` + JSON.stringify(child.defaultValue || child.type) + " " + comment + `\r\n${nextIndent}`;
-                        result += `]`;
-                    }
-                    else if (child.type === "datetime")
-                        result += `\r\n${nextIndent}"${m}": ` + JSON.stringify(child.defaultValue || "ISODate_ISO_8601") + ", " + comment;
-                    else if (child.type === "boolean")
-                        result += `\r\n${nextIndent}"${m}": ` + (child.defaultValue || "false") + ", " + comment;
-                    else if (child.type === "integer" || child.type === "long"|| child.type === "double")
-                        result += `\r\n${nextIndent}"${m}": ` + (child.defaultValue || "0") + ", " + comment;
-                    else
-                        result += `\r\n${nextIndent}"${m}": ` + JSON.stringify(child.defaultValue || child.type) + ", " + comment;
-                } else if (options.mode === "model_null") {
-                    if (child.type === "object")
-                        result += "\r\n" + nextIndent + '"' + m + '": ' + comment + formatHintModel(child.fields, nextIndent, options);
-                    else if (child.type === "array") {
-                        result += `\r\n${nextIndent}"${m}": [`;
-                        if (child.items.type === "object")
-                            result += " " + comment + formatHintModel(child.items.fields, nextIndent, options) + "],";
-                        else
-                            result += "], " + comment;
-                    }
-                    else 
-                        result += `\r\n${nextIndent}"${m}": null, ${comment}`;
-                } else if (options.mode === "model_undefined") {
-                    if (child.type === "object")
-                        result += "\r\n" + nextIndent + '"' + m + '": ' + comment + formatHintModel(child.fields, nextIndent, options);
-                    else if (child.type === "array") {
-                        result += `\r\n${nextIndent}"${m}": [`;
-                        if (child.items.type === "object")
-                            result += " " + comment + formatHintModel(child.items.fields, nextIndent, options) + "], ";
-                        else
-                            result += "], " + comment;
-                    }
-                    else 
-                        result += `\r\n${nextIndent}"${m}": undefined, ${comment}`;
-                } else {
-                    result += "\r\n" + strIndent + encodeHtml(m) + ": " + encodeHtml(child.type);
-                    if (child.type === "array")
-                        result += child.items.type === "object" ? " of object" : " of " + child.items.type;
-                    if (child.type === "object")
-                        result += " " + comment + formatHintModel(child.fields, strIndent + "    ", options);
-                    else if (child.type === "array" && child.items.type === "object")
-                        result += " " + comment + formatHintModel(child.items.fields, strIndent + "    ", options);
-                    else
-                        result +=  ", " + comment;
-                }
-            }
-
-            if (options.mode === "model" || options.mode === "model_null" || options.mode === "model_undefined") {
-                return (strIndent ? "\r\n" + strIndent : "") +  "{" + result + "\r\n" + strIndent + "}";
-            }
-            
-            return result;
-        }
-
-        function renderInfo() {
-            document.title = document.querySelector("#project-title").innerText = window.docs.info.name + " API document";
-            document.querySelector("#project-rootUrl").innerText = window.docs.info.rootUrl;
-            document.querySelector("#project-description").innerText = window.docs.info.description;
-
-            document.querySelector("#project-roles").innerHTML = window.docs.roles.map(role => renderTemplate("template-project-role", role)).join("");
-
-            if (window.docs.info.security?.crossDomain === false) {
-                document.querySelector("#project-security-crossDomain-false").style.display = "block";
-            }
-            if (window.docs.info.security?.crossDomain === true && Array.isArray(window.docs.info.security.allowOrigins) && window.docs.info.security.allowOrigins.length && !window.docs.info.security.allowOrigins.includes("*")) {
-                document.querySelector("#project-security-allowOrigins").style.display = "block";
-                document.querySelector("#project-security-allowOrigins ul").innerHTML = window.docs.info.security.allowOrigins.map(origin => renderTemplate("template-li-code", {value: origin})).join("");
-            }
-        }
-        
-        function renderEnvironmentVariables() {
-            document.querySelector("#extension-env-vars").innerHTML = renderTemplate("template-project-environmentVariables");
-            if (!window.docs.environmentVariables) return;
-            const keys = Object.keys(window.docs.environmentVariables);
-            if (!keys.length) return;
-
-            document.querySelector("#extension-env-vars-custom").innerHTML = keys.map(name => renderTemplate("template-project-environmentVariables-custom", {
-                name, 
-                description: window.docs.environmentVariables[name].description,
-                type: window.docs.environmentVariables[name].type
-            })).join("");
-        }
-        
-        function renderExtensionAuth() {
-            if (!window.docs.features?.includes("auth")) return;
-            document.querySelector("#extension-auth").innerHTML = renderTemplate("template-extension-DefaultAuth-module", {
-                rootUrl: window.docs.info.rootUrl,
-                rootUrlPath: getApiPath(window.docs.info.rootUrl),
-                domain: getApiDomain(window.docs.info.rootUrl)
-            });
-        }
-        
-        function renderExtensionFile() {
-            if (!window.docs.features?.includes("file")) return;
-            document.querySelector("#extension-file").innerHTML = renderTemplate("template-extension-File-module", {
-                rootUrl: window.docs.info.rootUrl,
-                rootUrlPath: getApiPath(window.docs.info.rootUrl),
-                domain: getApiDomain(window.docs.info.rootUrl)
-            });
-        }
-        
-        function renderExtensionMail() {
-            if (!window.docs.features?.includes("mail")) return;
-            document.querySelector("#extension-mailing").innerHTML = renderTemplate("template-extension-Mailing-module", {
-                rootUrl: window.docs.info.rootUrl,
-                rootUrlPath: getApiPath(window.docs.info.rootUrl),
-                domain: getApiDomain(window.docs.info.rootUrl)
-            });
-        }
-
-        function renderClientDrivers() {
-            if (!window.docs.features?.includes("driver")) return;
-            document.querySelector("#extension-client-drivers").innerHTML = renderTemplate("template-client-drivers");
-        }
-
-        function renderEntities() {
-            if (!window.docs.entities ||typeof window.docs.entities !== "object" ) return;
-            document.querySelector("#project-entities").innerHTML = Object.values(window.docs.entities).map(entity => renderTemplate("template-project-entity", entity)).join("");
-        }
-
-        function renderEntity(entityName) {
-            if (this.dataset.rendered) return;
-            this.dataset.rendered = true
-            const entity = window.docs.entities[entityName];
-            if (!entity) return;
-            if (entity.actions && typeof(entity.actions) === "object") {
-                const dom = this.parentNode.querySelector(".project-entity-actions");
-                dom.innerHTML = Object.keys(entity.actions).map(actionName => renderTemplate("template-project-entity-actions", {
-                    entityName: entity.name,
-                    actionName,
-                    className: getPanelClass(actionName),
-                    actionHttpMethod: getHttpMethod(actionName),
-                    actionApiUrl: getApiUrl(actionName, window.docs.info.rootUrl, entity.name),
-                    actionDescription: getDescriptionByActionName(actionName, entity.name)
-                })).join("");
-                initDom(dom);
-            }
-            
-            if (entity.views && typeof(entity.views) === "object") {
-                const dom = this.parentNode.querySelector(".project-entity-views");
-                dom.innerHTML = Object.keys(entity.views).map(viewName => renderTemplate("template-project-entity-views", {
-                    entityName: entity.name,
-                    viewName,
-                    actionApiUrl: getApiViewUrl(window.docs.info.rootUrl, entity.name, viewName),
-                    description: entity.views[viewName]?.[0]?.description ?? ""
-                })).join("");
-                initDom(dom);
-            }
-        }
-
-        function renderEntityAction(entityName, actionName) {
-            if (this.dataset.rendered) return;
-            this.dataset.rendered = true;
-
-            const entity = window.docs.entities[entityName];
-            const actionRoles = entity.actions[actionName];
-            
-            const navTabs = this.parentNode.querySelector(".nav-tabs");
-
-            navTabs.innerHTML = actionRoles.map(actionRole => renderTemplate("template-project-entity-action-role", {
-                explainedRole: explainRoles(actionRole.grant),
-                entityName, 
-                actionName,
-                grant: actionRole.grant
-            })).join("");
-
-            initDom(navTabs);
-
-            activeFirstChild.call(navTabs);
-        }
-
-        function renderEntityActionRolePage(entityName, actionName, grant) {
-            if (this.dataset.rendered) return;
-            this.dataset.rendered = true
-
-            const entity = window.docs.entities[entityName];
-            const action = entity.actions[actionName].find(a => a.grant === grant);
-            
-            const tabPages = this.parentNode.parentNode.parentNode.querySelector(".tab-pages");
-            tabPages.innerHTML += renderTemplate("template-project-entity-action-page", { grant });
-
-            let template;
-            let callback;
-            let codeSnippetName = actionName;
-            switch (actionName) {
-                case "findMany":
-                    template = "template-findMany"
-                    callback = renderFindMany;
-                    break;
-                case "findById":
-                    template = "template-findById"
-                    callback = renderFindById;
-                    break;
-                case "createOne":
-                    template = "template-createOne"
-                    callback = renderCreateOne;
-                    break;
-                case "createMany":
-                    template = "template-createMany"
-                    callback = renderCreateMany;
-                    break;
-                case "updateOne":
-                    template = "template-updateOne"
-                    callback = renderUpdateOne;
-                    break;
-                case "updateMany":
-                    template = "template-updateMany"
-                    callback = renderUpdateMany;
-                    break;
-                case "updatePartially":
-                    template = "template-updatePartially"
-                    callback = renderUpdatePartially;
-                    break;
-                case "deleteOne":
-                    template = "template-deleteOne"
-                    callback = renderDeleteOne;
-                    break;
-                case "deleteMany":
-                    template = "template-deleteMany"
-                    callback = renderDeleteMany;
-                    break;
-                default:
-                    template = "template-generalAction"
-                    callback = renderGeneralAction;
-                    codeSnippetName = "generalAction";
-                    break;
-            }
-            const tabPage = Array.prototype.find.call(tabPages.querySelectorAll(".tab-page"), dom => dom.dataset?.role == action.grant);
-            if (!tabPage) return;
-            const args = {
-                tabPage, 
-                action,
-                actionName,
-                entity,
-                entityName,
-                EntityName: toCSharpName(entityName),
-                domain: getApiDomain(window.docs.info.rootUrl),
-                rootUrlPath: getApiPath(window.docs.info.rootUrl),
-            };
-            const snippet = window.codeSnippets[codeSnippetName] ?? {};
-            const data = {
-                explainedDenyRoles: explainRoles(action.deny),
-                entityName,
-                codeSnippetTabHeaders: Object.keys(snippet).map((lang, idx) => `<li role="presentation" ${idx ? '' : 'class="active"'}><a data-role="${lang}" onclick="activeRoleTab.call(this)">${lang}</a></li>`).join(""),
-                codeSnippetTabPages: Object.keys(snippet).map((lang, idx) => `<div class="tab-page ${lang} ${idx ? '' : 'active'}" data-role="${lang}">${snippet[lang]?.call(null, args) ?? ''}</div>`).join(""),
-                EntityName: args.EntityName,
-                domain: args.domain,
-                rootUrlPath: args.rootUrlPath,
-                description: action.description
-            };
-            tabPage.innerHTML = renderTemplate(template, data) + renderTemplate("template-project-entity-action-page-codeSnippets", data);
-            initDom(tabPage);
-            if (!action.deny) tabPage.querySelector(".deny-roles")?.remove();
-            
-            if (!action.matches || !Array.isArray(action.matches) || !action.matches.length) tabPage.querySelector(".matches")?.remove();
-            else {
-                if (action.matches.length === 1) {
-                    tabPage.querySelector(".matches .matches-length-gt-1")?.remove();
-                }
-                const dom = tabPage.querySelector(".matches .match-conditions");
-                if (dom) {
-                    dom.innerHTML = action.matches.map(m => renderTemplate("template-li-code", {value: m})).join("");
-                }
-            }
-            if (!action.description) {
-                tabPage.querySelector(".description")?.remove();
-            }
-            callback(args);
-        }
-
-        function renderFindMany(args) {
-            if (Array.isArray(args.action.returnableFields)) {
-                args.tabPage.querySelector(".output-without-fields").innerHTML = getModelOutput(args.action.defaultFields, args.entity.fields);
-                args.tabPage.querySelector(".field-list").innerHTML = args.action.returnableFields.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join("");
-                args.tabPage.querySelector(".output-with-fields").innerHTML = getModelOutput(args.action.returnableFields, args.entity.fields);
-            }
-            
-            if (!args.action.defaultFilters && !args.action.allowFilteringFields && !args.action.requiredFilteringFields && !args.entity.features?.vn_text?.fields?.length) {
-                args.tabPage.querySelector(".filters")?.remove()
-            }
-            else {
-                if (Array.isArray(args.action.defaultFilters) && args.action.defaultFilters.length) {
-                    if (args.action.defaultFilters.length === 1) args.tabPage.querySelector(".defaultFilters-length-gt-1")?.remove();
-                    args.tabPage.querySelector(".defaultFilters-ul").innerHTML = args.action.defaultFilters.map(filter => renderTemplate("template-li-code", {value: filter})).join("");
-                } 
-                else {
-                    args.tabPage.querySelector(".defaultFilters")?.remove();
-                }
-
-                if (Array.isArray(args.action.allowFilteringFields) && args.action.allowFilteringFields.length) {
-                    args.tabPage.querySelector(".allowFilteringFields-list").innerHTML = args.action.allowFilteringFields.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join(" ");
-                } 
-                else {
-                    args.tabPage.querySelector(".allowFilteringFields")?.remove();
-                }
-
-                if (Array.isArray(args.action.requiredFilteringFields) && args.action.requiredFilteringFields.length) {
-                    args.tabPage.querySelector(".requiredFilteringFields-list").innerHTML = args.action.requiredFilteringFields.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join(" ");
-                } 
-                else {
-                    args.tabPage.querySelector(".requiredFilteringFields")?.remove();
-                }
-
-                if (args.entity.features?.vn_text?.fields?.length) {
-                    args.tabPage.querySelector(".features-vn_text-fields-channel-default-fields").innerHTML = args.entity.features.vn_text.fields.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join(" ");
-
-                    if (args.entity.features?.vn_text?.channels?.length) {
-                        args.tabPage.querySelector(".features-vn_text-channels-list").innerHTML = args.entity.features.vn_text.channels.map(channel => renderTemplate("template-findMany-vn_text-channel", {
-                            name: channel.name,
-                            htmlFields: channel.fields?.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join(" ")
-                        })).join("");
-                    }
-                }
-                else {
-                    args.tabPage.querySelector(".features-vn_text-fields")?.remove();
-                }
-            }
-            
-            if (!args.action.allowSortings && !args.action.defaultSortings) {
-                args.tabPage.querySelector(".sort")?.remove()
-            }
-            else {
-                if (Array.isArray(args.action.allowSortings) && args.action.allowSortings.length) {
-                    args.tabPage.querySelector(".allowSortings-fields").innerHTML = args.action.allowSortings.map(item => renderTemplate("template-findMany-sorting", {
-                        field: item.field,
-                        sortType: item.type === "Both" 
-                            ? "Cả TĂNG dần và GIẢM dần"
-                            : item.type === "Asc"
-                                ? "Chỉ TĂNG dần"
-                                : item.type === "Desc"
-                                    ? "Chỉ GIẢM dần"
-                                    : item.type === undefined || item.type === null
-                                        ? "Chỉ TĂNG dần"
-                                        : ""
-                    })).join("");
-                } 
-                else {
-                    args.tabPage.querySelector(".defaultFilters")?.remove();
-                }
-
-                if (Array.isArray(args.action.defaultSortings) && args.action.defaultSortings.length) {
-                    args.tabPage.querySelector(".defaultSortings-fields").innerHTML = args.action.defaultSortings.map(item => renderTemplate("template-findMany-sorting", {
-                        field: item.field,
-                        sortType: item.type === "Asc"
-                            ? "TĂNG dần"
-                            : item.type === "Desc"
-                                ? "GIẢM dần"
-                                : item.type === undefined || item.type === null
-                                    ? "TĂNG dần"
-                                    : ""
-                    })).join("");
-                } 
-                else {
-                    args.tabPage.querySelector(".defaultSortings")?.remove();
-                }
-            }
-            
-            args.tabPage.querySelector(".paging").innerHTML = renderTemplate("template-findMany-paging", {
-                strPagingType: args.action.pagingType === undefined || args.action.pagingType === null || args.action.pagingType === "None"
-                    ? "Không phân trang"
-                    : args.action.pagingType === "LimitOffset"
-                        ? "Theo limit, offset"
-                        : args.action.pagingType === "Page"
-                            ? "Theo page number"
-                            : "",
-                entityName: args.entityName,
-                maxPageSize: args.action.maxPageSize,
-                maxRecordCount: args.action.maxPageSize === undefined || args.action.maxPageSize === null
-                    ? (args.action.pageSize ?? 25)
-                    : Math.min(args.action.maxPageSize, args.action.pageSize ?? 25)
-            });
-
-            if (args.action.pagingType === undefined || args.action.pagingType === null || args.action.pagingType === "None") {
-                args.tabPage.querySelector(".pagingType-ne-None")?.remove();
-            } else if (args.action.maxPageSize === undefined || args.action.maxPageSize === null) {
-                args.tabPage.querySelector(".maxPageSize")?.remove();
-            }
-
-            if (args.action.includeTotal !== true) {
-                args.tabPage.querySelector(".includeTotal")?.remove();
-            }
-        
-            if (args.action.cache?.enable !== true) {
-                args.tabPage.querySelector(".cache")?.remove();
-            } else {
-                args.tabPage.querySelector(".cache").innerHTML = renderTemplate("template-findMany-cache", {
-                    serverPolicy: toCachePolicyString(args.action.cache?.server?.policy),
-                    clientPolicy: toCachePolicyString(args.action.cache?.client?.policy)
-                })
-            }
-        }
-
-        function renderFindById(args) {
-            if (Array.isArray(args.action.returnableFields)) {
-                args.tabPage.querySelector(".output-without-fields").innerHTML = getModelOutput(args.action.defaultFields, args.entity.fields);
-                args.tabPage.querySelector(".field-list").innerHTML = args.action.returnableFields.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join("");
-                args.tabPage.querySelector(".output-with-fields").innerHTML = getModelOutput(args.action.returnableFields, args.entity.fields);
-            }
-            
-            if (args.action.cache?.enable !== true) {
-                args.tabPage.querySelector(".cache")?.remove();
-            } else {
-                args.tabPage.querySelector(".cache").innerHTML = renderTemplate("template-findMany-cache", {
-                    serverPolicy: toCachePolicyString(args.action.cache?.server?.policy),
-                    clientPolicy: toCachePolicyString(args.action.cache?.client?.policy)
-                })
-            }
-        }
-
-        function renderCreateOne(args) {
-            args.tabPage.querySelector(".input-model").innerHTML = getModelInput(args.action.exclude, args.entity.fields, {"excludeId": true});   
-        }
-
-        function renderCreateMany(args) {
-            args.tabPage.querySelector(".input-model").innerHTML = getModelInput(args.action.exclude, args.entity.fields, {"excludeId": true});
-        }
-
-        function renderUpdateOne(args) {
-            args.tabPage.querySelector(".input-model").innerHTML = getModelInput(args.action.exclude, args.entity.fields);
-        }
-
-        function renderUpdateMany(args) {
-            args.tabPage.querySelector(".input-model").innerHTML = getModelInput(args.action.exclude, args.entity.fields);
-        }
-
-        function renderUpdatePartially(args) {
-            args.tabPage.querySelector(".input-model").innerHTML = getModelInput(args.action.exclude, args.entity.fields, {optionalToAll: true});
-        }
-
-        function renderDeleteOne(args) {
-
-        }
-
-        function renderDeleteMany(args) {
-
-        }
-
-        function renderGeneralAction(args) {
-            if (args.action?.codeHint?.delegator?.param?.fields) {
-                args.tabPage.querySelector(".query-string-model").innerHTML = formatHintModel(args.action.codeHint.delegator.param.fields);
-            }
-            else {
-                args.tabPage.querySelector(".query-string")?.remove();
-            }
-            if (args.action?.codeHint?.delegator?.requestBody?.fields) {
-                args.tabPage.querySelector(".request-body-model").innerHTML = formatHintModel(args.action.codeHint.delegator.requestBody.fields);
-            }
-            else {
-                args.tabPage.querySelector(".request-body")?.remove();
-            }
-        }
-
-        function renderEntityView(entityName, viewName) {
-            if (this.dataset.rendered) return;
-            this.dataset.rendered = true;
-
-            const entity = window.docs.entities[entityName];
-            const viewRoles = entity.views[viewName];
-            
-            const navTabs = this.parentNode.querySelector(".nav-tabs");
-
-            navTabs.innerHTML = viewRoles.map(viewRole => renderTemplate("template-project-entity-view-role", {
-                explainedRole: explainRoles(viewRole.grant),
-                entityName, 
-                viewName,
-                grant: viewRole.grant
-            })).join("");
-            initDom(navTabs);
-            activeFirstChild.call(navTabs);
-        }
-
-        function renderEntityViewRolePage(entityName, viewName, grant) {
-            if (this.dataset.rendered) return;
-            this.dataset.rendered = true
-
-            const entity = window.docs.entities[entityName];
-            const view = entity.views[viewName].find(a => a.grant === grant);
-            
-            const tabPages = this.parentNode.parentNode.parentNode.querySelector(".tab-pages");
-            tabPages.innerHTML += renderTemplate("template-project-entity-view-page", { grant });
-            
-            const tabPage = Array.prototype.find.call(tabPages.querySelectorAll(".tab-page"), dom => dom.dataset?.role == view.grant);
-            if (!tabPage) return;
-            const args = {
-                tabPage, 
-                view,
-                viewName,
-                entity,
-                entityName,
-                EntityName: toCSharpName(entityName),
-                domain: getApiDomain(window.docs.info.rootUrl),
-                rootUrlPath: getApiPath(window.docs.info.rootUrl),
-            };
-            const snippet = window.codeSnippets.view;
-            const data = {
-                explainedDenyRoles: explainRoles(view.deny),
-                entityName,
-                viewName,
-                codeSnippetTabHeaders: Object.keys(snippet).map((lang, idx) => `<li role="presentation" ${idx ? '' : 'class="active"'}><a data-role="${lang}" onclick="activeRoleTab.call(this)">${lang}</a></li>`).join(""),
-                codeSnippetTabPages: Object.keys(snippet).map((lang, idx) => `<div class="tab-page ${lang} ${idx ? '' : 'active'}" data-role="${lang}">${snippet[lang]?.call(null, args) ?? ''}</div>`).join(""),
-                description: view.description,
-                outputModel: formatHintModel(view.codeHint?.output?.fields),
-                outputEmptyResult: JSON.stringify(view.emptyResult, null, 4)
-            };
-            tabPage.innerHTML = renderTemplate("template-view", data) + renderTemplate("template-project-entity-view-page-codeSnippets", data);
-            initDom(tabPage);
-            if (!view.deny) tabPage.querySelector(".deny-roles")?.remove();
-            
-            if (!Array.isArray(view.parameters) || !view.parameters.length) {
-                tabPage.querySelector(".parameters-input-pane")?.remove();
-            }
-            else {
-                tabPage.querySelector(".parameters-list").innerHTML = view.parameters.map(p => renderTemplate("template-view-parameters", {
-                    field: p.field,
-                    type: (p.isArray ? "array of " : "") + (p.type ?? "string"),
-                    description: p.description ?? "",
-                    defaultValue: p.defaultValue ? `, default (${p.defaultValue})` : "",
-                    required: p.required ? "required" : "optional"
-                })).join("");
-            }
-            if (!view.codeHint?.output?.fields) {
-                tabPage.querySelector(".output-model")?.remove();
-            }
-            if (!view.emptyResult) {
-                tabPage.querySelector(".output-epmty-result")?.remove();
-            }
-            if (!view.codeHint?.output?.fields && !view.emptyResult) {
-                tabPage.querySelector(".output-pane")?.remove();
-            }
-
-            if (!view.description) {
-                tabPage.querySelector(".description")?.remove();
-            }
-            //callback(args);
-        }
-
-        window.codeSnippets = {
-            findMany: {
-                Javascript: (args) => renderTemplate("template-codeSnippets-findMany-Javascript", {
-                    entityName: args.entityName,
-                    allowPagingDisplay: args.action.pagingType && args.action.pagingType != 'None' ? 'inline' : 'none',
-                    includeTotalDisplay: args.action.includeTotal ? 'inline' : 'none',
-                    fields: args.action.returnableFields?.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join(""),
-                    allowSortingsDisplay: args.action.allowSortings ? 'inline' : 'none',
-                    sortFields: args.action.allowSortings?.map(sort => (sort.type === "Desc" ? '-' : '') + renderTemplate("template-fields-inline", {fieldName: sort.field})).join(""),
-                    limitDisplay: args.action.pagingType === "LimitOffset" || args.action.pagingType === "Page" ? 'inline' : 'none',
-                    offsetDisplay: args.action.pagingType === "LimitOffset" ? 'inline' : 'none',
-                    pageDisplay: args.action.pagingType === "Page" ? 'inline' : 'none',
-                    vnTextDisplay: args.entity.features?.vn_text?.fields?.length ? 'inline' : 'none',
-                    vnTextFields: args.entity.features?.vn_text?.fields?.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join(""),
-                    countAsyncDisplay: args.action.includeTotal ? 'inline' : 'none'
-                }),
-                JavascriptModel: (args) => renderTemplate("template-codeSnippets-findMany-JavascriptModel", {
-                    undefinedModel: getModelOutput(args.action.returnableFields, args.entity.fields, {mode: "model_undefined"}),
-                    valueModel: getModelOutput(args.action.returnableFields, args.entity.fields, {mode: "model"}),
-                    nullModel: getModelOutput(args.action.returnableFields, args.entity.fields, {mode: "model_null"})
-                }),
-                CSharp: (args) => renderTemplate("template-codeSnippets-findMany-CSharp", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName,
-                    fields: args.action.returnableFields?.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join(""),
-                    sortFields: args.action.allowSortings?.map(sort => (sort.type === "Desc" ? '-' : '') + renderTemplate("template-fields-inline", {fieldName: sort.field})).join("")
-                }),
-                HTTP: (args) => renderTemplate("template-codeSnippets-findMany-HTTP", {
-                    domain: args.domain,
-                    rootUrlPath: args.rootUrlPath,
-                    entityName: args.entityName,
-                    fields: args.action.returnableFields?.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join(""),
-                    allowSortingsDisplay: args.action.allowSortings ? 'inline' : 'none',
-                    sortFields: args.action.allowSortings?.map(sort => (sort.type === "Desc" ? '-' : '') + renderTemplate("template-fields-inline", {fieldName: sort.field})).join(""),
-                    limitOffsetDisplay: args.action.pagingType === "LimitOffset" ? 'inline' : 'none',
-                    pageDisplay: args.action.pagingType === "Page" ? 'inline' : 'none',
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none',
-                }),
-                cURL: (args) => renderTemplate("template-codeSnippets-findMany-cURL", {
-                    rootUrl: window.docs.info.rootUrl,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none',
-                    fields: args.action.returnableFields?.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join(""),
-                    allowSortingsDisplay: args.action.allowSortings ? 'inline' : 'none',
-                    sortFields: args.action.allowSortings?.map(sort => (sort.type === "Desc" ? '-' : '') + renderTemplate("template-fields-inline", {fieldName: sort.field})).join(""),
-                    limitOffsetDisplay: args.action.pagingType === "LimitOffset" ? 'inline' : 'none',
-                    pageDisplay: args.action.pagingType === "Page" ? 'inline' : 'none',
-                }),
-                Java: (args) => renderTemplate("template-codeSnippets-findMany-Java", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName,
-                    fields: args.action.returnableFields?.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join(""),
-                    allowSortingsDisplay: args.action.allowSortings ? 'inline' : 'none',
-                    sortFields: args.action.allowSortings?.map(sort => (sort.type === "Desc" ? '-' : '') + renderTemplate("template-fields-inline", {fieldName: sort.field})).join(""),
-                }),
-                JavaAsync: (args) => renderTemplate("template-codeSnippets-findMany-JavaAsync", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName,
-                    fields: args.action.returnableFields?.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join(""),
-                    allowSortingsDisplay: args.action.allowSortings ? 'inline' : 'none',
-                    sortFields: args.action.allowSortings?.map(sort => (sort.type === "Desc" ? '-' : '') + renderTemplate("template-fields-inline", {fieldName: sort.field})).join(""),
-                })
-            },
-            findById: {
-                Javascript: (args) => renderTemplate("template-codeSnippets-findById-Javascript", {
-                    entityName: args.entityName,
-                    fields: args.action.returnableFields?.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join("")
-                }),
-                JavascriptModel: (args) => renderTemplate("template-codeSnippets-findById-JavascriptModel", {
-                    undefinedModel: getModelOutput(args.action.returnableFields, args.entity.fields, {mode: "model_undefined"}),
-                    valueModel: getModelOutput(args.action.returnableFields, args.entity.fields, {mode: "model"}),
-                    nullModel: getModelOutput(args.action.returnableFields, args.entity.fields, {mode: "model_null"})
-                }),
-                CSharp: (args) => renderTemplate("template-codeSnippets-findById-CSharp", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName,
-                    fields: args.action.returnableFields?.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join("")
-                }),
-                HTTP: (args) => renderTemplate("template-codeSnippets-findById-HTTP", {
-                    domain: args.domain,
-                    rootUrlPath: args.rootUrlPath,
-                    entityName: args.entityName,
-                    fields: args.action.returnableFields?.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join(""),
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                cURL: (args) => renderTemplate("template-codeSnippets-findById-cURL", {
-                    rootUrl: window.docs.info.rootUrl,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none',
-                    fields: args.action.returnableFields?.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join("")
-                }),
-                Java: (args) => renderTemplate("template-codeSnippets-findById-Java", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName,
-                    fields: args.action.returnableFields?.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join("")
-                }),
-                JavaAsync: (args) => renderTemplate("template-codeSnippets-findById-JavaAsync", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName,
-                    fields: args.action.returnableFields?.map(fieldName => renderTemplate("template-fields-inline", {fieldName})).join("")
-                })
-            },
-            createOne: {
-                Javascript: (args) => renderTemplate("template-codeSnippets-createOne-Javascript", {
-                    entityName: args.entityName
-                }),
-                JavascriptModel: (args) => renderTemplate("template-codeSnippets-createOne-JavascriptModel", {
-                    undefinedModel: getModelInput(args.action.exclude, args.entity.fields, {mode: "model_undefined", excludeId: true}),
-                    valueModel: getModelInput(args.action.exclude, args.entity.fields, {mode: "model", excludeId: true}),
-                    nullModel: getModelInput(args.action.exclude, args.entity.fields, {mode: "model_null", excludeId: true})
-                }),
-                CSharp: (args) => renderTemplate("template-codeSnippets-createOne-CSharp", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                }),
-                HTTP: (args) => renderTemplate("template-codeSnippets-createOne-HTTP", {
-                    domain: args.domain,
-                    rootUrlPath: args.rootUrlPath,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                cURL: (args) => renderTemplate("template-codeSnippets-createOne-cURL", {
-                    rootUrl: window.docs.info.rootUrl,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                Java: (args) => renderTemplate("template-codeSnippets-createOne-Java", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                }),
-                JavaAsync: (args) => renderTemplate("template-codeSnippets-createOne-JavaAsync", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                })
-            },
-            createMany: {
-                Javascript: (args) => renderTemplate("template-codeSnippets-createMany-Javascript", {
-                    entityName: args.entityName
-                }),
-                JavascriptModel: (args) => renderTemplate("template-codeSnippets-createMany-JavascriptModel", {
-                    undefinedModel: getModelInput(args.action.exclude, args.entity.fields, {mode: "model_undefined", excludeId: true}),
-                    valueModel: getModelInput(args.action.exclude, args.entity.fields, {mode: "model", excludeId: true}),
-                    nullModel: getModelInput(args.action.exclude, args.entity.fields, {mode: "model_null", excludeId: true})
-                }),
-                CSharp: (args) => renderTemplate("template-codeSnippets-createMany-CSharp", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                }),
-                HTTP: (args) => renderTemplate("template-codeSnippets-createMany-HTTP", {
-                    domain: args.domain,
-                    rootUrlPath: args.rootUrlPath,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                cURL: (args) => renderTemplate("template-codeSnippets-createMany-cURL", {
-                    rootUrl: window.docs.info.rootUrl,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                Java: (args) => renderTemplate("template-codeSnippets-createMany-Java", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                }),
-                JavaAsync: (args) => renderTemplate("template-codeSnippets-createMany-JavaAsync", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                })
-            },
-            updateOne: {
-                Javascript: (args) => renderTemplate("template-codeSnippets-updateOne-Javascript", {
-                    entityName: args.entityName
-                }),
-                JavascriptModel: (args) => renderTemplate("template-codeSnippets-updateOne-JavascriptModel", {
-                    undefinedModel: getModelInput(args.action.exclude, args.entity.fields, {mode: "model_undefined"}),
-                    valueModel: getModelInput(args.action.exclude, args.entity.fields, {mode: "model"}),
-                    nullModel: getModelInput(args.action.exclude, args.entity.fields, {mode: "model_null"})
-                }),
-                CSharp: (args) => renderTemplate("template-codeSnippets-updateOne-CSharp", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                }),
-                HTTP: (args) => renderTemplate("template-codeSnippets-updateOne-HTTP", {
-                    domain: args.domain,
-                    rootUrlPath: args.rootUrlPath,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                cURL: (args) => renderTemplate("template-codeSnippets-updateOne-cURL", {
-                    rootUrl: window.docs.info.rootUrl,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                Java: (args) => renderTemplate("template-codeSnippets-updateOne-Java", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                }),
-                JavaAsync: (args) => renderTemplate("template-codeSnippets-updateOne-JavaAsync", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                })
-            },
-            updateMany: {
-                Javascript: (args) => renderTemplate("template-codeSnippets-updateMany-Javascript", {
-                    entityName: args.entityName
-                }),
-                JavascriptModel: (args) => renderTemplate("template-codeSnippets-updateMany-JavascriptModel", {
-                    undefinedModel: getModelInput(args.action.exclude, args.entity.fields, {mode: "model_undefined"}),
-                    valueModel: getModelInput(args.action.exclude, args.entity.fields, {mode: "model"}),
-                    nullModel: getModelInput(args.action.exclude, args.entity.fields, {mode: "model_null"})
-                }),
-                CSharp: (args) => renderTemplate("template-codeSnippets-updateMany-CSharp", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                }),
-                HTTP: (args) => renderTemplate("template-codeSnippets-updateMany-HTTP", {
-                    domain: args.domain,
-                    rootUrlPath: args.rootUrlPath,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                cURL: (args) => renderTemplate("template-codeSnippets-updateMany-cURL", {
-                    rootUrl: window.docs.info.rootUrl,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                Java: (args) => renderTemplate("template-codeSnippets-updateMany-Java", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                }),
-                JavaAsync: (args) => renderTemplate("template-codeSnippets-updateMany-JavaAsync", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                })
-            },
-            updatePartially: {
-                Javascript: (args) => renderTemplate("template-codeSnippets-updatePartially-Javascript", {
-                    entityName: args.entityName
-                }),
-                JavascriptModel: (args) => renderTemplate("template-codeSnippets-updatePartially-JavascriptModel", {
-                    undefinedModel: getModelInput(args.action.exclude, args.entity.fields, {mode: "model_undefined", optionalToAll: true}),
-                    valueModel: getModelInput(args.action.exclude, args.entity.fields, {mode: "model", optionalToAll: true}),
-                    nullModel: getModelInput(args.action.exclude, args.entity.fields, {mode: "model_null", optionalToAll: true})
-                }),
-                CSharp: (args) => renderTemplate("template-codeSnippets-updatePartially-CSharp", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                }),
-                HTTP: (args) => renderTemplate("template-codeSnippets-updatePartially-HTTP", {
-                    domain: args.domain,
-                    rootUrlPath: args.rootUrlPath,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                cURL: (args) => renderTemplate("template-codeSnippets-updatePartially-cURL", {
-                    rootUrl: window.docs.info.rootUrl,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                Java: (args) => renderTemplate("template-codeSnippets-updatePartially-Java", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                }),
-                JavaAsync: (args) => renderTemplate("template-codeSnippets-updatePartially-JavaAsync", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                })
-            },
-            deleteOne: {
-                Javascript: (args) => renderTemplate("template-codeSnippets-deleteOne-Javascript", {
-                    entityName: args.entityName
-                }),
-                CSharp: (args) => renderTemplate("template-codeSnippets-deleteOne-CSharp", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                }),
-                HTTP: (args) => renderTemplate("template-codeSnippets-deleteOne-HTTP", {
-                    domain: args.domain,
-                    rootUrlPath: args.rootUrlPath,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                cURL: (args) => renderTemplate("template-codeSnippets-deleteOne-cURL", {
-                    rootUrl: window.docs.info.rootUrl,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                Java: (args) => renderTemplate("template-codeSnippets-deleteOne-Java", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                }),
-                JavaAsync: (args) => renderTemplate("template-codeSnippets-deleteOne-JavaAsync", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                })
-            },
-            deleteMany: {
-                Javascript: (args) => renderTemplate("template-codeSnippets-deleteMany-Javascript", {
-                    entityName: args.entityName
-                }),
-                CSharp: (args) => renderTemplate("template-codeSnippets-deleteMany-CSharp", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                }),
-                HTTP: (args) => renderTemplate("template-codeSnippets-deleteMany-HTTP", {
-                    domain: args.domain,
-                    rootUrlPath: args.rootUrlPath,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                cURL: (args) => renderTemplate("template-codeSnippets-deleteMany-cURL", {
-                    rootUrl: window.docs.info.rootUrl,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                Java: (args) => renderTemplate("template-codeSnippets-deleteMany-Java", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                }),
-                JavaAsync: (args) => renderTemplate("template-codeSnippets-deleteMany-JavaAsync", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName
-                })
-            },
-            generalAction: {
-                Javascript: (args) => renderTemplate("template-codeSnippets-generalAction-Javascript", {
-                    entityName: args.entityName,
-                    httpMethod: getHttpMethod(args.actionName),
-                    paramDisplay: args.action?.codeHint?.delegator?.param?.fields ? 'inline' : 'none',
-                    bodyDisplay: args.action?.codeHint?.delegator?.requestBody?.fields ? 'inline' : 'none'
-                }),
-                CSharp: (args) => renderTemplate("template-codeSnippets-generalAction-CSharp", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName,
-                    MethodName: toCSharpName(getHttpMethod(args.actionName))
-                }),
-                HTTP: (args) => renderTemplate("template-codeSnippets-generalAction-HTTP", {
-                    domain: args.domain,
-                    rootUrlPath: args.rootUrlPath,
-                    entityName: args.entityName,
-                    httpMethod: getHttpMethod(args.actionName),
-                    bodyDisplay: args.action?.codeHint?.delegator?.requestBody?.fields ? 'inline' : 'none',
-                    noBodyDisplay: args.action?.codeHint?.delegator?.requestBody?.fields ? 'none' : 'inline',
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                cURL: (args) => renderTemplate("template-codeSnippets-generalAction-cURL", {
-                    rootUrl: window.docs.info.rootUrl,
-                    entityName: args.entityName,
-                    tokenDisplay: args.action.grant !== "*" ? 'inline' : 'none'
-                }),
-                Java: (args) => renderTemplate("template-codeSnippets-generalAction-Java", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName,
-                    methodName: getHttpMethod(args.actionName),
-                    MethodName: toCSharpName(getHttpMethod(args.actionName))
-                }),
-                JavaAsync: (args) => renderTemplate("template-codeSnippets-generalAction-JavaAsync", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName,
-                    methodName: getHttpMethod(args.actionName),
-                    MethodName: toCSharpName(getHttpMethod(args.actionName))
-                })
-            },
-            view: {
-                Javascript: (args) => renderTemplate("template-codeSnippets-view-Javascript", {
-                    entityName: args.entityName,
-                    viewName: args.viewName,
-                    parameters: args.view.parameters ? "{\n        " + args.view.parameters.map(p => `${encodeHtml(p.field)}: <span class="place-holder">value_of_${encodeHtml(p.field)}</span>`).join(",\n        ") + "\n    }" : ""
-                }),
-                JavascriptModel: (args) => args.view.codeHint?.output?.fields ? renderTemplate("template-codeSnippets-view-JavascriptModel", {
-                    undefinedModel: formatHintModel(args.view.codeHint.output.fields, undefined, {mode: "model_undefined"}),
-                    valueModel: formatHintModel(args.view.codeHint.output.fields, undefined, {mode: "model"}),
-                    nullModel: formatHintModel(args.view.codeHint.output.fields, undefined, {mode: "model_null"})
-                }) : "",
-                CSharp: (args) => renderTemplate("template-codeSnippets-view-CSharp", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName,
-                    grantDisplay: args.view.grant === "*" ? 'none' : "inline",
-                    Grant: toCSharpName(args.view.grant),
-                    ViewName: toCSharpName(args.viewName),
-                    parameters: args.view.parameters ? args.view.parameters.map(p => `${encodeHtml(toCSharpName(p.field))} = <span class="place-holder">value_of_${encodeHtml(p.field)}</span>`).join(",\n        ") : ""
-                }),
-                HTTP: (args) => renderTemplate("template-codeSnippets-view-HTTP", {
-                    domain: args.domain,
-                    rootUrlPath: args.rootUrlPath,
-                    entityName: args.entityName,
-                    viewName: args.viewName,
-                    tokenDisplay: args.view.grant !== "*" ? 'inline' : 'none',
-                    parameters: args.view.parameters ? "?" + args.view.parameters.map(p => `${encodeHtml(p.field)}=<span class="place-holder">value_of_${encodeHtml(p.field)}</span>`).join("&") : ""
-                }),
-                cURL: (args) => renderTemplate("template-codeSnippets-view-cURL", {
-                    rootUrl: window.docs.info.rootUrl,
-                    entityName: args.entityName,
-                    tokenDisplay: args.view.grant !== "*" ? 'inline' : 'none',
-                    parameters: args.view.parameters ? "?" + args.view.parameters.map(p => `${encodeHtml(p.field)}=<span class="place-holder">value_of_${encodeHtml(p.field)}</span>`).join("&") : ""
-                }),
-                Java: (args) => renderTemplate("template-codeSnippets-view-Java", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName,
-                    viewName: args.viewName,
-                    ViewName: toCSharpName(args.viewName),
-                    parameters: args.view.parameters ? args.view.parameters.map(p => `arg.set${encodeHtml(toCSharpName(p.field))}(<span class="place-holder">value_of_${encodeHtml(p.field)}</span>);`).join(",\n    ") : ""
-                }),
-                JavaAsync: (args) => renderTemplate("template-codeSnippets-view-JavaAsync", {
-                    entityName: args.entityName,
-                    EntityName: args.EntityName,
-                    viewName: args.viewName,
-                    ViewName: toCSharpName(args.viewName),
-                    parameters: args.view.parameters ? args.view.parameters.map(p => `arg.set${encodeHtml(toCSharpName(p.field))}(<span class="place-holder">value_of_${encodeHtml(p.field)}</span>);`).join(",\n    ") : ""
-                })
-            }
-        }
-    </script>
 </head>
 <body>
 <div class="info">
@@ -1614,16 +252,16 @@
 <div id="copied" class="yellow-fade"><div class="text">COPIED!</div></div>
 
 
-<script type="text/mushroom-docs-template" id="template-li-code">
+<div class="mushroom-docs-template" id="template-li-code">
     <li><code>{{value}}</code></li>
-</script>
-<script type="text/mushroom-docs-template" id="template-fields-inline"><span>{{fieldName}}</span><span class="separator">,</span></script>
+</div>
+<div class="mushroom-docs-template" id="template-fields-inline"><span>{{fieldName}}</span><span class="separator">,</span></div>
 
-<script type="text/mushroom-docs-template" id="template-project-role">
+<div class="mushroom-docs-template" id="template-project-role">
     <li><code>{{name}}</code>: <span>{{description}}</span></li>
-</script>
+</div>
 
-<script type="text/mushroom-docs-template" id="template-project-environmentVariables">
+<div class="mushroom-docs-template" id="template-project-environmentVariables">
     <h2 onclick="toggleParentClass.call(this)" data-toggled-class="expand" data-hash="$env-vars">Environment variables</h2>
     <div class="actions">
         <div>
@@ -1789,8 +427,8 @@
         </div>
         <div id="extension-env-vars-custom"></div>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-project-environmentVariables-custom">
+</div>
+<div class="mushroom-docs-template" id="template-project-environmentVariables-custom">
     <div class="panel panel-primary" id="extension-env-vars-{{name}}">
         <div class="panel-heading" onclick="toggleParentClass.call(this)" data-toggled-class="show" id="env-vars-{{name}}">
             <span>$${{name}}</span>
@@ -1804,9 +442,9 @@
             </div>
         </div>
     </div>
-</script>
+</div>
 
-<script type="text/mushroom-docs-template" id="template-extension-DefaultAuth-module">
+<div class="mushroom-docs-template" id="template-extension-DefaultAuth-module">
     <h2 onclick="toggleParentClass.call(this)" data-toggled-class="expand" data-hash="$auth">Authentication extension</h2>
     <div class="actions">
         <div class="panel panel-info" id="extension-auth-login">
@@ -3231,8 +1869,8 @@ API.getAuthentication().changePasswordAsync("your account", "your old password",
             </div>
         </div>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-extension-File-module">
+</div>
+<div class="mushroom-docs-template" id="template-extension-File-module">
     <h2 onclick="toggleParentClass.call(this)" data-toggled-class="expand" data-hash="$file">File extension</h2>
     <div class="actions">
         <div class="panel panel-info" id="extension-file-upload">
@@ -3681,8 +2319,8 @@ Content-Disposition: attachment; filename="{name}"</pre>
             </div>
         </div>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-extension-Mailing-module">
+</div>
+<div class="mushroom-docs-template" id="template-extension-Mailing-module">
     <h2 onclick="toggleParentClass.call(this)" data-toggled-class="expand" data-hash="$mailing">Mailing extension</h2>
     <div class="actions">
         <div class="panel panel-info" id="extension-mailing-sent">
@@ -3947,8 +2585,8 @@ catch (error) {
             </div>
         </div>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-client-drivers">
+</div>
+<div class="mushroom-docs-template" id="template-client-drivers">
     <h2 onclick="toggleParentClass.call(this)" data-toggled-class="expand" data-hash="$client-drivers"><em>driver</em></h2>
     <div class="actions">
         <div class="panel panel-primary" id="extension-client-drivers-javascript">
@@ -3997,16 +2635,16 @@ catch (error) {
             </div>
         </div>
     </div>
-</script>
+</div>
 
-<script type="text/mushroom-docs-template" id="template-project-entity">
+<div class="mushroom-docs-template" id="template-project-entity">
     <div class="entity" id="entity-{{name}}">
         <h2 data-hash="{{name}}" onclick="renderEntity.call(this, '{{name}}'); toggleParentClass.call(this)" data-toggled-class="expand">{{name}}</h2>
         <div class="project-entity-actions"></div>
         <div class="project-entity-views"></div>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-project-entity-actions">
+</div>
+<div class="mushroom-docs-template" id="template-project-entity-actions">
     <div class="actions">
         <div id="action-{{entityName}}-{{actionName}}" class="{{className}}">
             <div class="panel-heading" onclick="renderEntityAction.call(this, '{{entityName}}', '{{actionName}}'); toggleParentClass.call(this)" data-toggled-class="show" data-hash="{{entityName}}.{{actionName}}">
@@ -4020,22 +2658,22 @@ catch (error) {
             </div>
         </div>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-project-entity-action-role">
+</div>
+<div class="mushroom-docs-template" id="template-project-entity-action-role">
     <li role="presentation"><a onclick="renderEntityActionRolePage.call(this, '{{entityName}}', '{{actionName}}', '{{grant}}'); activeRoleTab.call(this)" data-role="{{grant}}">{{explainedRole}}</a></li>
-</script>
-<script type="text/mushroom-docs-template" id="template-project-entity-action-page">
+</div>
+<div class="mushroom-docs-template" id="template-project-entity-action-page">
     <div class="tab-page" data-role="{{grant}}"></div>
-</script>
-<script type="text/mushroom-docs-template" id="template-project-entity-action-page-codeSnippets">
+</div>
+<div class="mushroom-docs-template" id="template-project-entity-action-page-codeSnippets">
     <div class="driver-snippet">
         <h4>Code mẫu</h4>
         <ul class="nav nav-tabs">{{codeSnippetTabHeaders:html}}</ul>
         <div class="tab-pages">{{codeSnippetTabPages:html}}</div>
     </div>
-</script>
+</div>
 
-<script type="text/mushroom-docs-template" id="template-codeSnippets-findMany-Javascript">
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-findMany-Javascript">
     <div class="js-driver-snippet">
         Đơn giản
         <pre data-language="javascript"><span class="code-comment">// Lấy về danh sách<span style="display: {{allowPagingDisplay}}"> có phân trang</span></span>
@@ -4084,7 +2722,7 @@ catch (e) {
 // Tham số cho countAsync chỉ hỗ trợ filters</span></pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-findMany-JavascriptModel">
+<div class="mushroom-docs-template" id="template-codeSnippets-findMany-JavascriptModel">
     <div class="js-model-snippet">
         Javascript UNDEFINED model
         <pre data-language="json">{{undefinedModel:html}}</pre>
@@ -4093,8 +2731,8 @@ catch (e) {
         Javascript NULL model
         <pre data-language="json">{{nullModel:html}}</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-findMany-CSharp">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-findMany-CSharp">
     <div class="csharp-driver-snippet">
         <p>Hỗ trợ: DotNet Framework 4.5+, DotNet Core 3.1+, Unity3D, Mono</p>
         Đơn giản
@@ -4141,8 +2779,8 @@ catch (Exception ex)
     Console.Write($"Error: {ex.Message}");
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-findMany-HTTP">
+</div>
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-findMany-HTTP">
     <div class="http-snippet">
         Đơn giản
         <pre data-language="http">GET {{rootUrlPath}}{{entityName}}s HTTP/1.1
@@ -4156,7 +2794,7 @@ Token: your token
 </span></pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-findMany-cURL">
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-findMany-cURL">
     <div class="curl-snippet">
         Đơn giản
         <pre data-language="cURL">curl -X GET \
@@ -4175,7 +2813,7 @@ Token: your token
 </span></pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-findMany-Java">
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-findMany-Java">
     <div class="java-driver-snippet">
         Đơn giản
         <pre data-language="java">try {
@@ -4230,7 +2868,7 @@ catch(Exception ex) {
 }</pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-findMany-JavaAsync">
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-findMany-JavaAsync">
     <div class="java-driver-snippet">
         Đơn giản
         <pre data-language="java">/// ---------------- JAVA 8 OR ANDROID API Level 24+ (Android 7+) ----------------
@@ -4335,7 +2973,7 @@ API.get{{EntityName}}().listAsync(arg, {{entityName}}s -> {
     </div>
 </script>
 
-<script type="text/mushroom-docs-template" id="template-codeSnippets-findById-Javascript">
+<div class="mushroom-docs-template" id="template-codeSnippets-findById-Javascript">
     <div class="js-driver-snippet">
         Đơn giản
         <pre data-language="javascript">try {
@@ -4359,8 +2997,8 @@ catch (e) {
     console.error("Có lỗi: %o", e);
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-findById-JavascriptModel">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-findById-JavascriptModel">
     <div class="js-model-snippet">
         Javascript UNDEFINED model
         <pre data-language="json">{{undefinedModel:html}}</pre>
@@ -4369,8 +3007,8 @@ catch (e) {
         Javascript NULL model
         <pre data-language="json">{{nullModel:html}}</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-findById-CSharp">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-findById-CSharp">
     <div class="csharp-driver-snippet">
         <p>Hỗ trợ: DotNet Framework 4.5+, DotNet Core 3.1+, Unity3D, Mono</p>
         Đơn giản
@@ -4410,8 +3048,8 @@ catch (Exception ex)
     Console.Write($"Error: {ex.Message}");
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-findById-HTTP">
+</div>
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-findById-HTTP">
     <div class="http-snippet">
         Đơn giản
         <pre data-language="http">GET {{rootUrlPath}}{{entityName}}s/<span class="place-holder">id</span> HTTP/1.1
@@ -4425,7 +3063,7 @@ Token: your token
 </span></pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-findById-cURL">
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-findById-cURL">
     <div class="curl-snippet">
         Đơn giản
         <pre data-language="cURL">curl -X GET \
@@ -4444,7 +3082,7 @@ Token: your token
 </span></pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-findById-Java">
+<div class="mushroom-docs-template" id="template-codeSnippets-findById-Java">
     <div class="java-driver-snippet">
         Đơn giản
         <pre data-language="java">try {
@@ -4491,8 +3129,8 @@ catch(Exception ex) {
     ex.printStackTrace();
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-findById-JavaAsync">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-findById-JavaAsync">
     <div class="java-driver-snippet">
         Đơn giản
         <pre data-language="java">/// ---------------- JAVA 8 OR ANDROID API Level 24+ (Android 7+) ----------------
@@ -4579,9 +3217,9 @@ API.get{{EntityName}}().findByIdAsync(arg, {{entityName}} -> {
         "Detail: " + e.getDetail());
 });</pre>
     </div>
-</script>
+</div>
 
-<script type="text/mushroom-docs-template" id="template-codeSnippets-createOne-Javascript">
+<div class="mushroom-docs-template" id="template-codeSnippets-createOne-Javascript">
     <div class="js-driver-snippet">
         Tạo mới một {{entityName}}
         <pre data-language="javascript">const {{entityName}}_object = {
@@ -4594,8 +3232,8 @@ try {
     console.error("Có lỗi: %o", error);
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-createOne-JavascriptModel">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-createOne-JavascriptModel">
     <div class="js-model-snippet">
         Javascript UNDEFINED model
         <pre data-language="json">{{undefinedModel:html}}</pre>
@@ -4604,8 +3242,8 @@ try {
         Javascript NULL model
         <pre data-language="json">{{nullModel:html}}</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-createOne-CSharp">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-createOne-CSharp">
     <div class="csharp-driver-snippet">
         <p>Hỗ trợ: DotNet Framework 4.5+, DotNet Core 3.1+, Unity3D, Mono</p>
         Tạo mới một {{entityName}}
@@ -4629,8 +3267,8 @@ catch (Exception ex)
     Console.Write($"Error: {ex.Message}");
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-createOne-HTTP">
+</div>
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-createOne-HTTP">
     <div class="http-snippet">
         Tạo mới một {{entityName}}
         <pre data-language="http">POST {{rootUrlPath}}{{entityName}}s HTTP/1.1
@@ -4643,7 +3281,7 @@ Token: your token</span>
 }</pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-createOne-cURL">
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-createOne-cURL">
     <div class="curl-snippet">
         cURL
         <pre data-language="cURL">curl -X POST \
@@ -4660,7 +3298,7 @@ Token: your token</span>
   --data '{\n"fieldName": value\n}'</pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-createOne-Java">
+<div class="mushroom-docs-template" id="template-codeSnippets-createOne-Java">
     <div class="java-driver-snippet">
         Tạo mới một {{entityName}}
         <pre data-language="java">try {
@@ -4687,8 +3325,8 @@ catch(Exception ex) {
     ex.printStackTrace();
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-createOne-JavaAsync">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-createOne-JavaAsync">
     <div class="java-driver-snippet">
         Tạo mới một {{entityName}}
         <pre data-language="java">/// ---------------- JAVA 8 OR ANDROID API Level 24+ (Android 7+) ----------------
@@ -4740,9 +3378,9 @@ API.get{{EntityName}}().createAsync(arg, id -> {
     // do something with id and exception e
 });</pre>
     </div>
-</script>
+</div>
 
-<script type="text/mushroom-docs-template" id="template-codeSnippets-createMany-Javascript">
+<div class="mushroom-docs-template" id="template-codeSnippets-createMany-Javascript">
     <div class="js-driver-snippet">
         Tạo mới hàng loạt {{entityName}}
         <pre data-language="javascript">const arr = [];
@@ -4758,8 +3396,8 @@ try {
     console.error("Có lỗi: %o", error);
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-createMany-JavascriptModel">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-createMany-JavascriptModel">
     <div class="js-model-snippet">
         Javascript UNDEFINED model
         <pre data-language="json">{{undefinedModel:html}}</pre>
@@ -4768,8 +3406,8 @@ try {
         Javascript NULL model
         <pre data-language="json">{{nullModel:html}}</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-createMany-CSharp">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-createMany-CSharp">
     <div class="csharp-driver-snippet">
         <p>Hỗ trợ: DotNet Framework 4.5+, DotNet Core 3.1+, Unity3D, Mono</p>
         Tạo mới hàng loạt {{entityName}}
@@ -4798,8 +3436,8 @@ catch (Exception ex)
     Console.Write($"Error: {ex.Message}");
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-createMany-HTTP">
+</div>
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-createMany-HTTP">
     <div class="http-snippet">
         Tạo mới hàng loạt {{entityName}}
     <pre data-language="http">POST {{rootUrlPath}}{{entityName}}s HTTP/1.1
@@ -4815,7 +3453,7 @@ Token: your token</span>
 ]</pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-createMany-cURL">
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-createMany-cURL">
     <div class="curl-snippet">
         cURL
         <pre data-language="cURL">curl -X POST \
@@ -4836,7 +3474,7 @@ Token: your token</span>
   --data '[{\n"fieldName": value\n}]'</pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-createMany-Java">
+<div class="mushroom-docs-template" id="template-codeSnippets-createMany-Java">
     <div class="java-driver-snippet">
         Tạo mới hàng loạt {{entityName}}
         <pre data-language="java">try {
@@ -4865,8 +3503,8 @@ catch(Exception ex) {
     ex.printStackTrace();
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-createMany-JavaAsync">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-createMany-JavaAsync">
     <div class="java-driver-snippet">
         Tạo mới một {{entityName}}
         <pre data-language="java">/// ---------------- JAVA 8 OR ANDROID API Level 24+ (Android 7+) ----------------
@@ -4922,9 +3560,9 @@ API.get{{EntityName}}().batchCreateAsync(arg, ids -> {
     // do something with id and exception e
 });</pre>
     </div>
-</script>
+</div>
 
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updateOne-Javascript">
+<div class="mushroom-docs-template" id="template-codeSnippets-updateOne-Javascript">
     <div class="js-driver-snippet">
         Cập nhật một {{entityName}}
         <pre data-language="javascript">var {{entityName}}_object = {
@@ -4942,8 +3580,8 @@ try {
 }
 </pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updateOne-JavascriptModel">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-updateOne-JavascriptModel">
     <div class="js-model-snippet">
         Javascript UNDEFINED model
         <pre data-language="json">{{undefinedModel:html}}</pre>
@@ -4952,8 +3590,8 @@ try {
         Javascript NULL model
         <pre data-language="json">{{nullModel:html}}</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updateOne-CSharp">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-updateOne-CSharp">
     <div class="csharp-driver-snippet">
         <p>Hỗ trợ: DotNet Framework 4.5+, DotNet Core 3.1+, Unity3D, Mono</p>
         Cập nhật một {{entityName}}
@@ -4977,8 +3615,8 @@ catch (Exception ex)
     Console.Write($"Error: {ex.Message}");
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updateOne-HTTP">
+</div>
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-updateOne-HTTP">
     <div class="http-snippet">
         Cập nhật một {{entityName}}
         <pre data-language="http">PUT {{rootUrlPath}}{{entityName}}s/<span class="place-holder">id</span> HTTP/1.1
@@ -4992,7 +3630,7 @@ Token: your token</span>
 }</pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updateOne-cURL">
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-updateOne-cURL">
     <div class="curl-snippet">
         cURL
         <pre data-language="cURL">curl -X PUT \
@@ -5010,7 +3648,7 @@ Token: your token</span>
   --data '{\n"id": "<span class="place-holder">{{entityName}}_id</span>", "<span class="place-holder">fieldName</span>": <span class="place-holder">value</span>\n}'</pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updateOne-Java">
+<div class="mushroom-docs-template" id="template-codeSnippets-updateOne-Java">
     <div class="java-driver-snippet">
         Cập nhật một {{entityName}}
         <pre data-language="java">try {
@@ -5038,8 +3676,8 @@ catch(Exception ex) {
     ex.printStackTrace();
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updateOne-JavaAsync">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-updateOne-JavaAsync">
     <div class="java-driver-snippet">
         Tạo mới một {{entityName}}
                     <pre data-language="java">/// ---------------- JAVA 8 OR ANDROID API Level 24+ (Android 7+) ----------------
@@ -5093,9 +3731,9 @@ API.get{{EntityName}}().createAsync(arg, id -> {
     // do something with id and exception e
 });</pre>
     </div>
-</script>
+</div>
 
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updateMany-Javascript">
+<div class="mushroom-docs-template" id="template-codeSnippets-updateMany-Javascript">
     <div class="js-driver-snippet">
         Cập nhật hàng loạt {{entityName}}
         <pre data-language="javascript">const arr = [];
@@ -5111,8 +3749,8 @@ try {
     console.error("Có lỗi: %o", error);
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updateMany-JavascriptModel">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-updateMany-JavascriptModel">
     <div class="js-model-snippet">
         Javascript UNDEFINED model
         <pre data-language="json">{{undefinedModel:html}}</pre>
@@ -5121,8 +3759,8 @@ try {
         Javascript NULL model
         <pre data-language="json">{{nullModel:html}}</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updateMany-CSharp">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-updateMany-CSharp">
     <div class="csharp-driver-snippet">
         <p>Hỗ trợ: DotNet Framework 4.5+, DotNet Core 3.1+, Unity3D, Mono</p>
         Cập nhật hàng loạt {{entityName}}
@@ -5151,8 +3789,8 @@ catch (Exception ex)
     Console.Write($"Error: {ex.Message}");
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updateMany-HTTP">
+</div>
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-updateMany-HTTP">
     <div class="http-snippet">
         Cập nhật hàng loạt {{entityName}}
         <pre data-language="http">PUT {{rootUrlPath}}{{entityName}}s HTTP/1.1
@@ -5167,7 +3805,7 @@ Token: your token</span>
 ]</pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updateMany-cURL">
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-updateMany-cURL">
     <div class="curl-snippet">
         cURL
         <pre data-language="cURL">curl -X PUT \
@@ -5187,7 +3825,7 @@ Token: your token</span>
   --data '[{\n"fieldName": value\n}]'</pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updateMany-Java">
+<div class="mushroom-docs-template" id="template-codeSnippets-updateMany-Java">
     <div class="java-driver-snippet">
         Cập nhật hàng loạt {{entityName}}
         <pre data-language="java">try {
@@ -5216,8 +3854,8 @@ catch(Exception ex) {
     ex.printStackTrace();
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updateMany-JavaAsync">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-updateMany-JavaAsync">
     <div class="java-driver-snippet">
         Cập nhật hàng loạt {{entityName}}
         <pre data-language="java">/// ---------------- JAVA 8 OR ANDROID API Level 24+ (Android 7+) ----------------
@@ -5273,9 +3911,9 @@ API.get{{EntityName}}().batchUpdateAsync(arg, ids -> {
     // do something with id and exception e
 });</pre>
     </div>
-</script>
+</div>
 
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updatePartially-Javascript">
+<div class="mushroom-docs-template" id="template-codeSnippets-updatePartially-Javascript">
     <div class="js-driver-snippet">
         Cập nhật một phần {{entityName}}
         <pre data-language="javascript">const {{entityName}}_object = {
@@ -5293,8 +3931,8 @@ try {
     console.error("Có lỗi: %o", error);
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updatePartially-JavascriptModel">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-updatePartially-JavascriptModel">
     <div class="js-model-snippet">
         Javascript UNDEFINED model
         <pre data-language="json">{{undefinedModel:html}}</pre>
@@ -5303,8 +3941,8 @@ try {
         Javascript NULL model
         <pre data-language="json">{{nullModel:html}}</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updatePartially-CSharp">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-updatePartially-CSharp">
     <div class="csharp-driver-snippet">
         <p>Hỗ trợ: DotNet Framework 4.5+, DotNet Core 3.1+, Unity3D, Mono</p>
         Cập nhật một phần {{entityName}}
@@ -5330,8 +3968,8 @@ catch (Exception ex)
     Console.Write($"Error: {ex.Message}");
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updatePartially-HTTP">
+</div>
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-updatePartially-HTTP">
     <div class="http-snippet">
         Cập nhật một {{entityName}}
         <pre data-language="http">PATCH {{rootUrlPath}}{{entityName}}s/<span class="place-holder">id</span> HTTP/1.1
@@ -5345,7 +3983,7 @@ Token: your token</span>
 }</pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updatePartially-cURL">
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-updatePartially-cURL">
     <div class="curl-snippet">
         cURL
         <pre data-language="cURL">curl -X PATCH \
@@ -5363,7 +4001,7 @@ Token: your token</span>
   --data '{\n"id": "<span class="place-holder">{{entityName}}_id</span>", "<span class="place-holder">fieldName</span>": <span class="place-holder">value</span>\n}'</pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updatePartially-Java">
+<div class="mushroom-docs-template" id="template-codeSnippets-updatePartially-Java">
     <div class="java-driver-snippet">
         Cập nhật một {{entityName}}
         <pre data-language="java">try {
@@ -5391,8 +4029,8 @@ catch(Exception ex) {
     ex.printStackTrace();
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-updatePartially-JavaAsync">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-updatePartially-JavaAsync">
     <div class="java-driver-snippet">
         Tạo mới một {{entityName}}
         <pre data-language="java">/// ---------------- JAVA 8 OR ANDROID API Level 24+ (Android 7+) ----------------
@@ -5446,9 +4084,9 @@ API.get{{EntityName}}().createAsync(arg, id -> {
     // do something with id and exception e
 });</pre>
     </div>
-</script>
+</div>
 
-<script type="text/mushroom-docs-template" id="template-codeSnippets-deleteOne-Javascript">
+<div class="mushroom-docs-template" id="template-codeSnippets-deleteOne-Javascript">
     <div class="js-driver-snippet">
         Xóa một {{entityName}}
         <pre data-language="javascript">try {
@@ -5461,8 +4099,8 @@ catch (e) {
     console.error("Có lỗi: %o", e);
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-deleteOne-CSharp">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-deleteOne-CSharp">
     <div class="csharp-driver-snippet">
         <p>Hỗ trợ: DotNet Framework 4.5+, DotNet Core 3.1+, Unity3D, Mono</p>
         Xóa một {{entityName}}
@@ -5481,8 +4119,8 @@ catch (Exception ex)
     Console.Write($"Error: {ex.Message}");
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-deleteOne-HTTP">
+</div>
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-deleteOne-HTTP">
     <div class="http-snippet">
         Xóa nhật một {{entityName}}
         <pre data-language="http">DELETE {{rootUrlPath}}{{entityName}}s/<span class="place-holder">id</span> HTTP/1.1
@@ -5491,7 +4129,7 @@ Content-Type: application/json<span style="display: {{tokenDisplay}}">
 Token: your token</span></pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-deleteOne-cURL">
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-deleteOne-cURL">
     <div class="curl-snippet">
         cURL
         <pre data-language="cURL">curl -X DELETE \
@@ -5504,7 +4142,7 @@ Token: your token</span></pre>
   --header 'Token: your token' \</span></pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-deleteOne-Java">
+<div class="mushroom-docs-template" id="template-codeSnippets-deleteOne-Java">
     <div class="java-driver-snippet">
         Xóa một {{entityName}}
         <pre data-language="java">try {    
@@ -5527,8 +4165,8 @@ catch(Exception ex) {
     ex.printStackTrace();
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-deleteOne-JavaAsync">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-deleteOne-JavaAsync">
     <div class="java-driver-snippet">
         Xóa một {{entityName}}
         <pre data-language="java">/// ---------------- JAVA 8 OR ANDROID API Level 24+ (Android 7+) ----------------
@@ -5572,9 +4210,9 @@ API.get{{EntityName}}().deleteAsync(arg, count -> {
     // do something with id and exception e
 });</pre>
     </div>
-</script>
+</div>
 
-<script type="text/mushroom-docs-template" id="template-codeSnippets-deleteMany-Javascript">
+<div class="mushroom-docs-template" id="template-codeSnippets-deleteMany-Javascript">
     <div class="js-driver-snippet">
         Xóa hàng loại hàng loạt {{entityName}}
         <pre data-language="javascript">const ids = [];
@@ -5591,8 +4229,8 @@ catch (e) {
     console.error("Có lỗi: %o", e);
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-deleteMany-CSharp">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-deleteMany-CSharp">
     <div class="csharp-driver-snippet">
         <p>Hỗ trợ: DotNet Framework 4.5+, DotNet Core 3.1+, Unity3D, Mono</p>
         Xóa hàng loạt {{entityName}}
@@ -5614,8 +4252,8 @@ catch (Exception ex)
     Console.Write($"Error: {ex.Message}");
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-deleteMany-HTTP">
+</div>
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-deleteMany-HTTP">
     <div class="http-snippet">
         Xóa nhật một {{entityName}}
         <pre data-language="http">DELETE {{rootUrlPath}}{{entityName}}s/<span class="place-holder">id</span> HTTP/1.1
@@ -5626,7 +4264,7 @@ Token: your token</span>
 [id1, id2, idn]</pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-deleteMany-cURL">
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-deleteMany-cURL">
     <div class="curl-snippet">
         cURL
         <pre data-language="cURL">curl -X DELETE \
@@ -5641,7 +4279,7 @@ Token: your token</span>
   --data '[id1, id2, idn]'</pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-deleteMany-Java">
+<div class="mushroom-docs-template" id="template-codeSnippets-deleteMany-Java">
     <div class="java-driver-snippet">
         Xóa hàng loạt {{entityName}}
         <pre data-language="java">try {
@@ -5666,8 +4304,8 @@ catch(Exception ex) {
     ex.printStackTrace();
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-deleteMany-JavaAsync">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-deleteMany-JavaAsync">
     <div class="java-driver-snippet">
         Xóa hàng loạt {{entityName}}
         <pre data-language="java">/// ---------------- JAVA 8 OR ANDROID API Level 24+ (Android 7+) ----------------
@@ -5715,9 +4353,9 @@ API.get{{EntityName}}().deleteAsync(arg, count -> {
     // do something with id and exception e
 });</pre>
     </div>
-</script>
+</div>
 
-<script type="text/mushroom-docs-template" id="template-codeSnippets-generalAction-Javascript">
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-generalAction-Javascript">
     <div class="js-driver-snippet">
         Code tham khảo:
         <pre data-language="javascript">try {
@@ -5735,7 +4373,7 @@ API.get{{EntityName}}().deleteAsync(arg, count -> {
 }</pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-generalAction-CSharp">
+<div class="mushroom-docs-template" id="template-codeSnippets-generalAction-CSharp">
     <div class="csharp-driver-snippet">
         <p>Hỗ trợ: DotNet Framework 4.5+, DotNet Core 3.1+, Unity3D, Mono</p>
         Code tham khảo:
@@ -5753,8 +4391,8 @@ catch (Exception ex)
     Console.Write($"Error: {ex.Message}");
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-generalAction-HTTP">
+</div>
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-generalAction-HTTP">
     <div class="http-snippet">
         Code tham khảo:
         <pre data-language="http">{{httpMethod}} {{rootUrlPath}}{{entityName}}s/{{httpMethod}}<span class="place-holder">?param1=value1&amp;param2=value2</span> HTTP/1.1
@@ -5781,7 +4419,7 @@ Token: your token</span></span>
 </pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-generalAction-cURL">
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-generalAction-cURL">
     <div class="curl-snippet">
         cURL
         <pre data-language="cURL">curl -X {{httpMethod}} \
@@ -5797,7 +4435,7 @@ Token: your token</span></span>
   --data 'BODY DATA IF ANY'</pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-generalAction-Java">
+<div class="mushroom-docs-template" id="template-codeSnippets-generalAction-Java">
     <div class="java-driver-snippet">
         Code tham khảo:
         <pre data-language="java">try {
@@ -5821,8 +4459,8 @@ catch(Exception ex) {
     ex.printStackTrace();
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-generalAction-JavaAsync">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-generalAction-JavaAsync">
     <div class="java-driver-snippet">
         Code tham khảo:
         <pre data-language="java">/// ---------------- JAVA 8 OR ANDROID API Level 24+ (Android 7+) ----------------
@@ -5867,9 +4505,9 @@ API.get{{EntityName}}().{{methodName}}Async(arg, result -> {
     // do something with id and exception e
 });</pre>
     </div>
-</script>
+</div>
 
-<script type="text/mushroom-docs-template" id="template-codeSnippets-view-Javascript">
+<div class="mushroom-docs-template" id="template-codeSnippets-view-Javascript">
     <div class="js-driver-snippet">
         Code tham khảo:
         <pre data-language="javascript">try {
@@ -5880,8 +4518,8 @@ catch (e) {
     console.error("Có lỗi: %o", e);
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-view-JavascriptModel">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-view-JavascriptModel">
     <div class="js-driver-snippet">
         Javascript UNDEFINED model
         <pre data-language="json">{{undefinedModel:html}}</pre>
@@ -5890,8 +4528,8 @@ catch (e) {
         Javascript NULL model
         <pre data-language="json">{{nullModel:html}}</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-view-CSharp">
+</div>
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-view-CSharp">
     <div class="csharp-driver-snippet">
         <p>Hỗ trợ: DotNet Framework 4.5+, DotNet Core 3.1+, Unity3D, Mono</p>
         Code tham khảo:
@@ -5914,7 +4552,7 @@ catch (Exception ex)
 }</pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-view-HTTP">
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-view-HTTP">
     <div class="http-snippet">
         <pre data-language="http">GET {{rootUrlPath}}{{entityName}}s/views/{{viewName}}{{parameters:html}} HTTP/1.1
 Host: {{domain}}
@@ -5922,7 +4560,7 @@ Content-Type: application/json<span style="display: {{tokenDisplay}}">
 Token: your token</span></pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-view-cURL">
+<script type="text/mushroom-docs-template" class="mushroom-docs-template" id="template-codeSnippets-view-cURL">
     <div class="curl-snippet">
         cURL
         <pre data-language="cURL">curl -X GET \
@@ -5935,7 +4573,7 @@ Token: your token</span></pre>
   --header 'Token: your token'</span></pre>
     </div>
 </script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-view-Java">
+<div class="mushroom-docs-template" id="template-codeSnippets-view-Java">
     <div class="java-driver-snippet">
         Code tham khảo:
         <pre data-language="java">try {    
@@ -5959,8 +4597,8 @@ catch(Exception ex) {
     ex.printStackTrace();
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-codeSnippets-view-JavaAsync">
+</div>
+<div class="mushroom-docs-template" id="template-codeSnippets-view-JavaAsync">
     <div class="java-driver-snippet">
         Code tham khảo:
         <pre data-language="java">/// ---------------- JAVA 8 OR ANDROID API Level 24+ (Android 7+) ----------------
@@ -6006,17 +4644,17 @@ API.get{{EntityName}}().getViews().{{viewName}}Async(arg, result -> {
     // do something with result and exception e
 });</pre>
     </div>
-</script>
+</div>
 
-<script type="text/mushroom-docs-template" id="template-findMany-vn_text-channel">
+<div class="mushroom-docs-template" id="template-findMany-vn_text-channel">
     <li>Cho phép tìm kiếm theo kênh <code>{{name}}</code> trên (các) trường: <code class="separated-items" >{{htmlFields:html}}</code></li>
-</script>
-<script type="text/mushroom-docs-template" id="template-findMany-sorting">
+</div>
+<div class="mushroom-docs-template" id="template-findMany-sorting">
     <li>
         <code>{{field}}</code>: {{sortType}}
     </li>
-</script>
-<script type="text/mushroom-docs-template" id="template-findMany-paging">
+</div>
+<div class="mushroom-docs-template" id="template-findMany-paging">
     <h4>Phân trang dữ liệu</h4>
     <div>
         Kiểu phân trang: <code>{{strPagingType}}</code>
@@ -6035,8 +4673,8 @@ API.get{{EntityName}}().getViews().{{viewName}}Async(arg, result -> {
     }
 }</pre>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-findMany-cache">
+</div>
+<div class="mushroom-docs-template" id="template-findMany-cache">
     <h4>Cache</h4>
     <div>
         Server: <code>{{serverPolicy}}</code>
@@ -6044,9 +4682,9 @@ API.get{{EntityName}}().getViews().{{viewName}}Async(arg, result -> {
     <div>
         Client: <code>{{clientPolicy}}</code>
     </div>
-</script>
+</div>
 
-<script type="text/mushroom-docs-template" id="template-findMany">
+<div class="mushroom-docs-template" id="template-findMany">
     <div class="deny-roles">
         <h4>Phân quyền</h4>
         Từ chối truy cập khi quyền người dùng thỏa điều kiện: <code>{{explainedDenyRoles}}</code>
@@ -6100,8 +4738,8 @@ API.get{{EntityName}}().getViews().{{viewName}}Async(arg, result -> {
         <h4>Thông tin thêm</h4>
         <p>{{description}}</p>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-findById">
+</div>
+<div class="mushroom-docs-template" id="template-findById">
     <div class="deny-roles">
         <h4>Phân quyền</h4>
         Từ chối truy cập khi quyền người dùng thỏa điều kiện: <code>{{explainedDenyRoles}}</code>
@@ -6123,8 +4761,8 @@ API.get{{EntityName}}().getViews().{{viewName}}Async(arg, result -> {
         <h4>Thông tin thêm</h4>
         <p>{{description}}</p>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-createOne">
+</div>
+<div class="mushroom-docs-template" id="template-createOne">
     <div class="deny-roles">
         <h4>Phân quyền</h4>
         Từ chối truy cập khi quyền người dùng thỏa điều kiện: <code>{{explainedDenyRoles}}</code>
@@ -6156,8 +4794,8 @@ API.get{{EntityName}}().getViews().{{viewName}}Async(arg, result -> {
         <h4>Thông tin thêm</h4>
         <p>{{description}}</p>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-createMany">
+</div>
+<div class="mushroom-docs-template" id="template-createMany">
     <div class="deny-roles">
         <h4>Phân quyền</h4>
         Từ chối truy cập khi quyền người dùng thỏa điều kiện: <code>{{explainedDenyRoles}}</code>
@@ -6186,8 +4824,8 @@ API.get{{EntityName}}().getViews().{{viewName}}Async(arg, result -> {
         <h4>Thông tin thêm</h4>
         <p>{{description}}</p>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-updateOne">
+</div>
+<div class="mushroom-docs-template" id="template-updateOne">
     <div class="deny-roles">
         <h4>Phân quyền</h4>
         Từ chối truy cập khi quyền người dùng thỏa điều kiện: <code>{{explainedDenyRoles}}</code>
@@ -6213,8 +4851,8 @@ API.get{{EntityName}}().getViews().{{viewName}}Async(arg, result -> {
         <h4>Thông tin thêm</h4>
         <p>{{description}}</p>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-updateMany">
+</div>
+<div class="mushroom-docs-template" id="template-updateMany">
     <div class="deny-roles">
         <h4>Phân quyền</h4>
         Từ chối truy cập khi quyền người dùng thỏa điều kiện: <code>{{explainedDenyRoles}}</code>
@@ -6240,8 +4878,8 @@ API.get{{EntityName}}().getViews().{{viewName}}Async(arg, result -> {
         <h4>Thông tin thêm</h4>
         <p>{{description}}</p>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-updatePartially">
+</div>
+<div class="mushroom-docs-template" id="template-updatePartially">
     <div class="deny-roles">
         <h4>Phân quyền</h4>
         Từ chối truy cập khi quyền người dùng thỏa điều kiện: <code>{{explainedDenyRoles}}</code>
@@ -6273,8 +4911,8 @@ API.get{{EntityName}}().getViews().{{viewName}}Async(arg, result -> {
         <h4>Thông tin thêm</h4>
         <p>{{description}}</p>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-deleteOne">
+</div>
+<div class="mushroom-docs-template" id="template-deleteOne">
     <div class="deny-roles">
         <h4>Phân quyền</h4>
         Từ chối truy cập khi quyền người dùng thỏa điều kiện: <code>{{explainedDenyRoles}}</code>
@@ -6296,8 +4934,8 @@ API.get{{EntityName}}().getViews().{{viewName}}Async(arg, result -> {
         <h4>Thông tin thêm</h4>
         <p>{{description}}</p>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-deleteMany">
+</div>
+<div class="mushroom-docs-template" id="template-deleteMany">
     <div class="deny-roles">
         <h4>Phân quyền</h4>
         Từ chối truy cập khi quyền người dùng thỏa điều kiện: <code>{{explainedDenyRoles}}</code>
@@ -6323,8 +4961,8 @@ API.get{{EntityName}}().getViews().{{viewName}}Async(arg, result -> {
         <h4>Thông tin thêm</h4>
         <p>{{description}}</p>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-generalAction">
+</div>
+<div class="mushroom-docs-template" id="template-generalAction">
     <div class="deny-roles">
         <h4>Phân quyền</h4>
         Từ chối truy cập khi quyền người dùng thỏa điều kiện: <code>{{explainedDenyRoles}}</code>
@@ -6341,10 +4979,10 @@ API.get{{EntityName}}().getViews().{{viewName}}Async(arg, result -> {
         <h4>Request body</h4>
         <pre class="request-body-model"></pre>
     </div>
-</script>
+</div>
 
 
-<script type="text/mushroom-docs-template" id="template-project-entity-views">
+<div class="mushroom-docs-template" id="template-project-entity-views">
     <div class="actions">
         <div class="panel panel-primary" id="action-{{entityName}}-views-{{viewName}}">
             <div class="panel-heading" onclick="renderEntityView.call(this, '{{entityName}}', '{{viewName}}'); toggleParentClass.call(this)" data-toggled-class="show" data-hash="{{entityName}}.views.{{viewName}}">
@@ -6358,19 +4996,19 @@ API.get{{EntityName}}().getViews().{{viewName}}Async(arg, result -> {
             </div>
         </div>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-project-entity-view-role">
+</div>
+<div class="mushroom-docs-template" id="template-project-entity-view-role">
     <li role="presentation"><a onclick="renderEntityViewRolePage.call(this, '{{entityName}}', '{{viewName}}', '{{grant}}'); activeRoleTab.call(this)" data-role="{{grant}}">{{explainedRole}}</a></li>
-</script>
-<script type="text/mushroom-docs-template" id="template-project-entity-view-page">
+</div>
+<div class="mushroom-docs-template" id="template-project-entity-view-page">
     <div class="tab-page" data-role="{{grant}}"></div>
-</script>
-<script type="text/mushroom-docs-template" id="template-view-parameters">
+</div>
+<div class="mushroom-docs-template" id="template-view-parameters">
     <li>
         <b>{{field}}</b>: {{type}}, {{required}}{{defaultValue}} - {{description}}
     </li>
-</script>
-<script type="text/mushroom-docs-template" id="template-view">
+</div>
+<div class="mushroom-docs-template" id="template-view">
     <div class="description">
         <h4>Mô tả</h4>
         <span>{{description}}</span>
@@ -6394,205 +5032,16 @@ API.get{{EntityName}}().getViews().{{viewName}}Async(arg, result -> {
             <pre>{{outputEmptyResult}}</pre>
         </div>
     </div>
-</script>
-<script type="text/mushroom-docs-template" id="template-project-entity-view-page-codeSnippets">
+</div>
+<div class="mushroom-docs-template" id="template-project-entity-view-page-codeSnippets">
     <div class="driver-snippet">
         <h4>Code mẫu</h4>
         <ul class="nav nav-tabs">{{codeSnippetTabHeaders:html}}</ul>
         <div class="tab-pages">{{codeSnippetTabPages:html}}</div>
     </div>
-</script>
-
-<script type="text/javascript">
-    function toggleParentClass() {
-        const clazz = $(this).data("toggledClass");
-        $(this).parent().toggleClass(clazz);
-        var hash = $(this).data("hash");
-        if (hash) {
-            location.hash = hash;
-        }
-        const computedStyle = getComputedStyle(this);
-        let stickyTop = 0;
-        if (computedStyle.position === "sticky") {
-            stickyTop = parseInt(computedStyle.top);
-            if (isNaN(stickyTop)) stickyTop = 0;
-        }
-
-        if (!$(this).parent().hasClass(clazz)) {
-            const b = document.body; //IE 'quirks'
-            let d = document.documentElement; //IE with doctype
-            d = (d.clientHeight) ? d : b;
-
-            if (parseInt(d.scrollTop) > this.offsetTop - stickyTop)
-                window.scrollTo(0, this.offsetTop - stickyTop);
-        }
-    }
-
-    function activeRoleTab() {
-        var role = $(this).data("role");
-        $(this).parent().parent().find(".active").removeClass("active");
-        $(this).parent().addClass("active");
-        $(this).parent().parent().parent().find("> .tab-pages > .tab-page").removeClass("active").filter(function () {
-            return $(this).data("role") === role;
-        }).addClass("active");
-    }
-
-    function activeFirstChild() {
-        let dom = this;
-        dom = dom.children.length && dom.children[0];
-        if (!dom) return;
-        dom = dom.children.length && dom.children[0];
-        if (!dom) return;
-        dom.onclick && dom.onclick();
-    }
-
-    function gotoHash() {
-        if (!location.hash) return;
-
-        const m = location.hash.match(/^#(\$[\w-]+|\w+)(\.((views\.)?\w+))?$/);
-        if (!m) return;
-
-        const cardSelector = m[1].charAt(0) === "$" ? "#extension-" + m[1].substr(1) : "#entity-" + m[1];
-        let dom = document.querySelector(cardSelector);
-        if (!dom) return;
-
-        let top = dom.offsetTop;
-        dom = dom.firstElementChild;
-        if (!dom) return;
-        dom.onclick && dom.onclick();
-        let computedStyle = getComputedStyle(dom);
-        let stickyTop = 0;
-        if (computedStyle.position === "sticky") {
-            stickyTop = parseInt(computedStyle.top);
-            if (isNaN(stickyTop)) stickyTop = 0;
-        }
-        window.scrollTo(0, top - stickyTop);
-        
-
-        if (!m[3]) return;
-        
-        const panelSelector = m[1].charAt(0) === "$"
-            ? "#extension-" + m[1].substr(1) + "-" + m[3].replace(/[.]/g, "-")
-            : "#action-" + m[1] + "-" + m[3].replace(/[.]/g, "-");
-        dom = document.querySelector(panelSelector);
-        if (!dom) return;
-
-        top = dom.offsetTop;
-        dom = dom.firstElementChild;
-        if (!dom) return;
-        dom.onclick && dom.onclick();
-        computedStyle = getComputedStyle(dom);
-        stickyTop = 0;
-        if (computedStyle.position === "sticky") {
-            stickyTop = parseInt(computedStyle.top);
-            if (isNaN(stickyTop)) stickyTop = 0;
-        }
-        window.scrollTo(0, top - stickyTop);
-    }
-
-    function copied() {
-        const dom = document.querySelector("#copied");
-        if (!dom) return;
-
-        dom.classList.add("show");
-        setTimeout(() => dom.classList.remove("show"), 1000);
-    }
-
-    function initDom(dom) {
-        $("pre[data-language]", dom).each(function() {
-            const holder = document.createElement("div");
-            holder.className = "command-bar";
-            const copyButton = document.createElement("a");
-            copyButton.innerHTML = "Copy";
-            holder.appendChild(copyButton);
-            $(this).prepend(holder);
-            copyButton.onclick = function() {
-                if (location.protocol !== 'https:' && location.protocol !== 'file:') {
-                    alert("Can not copy, please use https protocol!");
-                    return;
-                }
-                const pre = $(this).parent().parent();
-                const commandBar = $(this).parent().detach();
-                try {
-                    if (window.ClipboardItem) {
-                        const content = pre.text();
-                        const blob = new Blob([content], { type: "text/plain" });
-                        const text = new ClipboardItem({ "text/plain": blob });
-                        navigator.clipboard.write([text]);
-                    }
-                    else {
-                        if (document.body.createTextRange) {
-                            const range = document.body.createTextRange();
-                            range.moveToElementText(pre[0]);
-                            range.select();
-                        } else if (window.getSelection) {
-                            const selection = window.getSelection();
-                            const range = document.createRange();
-                            range.selectNodeContents(pre[0]);
-                            selection.removeAllRanges();
-                            selection.addRange(range);
-                        }
-                        document.execCommand("copy");
-                    }
-                }
-                finally {
-                    pre.prepend(commandBar);
-                }
+</div>
 
-                copied();
-            }
-        });
-
-        $("pre[data-language=json] .command-bar", dom).each(function() {
-            const copyButton = document.createElement("a");
-            copyButton.innerHTML = "Copy (without comment)";
-            $(this).prepend(copyButton);
-            copyButton.onclick = function() {
-                if (location.protocol !== 'https:' && location.protocol !== 'file:') {
-                    alert("Can not copy, please use https protocol!");
-                    return;
-                }
-                const pre = $(this).parent().parent();
-                const commandBar = $(this).parent().detach();
-                pre.find(".code-comment").each(function() {
-                    this.dataset.innerHTML = this.innerHTML;
-                    this.innerHTML = "";
-                });
-                try {
-                    if (window.ClipboardItem) {
-                        const content = pre.text();
-                        const blob = new Blob([content], { type: "text/plain" });
-                        const text = new ClipboardItem({ "text/plain": blob });
-                        navigator.clipboard.write([text]);
-                    }
-                    else {
-                        if (document.body.createTextRange) {
-                            const range = document.body.createTextRange();
-                            range.moveToElementText(pre[0]);
-                            range.select();
-                        } else if (window.getSelection) {
-                            const selection = window.getSelection();
-                            const range = document.createRange();
-                            range.selectNodeContents(pre[0]);
-                            selection.removeAllRanges();
-                            selection.addRange(range);
-                        }
-                        document.execCommand("copy");
-                    }
-                }
-                finally {
-                    pre.prepend(commandBar);
-                    pre.find(".code-comment").each(function() {
-                        this.innerHTML = this.dataset.innerHTML;
-                        delete this.dataset.innerHTML;
-                    });
-                }
-                
-                copied();
-            }
-        });
-    }
-</script>
+<script id="INJECT-JAVASCRIPT-HERE"></script>
 <script type="text/javascript">
     (() => {
         if (!window.docs) {
@@ -6600,6 +5049,7 @@ API.get{{EntityName}}().getViews().{{viewName}}Async(arg, result -> {
             document.title = document.body.innerHTML = "Empty document.";
             return;
         }
+        populateTemplates();
         renderInfo();
         renderEnvironmentVariables();
         renderExtensionAuth();