mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
merge from dev
This commit is contained in:
parent
1c8f02ce0f
commit
33b01d778c
911 changed files with 34157 additions and 57125 deletions
115
dashboard-ui/thirdparty/jquery.unveil-custom.js
vendored
115
dashboard-ui/thirdparty/jquery.unveil-custom.js
vendored
|
@ -1,8 +1,4 @@
|
|||
(function ($) {
|
||||
|
||||
})(jQuery);
|
||||
|
||||
/**
|
||||
/**
|
||||
* jQuery Unveil
|
||||
* A very lightweight jQuery plugin to lazy load images
|
||||
* http://luis-almeida.github.com/unveil
|
||||
|
@ -12,7 +8,7 @@
|
|||
* https://github.com/luis-almeida
|
||||
*/
|
||||
|
||||
(function ($) {
|
||||
(function () {
|
||||
|
||||
/**
|
||||
* Copyright 2012, Digital Fusion
|
||||
|
@ -24,66 +20,35 @@
|
|||
* the user visible viewport of a web browser.
|
||||
* only accounts for vertical position, not horizontal.
|
||||
*/
|
||||
var $w = $(window);
|
||||
|
||||
var thresholdX = Math.max(screen.availWidth);
|
||||
var thresholdY = Math.max(screen.availHeight);
|
||||
var wheelEvent = (document.implementation.hasFeature('Event.wheel', '3.0') ? 'wheel' : 'mousewheel');
|
||||
|
||||
function visibleInViewport(elem, partial, hidden, direction) {
|
||||
function visibleInViewport(elem, partial) {
|
||||
|
||||
var t = elem,
|
||||
vpWidth = $w.width(),
|
||||
vpHeight = $w.height(),
|
||||
direction = (direction) ? direction : 'both',
|
||||
clientSize = hidden === true ? t.offsetWidth * t.offsetHeight : true;
|
||||
thresholdX = thresholdX || 0;
|
||||
thresholdY = thresholdY || 0;
|
||||
|
||||
if (typeof t.getBoundingClientRect === 'function') {
|
||||
var vpWidth = window.innerWidth,
|
||||
vpHeight = window.innerHeight;
|
||||
|
||||
// Use this native browser method, if available.
|
||||
var rec = t.getBoundingClientRect(),
|
||||
tViz = rec.top >= 0 && rec.top < vpHeight + thresholdY,
|
||||
bViz = rec.bottom > 0 && rec.bottom <= vpHeight + thresholdY,
|
||||
lViz = rec.left >= 0 && rec.left < vpWidth + thresholdX,
|
||||
rViz = rec.right > 0 && rec.right <= vpWidth + thresholdX,
|
||||
vVisible = partial ? tViz || bViz : tViz && bViz,
|
||||
hVisible = partial ? lViz || rViz : lViz && rViz;
|
||||
// Use this native browser method, if available.
|
||||
var rec = elem.getBoundingClientRect(),
|
||||
tViz = rec.top >= 0 && rec.top < vpHeight + thresholdY,
|
||||
bViz = rec.bottom > 0 && rec.bottom <= vpHeight + thresholdY,
|
||||
lViz = rec.left >= 0 && rec.left < vpWidth + thresholdX,
|
||||
rViz = rec.right > 0 && rec.right <= vpWidth + thresholdX,
|
||||
vVisible = partial ? tViz || bViz : tViz && bViz,
|
||||
hVisible = partial ? lViz || rViz : lViz && rViz;
|
||||
|
||||
if (direction === 'both')
|
||||
return clientSize && vVisible && hVisible;
|
||||
else if (direction === 'vertical')
|
||||
return clientSize && vVisible;
|
||||
else if (direction === 'horizontal')
|
||||
return clientSize && hVisible;
|
||||
} else {
|
||||
|
||||
var $t = $(elem);
|
||||
var viewTop = $w.scrollTop(),
|
||||
viewBottom = viewTop + vpHeight,
|
||||
viewLeft = $w.scrollLeft(),
|
||||
viewRight = viewLeft + vpWidth,
|
||||
offset = $t.offset(),
|
||||
_top = offset.top,
|
||||
_bottom = _top + $t.height(),
|
||||
_left = offset.left,
|
||||
_right = _left + $t.width(),
|
||||
compareTop = partial === true ? _bottom : _top,
|
||||
compareBottom = partial === true ? _top : _bottom,
|
||||
compareLeft = partial === true ? _right : _left,
|
||||
compareRight = partial === true ? _left : _right;
|
||||
|
||||
if (direction === 'both')
|
||||
return !!clientSize && ((compareBottom <= viewBottom) && (compareTop >= viewTop)) && ((compareRight <= viewRight) && (compareLeft >= viewLeft));
|
||||
else if (direction === 'vertical')
|
||||
return !!clientSize && ((compareBottom <= viewBottom) && (compareTop >= viewTop));
|
||||
else if (direction === 'horizontal')
|
||||
return !!clientSize && ((compareRight <= viewRight) && (compareLeft >= viewLeft));
|
||||
}
|
||||
return vVisible && hVisible;
|
||||
}
|
||||
|
||||
var unveilId = 0;
|
||||
|
||||
function isVisible(elem) {
|
||||
return visibleInViewport(elem, true, false, 'both');
|
||||
return visibleInViewport(elem, true);
|
||||
}
|
||||
|
||||
function fillImage(elem) {
|
||||
|
@ -94,7 +59,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
function unveilElements(elems, parent) {
|
||||
function unveilElements(elems) {
|
||||
|
||||
if (!elems.length) {
|
||||
return;
|
||||
|
@ -103,15 +68,6 @@
|
|||
var images = elems;
|
||||
|
||||
unveilId++;
|
||||
var eventNamespace = 'unveil' + unveilId;
|
||||
|
||||
var parents = [];
|
||||
if (parent) {
|
||||
parents = parent.querySelectorAll('.itemsContainer');
|
||||
if (!parents.length) {
|
||||
parents = [parent];
|
||||
}
|
||||
}
|
||||
|
||||
function unveil() {
|
||||
|
||||
|
@ -129,21 +85,15 @@
|
|||
images = remaining;
|
||||
|
||||
if (!images.length) {
|
||||
Events.off(document, 'scroll.' + eventNamespace);
|
||||
Events.off(window, 'resize.' + eventNamespace);
|
||||
|
||||
if (parents.length) {
|
||||
Events.off($(parents), 'scroll.' + eventNamespace, unveil);
|
||||
}
|
||||
document.removeEventListener('scroll', unveil);
|
||||
document.removeEventListener(wheelEvent, unveil);
|
||||
window.removeEventListener('resize', unveil);
|
||||
}
|
||||
}
|
||||
|
||||
Events.on(document, 'scroll.' + eventNamespace, unveil);
|
||||
Events.on(window, 'resize.' + eventNamespace, unveil);
|
||||
|
||||
if (parents.length) {
|
||||
Events.on($(parents), 'scroll.' + eventNamespace, unveil);
|
||||
}
|
||||
document.addEventListener('scroll', unveil, true);
|
||||
document.addEventListener(wheelEvent, unveil, true);
|
||||
window.addEventListener('resize', unveil, true);
|
||||
|
||||
unveil();
|
||||
}
|
||||
|
@ -165,16 +115,6 @@
|
|||
unveilElements(elem.getElementsByClassName('lazy'), elem);
|
||||
}
|
||||
|
||||
$.fn.lazyChildren = function () {
|
||||
|
||||
if (this.length == 1) {
|
||||
lazyChildren(this[0]);
|
||||
} else {
|
||||
unveilElements($('.lazy', this));
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
function lazyImage(elem, url) {
|
||||
|
||||
elem.setAttribute('data-src', url);
|
||||
|
@ -187,7 +127,7 @@
|
|||
lazyChildren: lazyChildren
|
||||
};
|
||||
|
||||
})(window.jQuery || window.Zepto);
|
||||
})();
|
||||
|
||||
(function () {
|
||||
|
||||
|
@ -201,7 +141,7 @@
|
|||
elem.setAttribute("src", url);
|
||||
}
|
||||
|
||||
if ($.browser.chrome && !$.browser.mobile) {
|
||||
if (browserInfo.animate && !browserInfo.mobile) {
|
||||
if (!elem.classList.contains('noFade')) {
|
||||
fadeIn(elem, 1);
|
||||
}
|
||||
|
@ -224,7 +164,6 @@
|
|||
self.setImageInto = setImageIntoElement;
|
||||
}
|
||||
|
||||
console.log('creating simpleImageStore');
|
||||
window.ImageStore = new simpleImageStore();
|
||||
|
||||
})();
|
Loading…
Add table
Add a link
Reference in a new issue