KazV2/dockers/web/html/assets/js/HTMLInclude.js
2024-06-03 18:43:35 +02:00

65 lines
2.9 KiB
JavaScript

/*! HTMLInclude v1.1.1 | MIT License | github.com/paul-browne/HTMLInclude */
!function(w, d) {
if (!w.HTMLInclude) {
w.HTMLInclude = function() {
function isInViewport(element, offset) {
return element.getBoundingClientRect().top <= (+offset + w.innerHeight);
}
function ajax(url, elements) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
elements.forEach(function(element) {
var dataReplace = element.getAttribute("data-replace");
var z = xhr.responseText;
if (dataReplace) {
dataReplace.split(",").forEach(function(el) {
var o = el.trim().split(":");
z = z.replace(new RegExp(o[0], "g"), o[1]);
});
}
element.outerHTML = z;
var scripts = new DOMParser().parseFromString(z, 'text/html').querySelectorAll("SCRIPT");
var i = 0;
var j = scripts.length;
while (i < j) {
var newScript = d.createElement("SCRIPT");
scripts[i].src ? newScript.src = scripts[i].src : newScript.innerHTML = scripts[i].innerHTML;
d.head.appendChild(newScript);
i++;
}
});
}
};
xhr.open("GET", url, true);
xhr.send();
}
function lazyLoad(element, offset) {
w.addEventListener("scroll", function scrollFunc() {
if (isInViewport(element, offset)) {
w.removeEventListener("scroll", scrollFunc);
ajax(element.getAttribute("data-include"), [element]);
}
})
}
var store = {};
var dis = d.querySelectorAll('[data-include]:not([data-in])');
var i = dis.length;
while (i--) {
var di = dis[i].getAttribute('data-include');
var laziness = dis[i].getAttribute('data-lazy');
dis[i].setAttribute("data-in", "");
if (!laziness || (laziness && isInViewport(dis[i], laziness))) {
store[di] = store[di] || [];
store[di].push(dis[i]);
} else {
lazyLoad(dis[i], laziness);
}
}
for (var key in store) {
ajax(key, store[key]);
}
}
}
w.HTMLInclude();
}(window, document)