mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Fix indentation issues

Browse source
This commit is contained in:
Bill Thornton 2023-04-19 01:56:05 -04:00
parent 52c8cffc82
commit f2726653ae
120 changed files with 30271 additions and 30631 deletions
Download patch file Download diff file Expand all files Collapse all files

105
src/components/lazyLoader/lazyLoaderIntersectionObserver.js
View file

@ -1,69 +1,68 @@
/* eslint-disable indent */
export class LazyLoader {
constructor(options) {
this.options = options;
}
createObserver() {
const callback = this.options.callback;
export class LazyLoader {
constructor(options) {
this.options = options;
}
const observer = new IntersectionObserver(
(entries) => {
entries.forEach(entry => {
callback(entry);
});
},
{
rootMargin: '50%',
threshold: 0
createObserver() {
const callback = this.options.callback;
const observer = new IntersectionObserver(
(entries) => {
entries.forEach(entry => {
callback(entry);
});
this.observer = observer;
}
addElements(elements) {
let observer = this.observer;
if (!observer) {
this.createObserver();
observer = this.observer;
}
Array.from(elements).forEach(element => {
observer.observe(element);
},
{
rootMargin: '50%',
threshold: 0
});
}
destroyObserver() {
const observer = this.observer;
if (observer) {
observer.disconnect();
this.observer = null;
}
}
destroy() {
this.destroyObserver();
this.options = null;
}
this.observer = observer;
}
function unveilElements(elements, root, callback) {
if (!elements.length) {
return;
addElements(elements) {
let observer = this.observer;
if (!observer) {
this.createObserver();
observer = this.observer;
}
const lazyLoader = new LazyLoader({
callback: callback
Array.from(elements).forEach(element => {
observer.observe(element);
});
lazyLoader.addElements(elements);
}
export function lazyChildren(elem, callback) {
unveilElements(elem.getElementsByClassName('lazy'), elem, callback);
destroyObserver() {
const observer = this.observer;
if (observer) {
observer.disconnect();
this.observer = null;
}
}
/* eslint-enable indent */
destroy() {
this.destroyObserver();
this.options = null;
}
}
function unveilElements(elements, root, callback) {
if (!elements.length) {
return;
}
const lazyLoader = new LazyLoader({
callback: callback
});
lazyLoader.addElements(elements);
}
export function lazyChildren(elem, callback) {
unveilElements(elem.getElementsByClassName('lazy'), elem, callback);
}
export default {
LazyLoader: LazyLoader,
lazyChildren: lazyChildren