Add project files.
This commit is contained in:
login
676
SysApp/wwwroot/js/libs/js-core.js
Normal file
676
SysApp/wwwroot/js/libs/js-core.js
Normal file
@ -0,0 +1,676 @@
|
||||
|
||||
window.AScript = new Map();
|
||||
window.isTouchAvailable = 'ontouchstart' in window ||
|
||||
window.DocumentTouch && document instanceof window.DocumentTouch ||
|
||||
navigator.maxTouchPoints > 0 ||
|
||||
window.navigator.msMaxTouchPoints > 0
|
||||
|
||||
if (Node.prototype.appendChildren === undefined) {
|
||||
Node.prototype.appendChildren = function () {
|
||||
let children = [...arguments];
|
||||
|
||||
if (
|
||||
children.length == 1 &&
|
||||
Object.prototype.toString.call(children[0]) === "[object Array]"
|
||||
) {
|
||||
children = children[0];
|
||||
}
|
||||
var documentFragment = document.createDocumentFragment();
|
||||
children.forEach(c => documentFragment.appendChild(c));
|
||||
this.appendChild(documentFragment);
|
||||
};
|
||||
}
|
||||
if (Node.prototype.removeAll === undefined) {
|
||||
Node.prototype.removeAll = function () {
|
||||
while (this.firstChild) this.removeChild(this.lastChild);
|
||||
};
|
||||
}
|
||||
if (NodeList.prototype.removeAll === undefined) {
|
||||
NodeList.prototype.removeAll = function () {
|
||||
for (var i = this.length - 1; i >= 0; i--) {
|
||||
this[i].remove();
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
if (Array.prototype.hasItem === undefined) {
|
||||
Array.prototype.hasItem = function (o, callback) {
|
||||
var f = false;
|
||||
this.forEach(e => {
|
||||
if (callback(e, o)) {
|
||||
f = true;
|
||||
return;
|
||||
}
|
||||
});
|
||||
return f;
|
||||
}
|
||||
}
|
||||
|
||||
if (Array.prototype.removeItem === undefined) {
|
||||
Array.prototype.removeItem = function (o, callback) {
|
||||
var f = false;
|
||||
this.forEach((e, i) => {
|
||||
if (callback(e, o)) {
|
||||
delete this[i];
|
||||
this.splice(i, 1);
|
||||
}
|
||||
});
|
||||
return f;
|
||||
}
|
||||
}
|
||||
|
||||
window.getOS = function () {
|
||||
var userAgent = window.navigator.userAgent,
|
||||
platform = window.navigator.platform,
|
||||
macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'],
|
||||
windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'],
|
||||
iosPlatforms = ['iPhone', 'iPad', 'iPod'],
|
||||
os = null;
|
||||
|
||||
if (macosPlatforms.indexOf(platform) !== -1) {
|
||||
os = 'Mac OS';
|
||||
} else if (iosPlatforms.indexOf(platform) !== -1) {
|
||||
os = 'iOS';
|
||||
} else if (windowsPlatforms.indexOf(platform) !== -1) {
|
||||
os = 'Windows';
|
||||
} else if (/Android/.test(userAgent)) {
|
||||
os = 'Android';
|
||||
} else if (!os && /Linux/.test(platform)) {
|
||||
os = 'Linux';
|
||||
}
|
||||
|
||||
return os;
|
||||
}
|
||||
|
||||
window.GetAbsoluteURL = function (relativeURL) {
|
||||
return window.location.origin + relativeURL;
|
||||
}
|
||||
|
||||
window.GetEventType = function () {
|
||||
if (isTouchAvailable) {
|
||||
return "touchend";
|
||||
} else {
|
||||
return "click";
|
||||
}
|
||||
}
|
||||
window.fireEvent = function (element, event) {
|
||||
if (document.createEventObject) {
|
||||
// dispatch for IE
|
||||
var evt = document.createEventObject();
|
||||
return element.fireEvent('on' + event, evt)
|
||||
}
|
||||
else {
|
||||
// dispatch for firefox + others
|
||||
var evt = document.createEvent("HTMLEvents");
|
||||
evt.initEvent(event, true, true); // event type,bubbling,cancelable
|
||||
return !element.dispatchEvent(evt);
|
||||
}
|
||||
}
|
||||
window.requestTimeout = function (fn, delay, registerCancel = () => { }) {
|
||||
const start = new Date().getTime();
|
||||
|
||||
const loop = () => {
|
||||
const delta = new Date().getTime() - start;
|
||||
|
||||
if (delta >= delay) {
|
||||
fn();
|
||||
registerCancel(function () { });
|
||||
return;
|
||||
}
|
||||
|
||||
const raf = requestAnimationFrame(loop);
|
||||
registerCancel(() => cancelAnimationFrame(raf));
|
||||
};
|
||||
|
||||
const raf = requestAnimationFrame(loop);
|
||||
registerCancel(() => cancelAnimationFrame(raf));
|
||||
};
|
||||
|
||||
|
||||
|
||||
window.formatDateToString = function (date) {
|
||||
var dd = (date.getDay() < 10 ? '0' : '') + date.getDay();
|
||||
var MM = ((date.getMonth() + 1) < 10 ? '0' : '') + (date.getMonth() + 1);
|
||||
var yyyy = date.getFullYear();
|
||||
var hh = (date.getHours() < 10 ? '0' : '') + date.getHours();
|
||||
var mm = (date.getMinutes() < 10 ? '0' : '') + date.getMinutes();
|
||||
var ss = (date.getSeconds() < 10 ? '0' : '') + date.getSeconds();
|
||||
return (dd + "-" + MM + "-" + yyyy + " " + hh + ":" + mm + ":" + ss);
|
||||
}
|
||||
window.padLeadingZeros = function (num, size) {
|
||||
var s = num + "";
|
||||
while (s.length < size) s = "0" + s;
|
||||
return s;
|
||||
}
|
||||
window.AddFormData = function (frm, name, val) {
|
||||
if (frm.has(name)) {
|
||||
frm.set(name, val); v
|
||||
} else {
|
||||
frm.append(name, val);
|
||||
}
|
||||
}
|
||||
|
||||
window.checkViewHeight = function () {
|
||||
let vh = window.innerHeight * 0.01;
|
||||
document.documentElement.style.setProperty('--vh', `${vh}px`);
|
||||
}
|
||||
window.checkViewHeight();
|
||||
window.addEventListener('resize', () => {
|
||||
window.checkViewHeight();
|
||||
});
|
||||
window.AObject = class {
|
||||
constructor() {
|
||||
this.listeners = new Map();
|
||||
this.onceListeners = new Map();
|
||||
this.triggerdLabels = new Map();
|
||||
this.stackEvent = Array.from([]);
|
||||
}
|
||||
|
||||
// help-function for onReady and onceReady
|
||||
// the callbackfunction will execute,
|
||||
// if the label has already been triggerd with the last called parameters
|
||||
_fCheckPast(label, callback) {
|
||||
if (this.triggerdLabels.has(label)) {
|
||||
callback(this.triggerdLabels.get(label));
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
// execute the callback everytime the label is trigger
|
||||
on(label, callback, checkPast = false) {
|
||||
this.listeners.has(label) || this.listeners.set(label, []);
|
||||
this.listeners.get(label).push(callback);
|
||||
|
||||
if (checkPast)
|
||||
this._fCheckPast(label, callback);
|
||||
|
||||
}
|
||||
|
||||
// execute the callback everytime the label is trigger
|
||||
// check if the label had been already called
|
||||
// and if so excute the callback immediately
|
||||
onReady(label, callback) {
|
||||
this.on(label, callback, true);
|
||||
}
|
||||
|
||||
// execute the callback onetime the label is trigger
|
||||
once(label, callback, checkPast = false) {
|
||||
this.onceListeners.has(label) || this.onceListeners.set(label, []);
|
||||
if (!(checkPast && this._fCheckPast(label, callback))) {
|
||||
// label wurde nocht nicht aufgerufen und
|
||||
// der callback in _fCheckPast nicht ausgeführt
|
||||
this.onceListeners.get(label).push(callback);
|
||||
}
|
||||
}
|
||||
// execute the callback onetime the label is trigger
|
||||
// or execute the callback if the label had been called already
|
||||
onceReady(label, callback) {
|
||||
this.once(label, callback, true);
|
||||
}
|
||||
|
||||
// remove the callback for a label
|
||||
off(label, callback = true) {
|
||||
if (callback === true) {
|
||||
// remove listeners for all callbackfunctions
|
||||
this.listeners.delete(label);
|
||||
this.onceListeners.delete(label);
|
||||
} else {
|
||||
// remove listeners only with match callbackfunctions
|
||||
let _off = (inListener) => {
|
||||
let listeners = inListener.get(label);
|
||||
if (listeners) {
|
||||
inListener.set(label, listeners.filter((value) => !(value === callback)));
|
||||
}
|
||||
};
|
||||
_off(this.listeners);
|
||||
_off(this.onceListeners);
|
||||
}
|
||||
}
|
||||
|
||||
// trigger the event with the label
|
||||
trigger(label, ...args) {
|
||||
let res = false;
|
||||
this.triggerdLabels.set(label, ...args); // save all triggerd labels for onready and onceready
|
||||
let _trigger = (inListener, label, ...args) => {
|
||||
let listeners = inListener.get(label);
|
||||
if (listeners && listeners.length) {
|
||||
listeners.forEach((listener) => {
|
||||
|
||||
listener(...args);
|
||||
});
|
||||
res = true;
|
||||
}
|
||||
};
|
||||
_trigger(this.onceListeners, label, ...args);
|
||||
_trigger(this.listeners, label, ...args);
|
||||
this.onceListeners.delete(label); // callback for once executed, so delete it.
|
||||
return res;
|
||||
}
|
||||
dispose() {
|
||||
for (var i = this.stackEvent.length - 1; i >= 0; i -= 1) {
|
||||
var e = this.stackEvent[i];
|
||||
e.element.removeEventListener(e.event, e.callback, false);
|
||||
this.stackEvent.splice(i, 1);
|
||||
}
|
||||
}
|
||||
//this.stackEvent.push({ "event": "click", "callback": k, "element": c, "parent": null });
|
||||
removeEvent(a) {
|
||||
for (var i = this.stackEvent.length - 1; i >= 0; i -= 1) {
|
||||
var e = this.stackEvent[i];
|
||||
if (e.element == a) {
|
||||
e.element.removeEventListener(e.event, e.callback, false);
|
||||
this.stackEvent.splice(i, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
removeEventParent(a) {
|
||||
for (var i = this.stackEvent.length - 1; i >= 0; i -= 1) {
|
||||
var e = this.stackEvent[i];
|
||||
if (e.parent == a) {
|
||||
e.element.removeEventListener(e.event, e.callback, false);
|
||||
this.stackEvent.splice(i, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
removeAllChildNodes(parent) {
|
||||
while (parent.firstChild) {
|
||||
parent.removeChild(parent.firstChild);
|
||||
}
|
||||
}
|
||||
cloneNodes(elmS, elmD) {
|
||||
var childs = elmS.childNodes;
|
||||
for (var i = 0; i < childs.length; i++) {
|
||||
elmD.appendChild(childs[i].cloneNode(true));
|
||||
}
|
||||
}
|
||||
}
|
||||
class LoadScriptAsync extends window.AObject {
|
||||
constructor(type) {
|
||||
super();
|
||||
this.type = type;
|
||||
this.listCurrent = new Map();
|
||||
this.stackScript = [];
|
||||
this.jsLib = document.querySelector("section[app-js-lib]");
|
||||
this.jsPage = document.querySelector("section[app-js-page]");
|
||||
this.count = 0;
|
||||
}
|
||||
getScripts() {
|
||||
document.querySelectorAll("section [js-lib]").forEach(el => {
|
||||
|
||||
if (!el.hasAttribute("checked")) {
|
||||
this.listCurrent.set(el.src.split(/(\\|\/)/g).pop(), { "el": el.src, "status": "0" });
|
||||
el.setAttribute("checked", "");
|
||||
}
|
||||
});
|
||||
}
|
||||
processScript(doc) {
|
||||
if (typeof doc.childNodes === "undefined") {
|
||||
return;
|
||||
}
|
||||
this.stackScript = [];
|
||||
this.listCurrent = new Map();
|
||||
this.getScripts();
|
||||
for (var i = 0; i < doc.childNodes.length; i++) {
|
||||
var n = doc.childNodes[i];
|
||||
if (n.getAttribute("js-page") != null) {
|
||||
this.stackScript.push({ "el": n });
|
||||
}
|
||||
if (n.getAttribute("js-lib") != null) {
|
||||
if (this.checkExist(n)) {
|
||||
continue;
|
||||
}
|
||||
var src = n.getAttribute("src");
|
||||
this.jsLib.appendChild(this.createScriptTag(n));
|
||||
this.listCurrent.set(src.split(/(\\|\/)/g).pop(), { "el": src, "status": "0" });
|
||||
}
|
||||
}
|
||||
|
||||
window.requestTimeout(this.checkLoaded.bind(this), 10, window.registerCancel);
|
||||
}
|
||||
checkLoaded(depend) {
|
||||
this.listCurrent.forEach((v, k, m) => {
|
||||
var tn = k.substring(0, k.length - 3);
|
||||
if (window.AScript.has(tn)) {
|
||||
this.listCurrent.delete(k);
|
||||
}
|
||||
});
|
||||
if (this.listCurrent.size == 0) {
|
||||
this.addJsPage();
|
||||
this.trigger("Loaded", null);
|
||||
} else {
|
||||
window.requestTimeout(this.checkLoaded.bind(this), 10, window.registerCancel);
|
||||
}
|
||||
}
|
||||
checkExist(elm) {
|
||||
if (this.listCurrent.has(elm.src.split(/(\\|\/)/g).pop())) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
createScriptTag(el) {
|
||||
var newScript = document.createElement("script");
|
||||
newScript.setAttribute("async", "");
|
||||
for (var i = 0; i < el.attributes.length; i++) {
|
||||
newScript.setAttribute(el.attributes[i].name, el.attributes[i].value);
|
||||
}
|
||||
if (!el.hasChildNodes()) {
|
||||
newScript.src = el.src;
|
||||
} else {
|
||||
var tmp = document.createTextNode(el.innerHTML);
|
||||
newScript.appendChild(tmp);
|
||||
}
|
||||
return newScript;
|
||||
}
|
||||
addJsPage() {
|
||||
this.jsPage.innerHTML = "";
|
||||
if (window.Destroy != undefined) window.Destroy();
|
||||
this.stackScript.forEach(el => {
|
||||
this.jsPage.appendChild(this.createScriptTag(el.el));
|
||||
|
||||
});
|
||||
}
|
||||
}
|
||||
class AApp extends window.AObject {
|
||||
constructor(container = '[app-content]') {
|
||||
super();
|
||||
this.listScripts = [];
|
||||
this.cachePage = [];
|
||||
this.isLoadedLayout = false;
|
||||
window.Destroy = undefined;
|
||||
this.isRedirectPage = false;
|
||||
this.metaPage = document.head.querySelector("meta[name=idPage]");
|
||||
this.pageName = this.metaPage.getAttribute("pageName");
|
||||
this.isDispLay = this.metaPage.getAttribute("isLayout");
|
||||
var tmp = document.querySelector(container);
|
||||
this.mainApp = tmp.querySelector("[main-content]") ? tmp.querySelector("[main-content]") : tmp;
|
||||
var f = function (ev) {
|
||||
if (ev.state) {
|
||||
var temp = document.createElement("template");
|
||||
temp.innerHTML = ev.state.html;
|
||||
this.loadContentPage(temp.content);
|
||||
this.metaPage.content = ev.state.idPage;
|
||||
this.metaPage.setAttribute("isLayout", ev.state.isLayout);
|
||||
this.trigger("redirect_page", ev.state);
|
||||
this.checkLayout(ev.state.isLayout);
|
||||
var l = new LoadScriptAsync("Page");
|
||||
var oP = new DOMParser();
|
||||
l.processScript(oP.parseFromString(ev.state.doc, 'text/html').head);
|
||||
l.on("Loaded", () => {
|
||||
|
||||
this.loadedPage(false);
|
||||
});
|
||||
}
|
||||
}.bind(this);
|
||||
window.addEventListener("popstate", f);
|
||||
}
|
||||
checkLayout(isLayout) {
|
||||
if ((this.isDispLay && isLayout) == false) {
|
||||
// display = false -> layout true
|
||||
console.log("Run");
|
||||
if (isLayout) {
|
||||
if (window.isLoad_Menu) {
|
||||
window.Show_Menu();
|
||||
} else {
|
||||
this.renderLayout();
|
||||
}
|
||||
} else /*display =true -> layout false */ {
|
||||
window.Hide_Menu();
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
this.isDispLay = isLayout;
|
||||
}
|
||||
render() {
|
||||
if (this.isDispLay) {
|
||||
this.renderLayout();
|
||||
} else {
|
||||
this.isLoadedLayout = true;
|
||||
}
|
||||
this.renderNoLayout();
|
||||
}
|
||||
renderNoLayout() {
|
||||
(function () {
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open("GET", window.location.href + "?vr=cAsync");
|
||||
xhr.send();
|
||||
var f = function (evt) {
|
||||
if (evt.currentTarget.readyState == 4 && evt.currentTarget.status == 200) {
|
||||
if (evt.currentTarget.responseText) {
|
||||
var jP = JSON.parse(evt.currentTarget.responseText);
|
||||
this.loadPage(jP, window.location.href);
|
||||
}
|
||||
}
|
||||
}.bind(this);
|
||||
xhr.addEventListener("readystatechange", f, false);
|
||||
}).bind(this)();
|
||||
}
|
||||
renderLayout() {
|
||||
(function () {
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open("GET", window.location.href + "?vr=lAsync");
|
||||
xhr.send();
|
||||
var f = function (evt) {
|
||||
if (evt.currentTarget.readyState == 4 && evt.currentTarget.status == 200) {
|
||||
if (evt.currentTarget.responseText) {
|
||||
var jP = JSON.parse(evt.currentTarget.responseText);
|
||||
this.loadLayout(jP, window.location.href);
|
||||
}
|
||||
}
|
||||
}.bind(this);
|
||||
xhr.addEventListener("readystatechange", f, false);
|
||||
}).bind(this)();
|
||||
}
|
||||
loadedPage() {
|
||||
this.metaPage = document.head.querySelector("meta[name=idPage]");
|
||||
if (this.metaPage != null && this.isLoadedLayout) {
|
||||
if (window["L" + this.metaPage.content] != null) {
|
||||
window["L" + this.metaPage.content]();
|
||||
}
|
||||
|
||||
this.initNavs();
|
||||
this.trigger("pageLoaded", null);
|
||||
} else {
|
||||
window.requestTimeout(this.loadedPage.bind(this), 10, window.registerCancel);
|
||||
}
|
||||
}
|
||||
loadedLayout() {
|
||||
if (!window.isLoad_Menu) {
|
||||
window.Load_Menu();
|
||||
this.isLoadedLayout = true;
|
||||
}
|
||||
this.trigger("layoutLoaded", null);
|
||||
}
|
||||
scrollTop() {
|
||||
return window.scrollY || window.smScroll.scrollTop;
|
||||
}
|
||||
checkVisible(elm) {
|
||||
var rect = elm.getBoundingClientRect();
|
||||
var viewHeight = window.innerHeight;
|
||||
return !(rect.bottom < 0 || rect.top - viewHeight >= 0);
|
||||
}
|
||||
initScrollBar() {
|
||||
if (window.getOS() == "iOS") {
|
||||
document.querySelector(".main-scrollbar[data-scrollbar]").classList.add("iOS");
|
||||
let scrollY = 0;
|
||||
let ticking = false;
|
||||
|
||||
window.addEventListener('scroll', ((event) => {
|
||||
scrollY = window.scrollY;
|
||||
|
||||
if (!ticking) {
|
||||
window.requestAnimationFrame(() => {
|
||||
this.trigger("App_Scrolling", scrollY);
|
||||
ticking = false;
|
||||
});
|
||||
ticking = true;
|
||||
}
|
||||
|
||||
}).bind(this));
|
||||
} else {
|
||||
|
||||
var sOption = {
|
||||
damping: (window.getOS() == "Android")?.1:.04,
|
||||
thumbMinSize: 25,
|
||||
renderByPixel: true,
|
||||
alwaysShowTracks: true,
|
||||
continuousScrolling: true,
|
||||
plugins: {
|
||||
overscroll: {
|
||||
effect: 'bounce',
|
||||
damping: .15,//0.15
|
||||
maxOverscroll: 250
|
||||
}
|
||||
}
|
||||
};
|
||||
window.smScroll = window.Scrollbar.init(document.querySelector('.main-scrollbar[data-scrollbar]'), sOption);
|
||||
window.smScroll.addListener((status => {
|
||||
this.trigger("App_Scrolling", status.offset.y);
|
||||
}).bind(this));
|
||||
}
|
||||
}
|
||||
initNavs() {
|
||||
document.querySelectorAll("[app-nav][app-url]").forEach(((el) => {
|
||||
if (el.getAttribute("app-nav") != true) {
|
||||
el.addEventListener("click", ((ev) => {
|
||||
this.initNavApp(ev.currentTarget);
|
||||
}).bind(this));
|
||||
el.setAttribute("app-nav", true);
|
||||
}
|
||||
}).bind(this));
|
||||
}
|
||||
initNavApp(t) {
|
||||
this.isRedirectPage = true;
|
||||
this.callLoadPage(t.getAttribute("app-url"));
|
||||
}
|
||||
callLoadPage(url) {
|
||||
var f = true;
|
||||
var page = null;
|
||||
for (var i = 0; i < this.cachePage.length; i++) {
|
||||
if (this.cachePage[i].src == url) {
|
||||
f = false;
|
||||
page = this.cachePage[i];
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (f) {
|
||||
this.getPage(url);
|
||||
} else {
|
||||
var tpl = document.createElement('template');
|
||||
tpl.innerHTML = page.html;
|
||||
this.setContentPage(Object.assign({}, page, { "html": tpl.content }));
|
||||
}
|
||||
}
|
||||
loadContentPage(content) {
|
||||
for (var i = this.mainApp.childNodes.length - 1; i >= 0; i--) {
|
||||
this.mainApp.childNodes[i].remove();
|
||||
}
|
||||
this.mainApp.appendChild(content);
|
||||
}
|
||||
setContentPage(page) {
|
||||
document.title = page.title + " - " + this.pageName;
|
||||
var meta = document.head.querySelector("meta[name=idPage]");
|
||||
meta.content = page.idPage;
|
||||
|
||||
this.checkLayout(page.isLayout);
|
||||
meta.setAttribute("isLayout", page.isLayout);
|
||||
|
||||
this.loadContentPage(page.html);
|
||||
window.history.pushState({ "html": this.mainApp.innerHTML, "doc": page.doc.innerHTML, "idPage": page.idPage, "isLayout": page.isLayout }, page.title , page.src);
|
||||
var l = new LoadScriptAsync("Page");
|
||||
if (this.isRedirectPage) {
|
||||
this.trigger("redirect_page", page);
|
||||
this.isRedirectPage = false;
|
||||
}
|
||||
l.on("Loaded", () => {
|
||||
this.loadedPage(false);
|
||||
});
|
||||
l.processScript(page.doc);
|
||||
|
||||
}
|
||||
getPage(url) {
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open("GET", url + "?vr=cAsync");
|
||||
xhr.send();
|
||||
var f = function (evt) {
|
||||
if (evt.currentTarget.readyState == 4 && evt.currentTarget.status == 200) {
|
||||
if (evt.currentTarget.responseText) {
|
||||
var jP = JSON.parse(evt.currentTarget.responseText);
|
||||
this.loadPage(jP, url);
|
||||
}
|
||||
}
|
||||
}.bind(this);
|
||||
xhr.addEventListener("readystatechange", f, false);
|
||||
}
|
||||
loadLayout(o, url) {
|
||||
var oP = new DOMParser();
|
||||
var pHtml = oP.parseFromString(o.Content, 'text/html');
|
||||
(function () {
|
||||
pHtml.body.childNodes.forEach(function (item) {
|
||||
var t = document.getElementById(item.getAttribute("id"));
|
||||
if (t) {
|
||||
item.classList.forEach(el => {
|
||||
t.classList.add(el);
|
||||
});
|
||||
item.childNodes.forEach(el => {
|
||||
t.appendChild(el.cloneNode(true));
|
||||
});
|
||||
}
|
||||
});
|
||||
}).bind(this)();
|
||||
(function () {
|
||||
var doc = oP.parseFromString(o.Scripts, 'text/html').head;
|
||||
var l = new LoadScriptAsync("Layout");
|
||||
l.on("Loaded", () => {
|
||||
this.loadedLayout();
|
||||
});
|
||||
l.processScript(doc);
|
||||
}).bind(this)();
|
||||
}
|
||||
loadPage(o, url) {
|
||||
var title = o.Title;
|
||||
var idPage = o.PageId;
|
||||
var tpl = document.createElement('template');
|
||||
tpl.innerHTML = o.Content;
|
||||
var doc2 = new DOMParser().parseFromString(o.Scripts, "text/html");
|
||||
var obj = { "src": url, "html": o.Content, "title": title, "idPage": idPage, "doc": doc2.firstChild.querySelector("head"), "isLayout": o.IsDisLayout };
|
||||
this.cachePage.push(obj);
|
||||
this.setContentPage(Object.assign({}, obj, { "html": tpl.content }));
|
||||
}
|
||||
loadCSS(arr) {
|
||||
for (var i = 0; i < arr.length; i++) {
|
||||
var link = document.createElement('link');
|
||||
link.setAttribute('rel', 'stylesheet');
|
||||
link.setAttribute('href', arr[i]);
|
||||
document.head.appendChild(link);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.removeStopCollapsed = function () {
|
||||
if (window.dropdown != null && window.dropdown.currentE != null) {
|
||||
if (window.dropdown.currentE.item.hasAttribute("stopCollapsed")) {
|
||||
window.dropdown.currentE.item.removeAttribute("stopCollapsed");
|
||||
window.dropdown.currentE = null;
|
||||
}
|
||||
}
|
||||
}
|
||||
window.scroll_options = {
|
||||
damping: 0.1,
|
||||
thumbMinSize: 25,
|
||||
renderByPixel: true,
|
||||
alwaysShowTracks: true,
|
||||
continuousScrolling: true,
|
||||
plugins: {
|
||||
overscroll: {
|
||||
effect: 'bounce',
|
||||
damping: 0.15,
|
||||
maxOverscroll: 150
|
||||
}
|
||||
}
|
||||
};
|
||||
Reference in New Issue
Block a user