mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
run eslint to fix most var instances
This commit is contained in:
dkanada
parent
24699c0aca
commit
39eddeb205
55 changed files with 614 additions and 614 deletions
|
|
@ -14,26 +14,26 @@ export default function (options) {
|
|||
|
||||
function onMenuTouchStart(e) {
|
||||
options.target.classList.remove('transition');
|
||||
var touches = getTouches(e);
|
||||
var touch = touches[0] || {};
|
||||
const touches = getTouches(e);
|
||||
const touch = touches[0] || {};
|
||||
menuTouchStartX = touch.clientX;
|
||||
menuTouchStartY = touch.clientY;
|
||||
menuTouchStartTime = new Date().getTime();
|
||||
}
|
||||
|
||||
function setVelocity(deltaX) {
|
||||
var time = new Date().getTime() - (menuTouchStartTime || 0);
|
||||
const time = new Date().getTime() - (menuTouchStartTime || 0);
|
||||
velocity = Math.abs(deltaX) / time;
|
||||
}
|
||||
|
||||
function onMenuTouchMove(e) {
|
||||
var isOpen = self.visible;
|
||||
var touches = getTouches(e);
|
||||
var touch = touches[0] || {};
|
||||
var endX = touch.clientX || 0;
|
||||
var endY = touch.clientY || 0;
|
||||
var deltaX = endX - (menuTouchStartX || 0);
|
||||
var deltaY = endY - (menuTouchStartY || 0);
|
||||
const isOpen = self.visible;
|
||||
const touches = getTouches(e);
|
||||
const touch = touches[0] || {};
|
||||
const endX = touch.clientX || 0;
|
||||
const endY = touch.clientY || 0;
|
||||
const deltaX = endX - (menuTouchStartX || 0);
|
||||
const deltaY = endY - (menuTouchStartY || 0);
|
||||
setVelocity(deltaX);
|
||||
|
||||
if (isOpen && dragMode !== 1 && deltaX > 0) {
|
||||
|
|
@ -58,12 +58,12 @@ export default function (options) {
|
|||
options.target.classList.add('transition');
|
||||
scrollContainer.removeEventListener('scroll', disableEvent);
|
||||
dragMode = 0;
|
||||
var touches = getTouches(e);
|
||||
var touch = touches[0] || {};
|
||||
var endX = touch.clientX || 0;
|
||||
var endY = touch.clientY || 0;
|
||||
var deltaX = endX - (menuTouchStartX || 0);
|
||||
var deltaY = endY - (menuTouchStartY || 0);
|
||||
const touches = getTouches(e);
|
||||
const touch = touches[0] || {};
|
||||
const endX = touch.clientX || 0;
|
||||
const endY = touch.clientY || 0;
|
||||
const deltaX = endX - (menuTouchStartX || 0);
|
||||
const deltaY = endY - (menuTouchStartY || 0);
|
||||
currentPos = deltaX;
|
||||
self.checkMenuState(deltaX, deltaY);
|
||||
}
|
||||
|
|
@ -105,20 +105,20 @@ export default function (options) {
|
|||
}
|
||||
|
||||
function onBackgroundTouchStart(e) {
|
||||
var touches = getTouches(e);
|
||||
var touch = touches[0] || {};
|
||||
const touches = getTouches(e);
|
||||
const touch = touches[0] || {};
|
||||
backgroundTouchStartX = touch.clientX;
|
||||
backgroundTouchStartTime = new Date().getTime();
|
||||
}
|
||||
|
||||
function onBackgroundTouchMove(e) {
|
||||
var touches = getTouches(e);
|
||||
var touch = touches[0] || {};
|
||||
var endX = touch.clientX || 0;
|
||||
const touches = getTouches(e);
|
||||
const touch = touches[0] || {};
|
||||
const endX = touch.clientX || 0;
|
||||
|
||||
if (endX <= options.width && self.isVisible) {
|
||||
countStart++;
|
||||
var deltaX = endX - (backgroundTouchStartX || 0);
|
||||
const deltaX = endX - (backgroundTouchStartX || 0);
|
||||
|
||||
if (countStart == 1) {
|
||||
startPoint = deltaX;
|
||||
|
|
@ -127,7 +127,7 @@ export default function (options) {
|
|||
dragMode = 1;
|
||||
newPos = deltaX - startPoint + options.width;
|
||||
self.changeMenuPos();
|
||||
var time = new Date().getTime() - (backgroundTouchStartTime || 0);
|
||||
const time = new Date().getTime() - (backgroundTouchStartTime || 0);
|
||||
velocity = Math.abs(deltaX) / time;
|
||||
}
|
||||
}
|
||||
|
|
@ -137,25 +137,25 @@ export default function (options) {
|
|||
}
|
||||
|
||||
function onBackgroundTouchEnd(e) {
|
||||
var touches = getTouches(e);
|
||||
var touch = touches[0] || {};
|
||||
var endX = touch.clientX || 0;
|
||||
var deltaX = endX - (backgroundTouchStartX || 0);
|
||||
const touches = getTouches(e);
|
||||
const touch = touches[0] || {};
|
||||
const endX = touch.clientX || 0;
|
||||
const deltaX = endX - (backgroundTouchStartX || 0);
|
||||
self.checkMenuState(deltaX);
|
||||
countStart = 0;
|
||||
}
|
||||
|
||||
function onMaskTransitionEnd() {
|
||||
var classList = mask.classList;
|
||||
const classList = mask.classList;
|
||||
|
||||
if (!classList.contains('backdrop')) {
|
||||
classList.add('hide');
|
||||
}
|
||||
}
|
||||
|
||||
var self;
|
||||
var defaults;
|
||||
var mask;
|
||||
let self;
|
||||
let defaults;
|
||||
let mask;
|
||||
var newPos = 0;
|
||||
var currentPos = 0;
|
||||
var startPoint = 0;
|
||||
|
|
@ -166,7 +166,7 @@ export default function (options) {
|
|||
var scrollContainer = options.target.querySelector('.mainDrawer-scrollContainer');
|
||||
scrollContainer.classList.add('scrollY');
|
||||
|
||||
var TouchMenuLA = function () {
|
||||
const TouchMenuLA = function () {
|
||||
self = this;
|
||||
defaults = {
|
||||
width: 260,
|
||||
|
|
@ -193,9 +193,9 @@ export default function (options) {
|
|||
}
|
||||
};
|
||||
|
||||
var menuTouchStartX;
|
||||
var menuTouchStartY;
|
||||
var menuTouchStartTime;
|
||||
let menuTouchStartX;
|
||||
let menuTouchStartY;
|
||||
let menuTouchStartTime;
|
||||
var edgeContainer = document.querySelector('.mainDrawerHandle');
|
||||
var isPeeking = false;
|
||||
|
||||
|
|
@ -261,8 +261,8 @@ export default function (options) {
|
|||
}
|
||||
};
|
||||
|
||||
var backgroundTouchStartX;
|
||||
var backgroundTouchStartTime;
|
||||
let backgroundTouchStartX;
|
||||
let backgroundTouchStartTime;
|
||||
|
||||
TouchMenuLA.prototype.showMask = function () {
|
||||
mask.classList.remove('hide');
|
||||
|
|
@ -280,7 +280,7 @@ export default function (options) {
|
|||
}
|
||||
};
|
||||
|
||||
var _edgeSwipeEnabled;
|
||||
let _edgeSwipeEnabled;
|
||||
|
||||
TouchMenuLA.prototype.setEdgeSwipeEnabled = function (enabled) {
|
||||
if (!options.disableEdgeSwipe) {
|
||||
|
|
|
|||
|
|
@ -56,14 +56,14 @@ function within(number, min, max) {
|
|||
}
|
||||
|
||||
// Other global values
|
||||
var dragMouseEvents = ['mousemove', 'mouseup'];
|
||||
var dragTouchEvents = ['touchmove', 'touchend'];
|
||||
var wheelEvent = (document.implementation.hasFeature('Event.wheel', '3.0') ? 'wheel' : 'mousewheel');
|
||||
var interactiveElements = ['INPUT', 'SELECT', 'TEXTAREA'];
|
||||
const dragMouseEvents = ['mousemove', 'mouseup'];
|
||||
const dragTouchEvents = ['touchmove', 'touchend'];
|
||||
const wheelEvent = (document.implementation.hasFeature('Event.wheel', '3.0') ? 'wheel' : 'mousewheel');
|
||||
const interactiveElements = ['INPUT', 'SELECT', 'TEXTAREA'];
|
||||
|
||||
var scrollerFactory = function (frame, options) {
|
||||
const scrollerFactory = function (frame, options) {
|
||||
// Extend options
|
||||
var o = Object.assign({}, {
|
||||
const o = Object.assign({}, {
|
||||
slidee: null, // Selector, DOM element, or jQuery object with DOM element representing SLIDEE.
|
||||
horizontal: false, // Switch to horizontal mode.
|
||||
|
||||
|
|
@ -83,7 +83,7 @@ var scrollerFactory = function (frame, options) {
|
|||
|
||||
}, options);
|
||||
|
||||
var isSmoothScrollSupported = 'scrollBehavior' in document.documentElement.style;
|
||||
const isSmoothScrollSupported = 'scrollBehavior' in document.documentElement.style;
|
||||
|
||||
// native scroll is a must with touch input
|
||||
// also use native scroll when scrolling vertically in desktop mode - excluding horizontal because the mouse wheel support is choppy at the moment
|
||||
|
|
@ -106,11 +106,11 @@ var scrollerFactory = function (frame, options) {
|
|||
}
|
||||
|
||||
// Private variables
|
||||
var self = this;
|
||||
const self = this;
|
||||
self.options = o;
|
||||
|
||||
// Frame
|
||||
var slideeElement = o.slidee ? o.slidee : sibling(frame.firstChild)[0];
|
||||
const slideeElement = o.slidee ? o.slidee : sibling(frame.firstChild)[0];
|
||||
self._pos = {
|
||||
start: 0,
|
||||
center: 0,
|
||||
|
|
@ -119,15 +119,15 @@ var scrollerFactory = function (frame, options) {
|
|||
dest: 0
|
||||
};
|
||||
|
||||
var transform = !options.enableNativeScroll;
|
||||
const transform = !options.enableNativeScroll;
|
||||
|
||||
// Miscellaneous
|
||||
var scrollSource = frame;
|
||||
var dragSourceElement = o.dragSource ? o.dragSource : frame;
|
||||
var dragging = {
|
||||
const scrollSource = frame;
|
||||
const dragSourceElement = o.dragSource ? o.dragSource : frame;
|
||||
const dragging = {
|
||||
released: 1
|
||||
};
|
||||
var scrolling = {
|
||||
const scrolling = {
|
||||
last: 0,
|
||||
delta: 0,
|
||||
resetTime: 200
|
||||
|
|
@ -139,10 +139,10 @@ var scrollerFactory = function (frame, options) {
|
|||
self.options = o;
|
||||
self.dragging = dragging;
|
||||
|
||||
var nativeScrollElement = frame;
|
||||
const nativeScrollElement = frame;
|
||||
|
||||
function sibling(n, elem) {
|
||||
var matched = [];
|
||||
const matched = [];
|
||||
|
||||
for (; n; n = n.nextSibling) {
|
||||
if (n.nodeType === 1 && n !== elem) {
|
||||
|
|
@ -152,10 +152,10 @@ var scrollerFactory = function (frame, options) {
|
|||
return matched;
|
||||
}
|
||||
|
||||
var requiresReflow = true;
|
||||
let requiresReflow = true;
|
||||
|
||||
var frameSize = 0;
|
||||
var slideeSize = 0;
|
||||
let frameSize = 0;
|
||||
let slideeSize = 0;
|
||||
function ensureSizeInfo() {
|
||||
if (requiresReflow) {
|
||||
requiresReflow = false;
|
||||
|
|
@ -185,13 +185,13 @@ var scrollerFactory = function (frame, options) {
|
|||
ensureSizeInfo();
|
||||
|
||||
// Fix possible overflowing
|
||||
var pos = self._pos;
|
||||
const pos = self._pos;
|
||||
self.slideTo(within(pos.dest, pos.start, pos.end));
|
||||
}
|
||||
}
|
||||
|
||||
function initFrameResizeObserver() {
|
||||
var observerOptions = {};
|
||||
const observerOptions = {};
|
||||
|
||||
self.frameResizeObserver = new ResizeObserver(onResize, observerOptions);
|
||||
|
||||
|
|
@ -242,7 +242,7 @@ var scrollerFactory = function (frame, options) {
|
|||
}
|
||||
}
|
||||
|
||||
var lastAnimate;
|
||||
let lastAnimate;
|
||||
|
||||
/**
|
||||
* Animate to a position.
|
||||
|
|
@ -254,7 +254,7 @@ var scrollerFactory = function (frame, options) {
|
|||
*/
|
||||
self.slideTo = function (newPos, immediate, fullItemPos) {
|
||||
ensureSizeInfo();
|
||||
var pos = self._pos;
|
||||
const pos = self._pos;
|
||||
|
||||
if (layoutManager.tv) {
|
||||
newPos = within(newPos, pos.start);
|
||||
|
|
@ -268,10 +268,10 @@ var scrollerFactory = function (frame, options) {
|
|||
}
|
||||
|
||||
// Update the animation object
|
||||
var from = pos.cur;
|
||||
const from = pos.cur;
|
||||
immediate = immediate || dragging.init || !o.speed;
|
||||
|
||||
var now = new Date().getTime();
|
||||
const now = new Date().getTime();
|
||||
|
||||
if (o.autoImmediate) {
|
||||
if (!immediate && (now - (lastAnimate || 0)) <= 50) {
|
||||
|
|
@ -291,7 +291,7 @@ var scrollerFactory = function (frame, options) {
|
|||
};
|
||||
|
||||
function setStyleProperty(elem, name, value, speed, resetTransition) {
|
||||
var style = elem.style;
|
||||
const style = elem.style;
|
||||
|
||||
if (resetTransition || browser.edge) {
|
||||
style.transition = 'none';
|
||||
|
|
@ -312,7 +312,7 @@ var scrollerFactory = function (frame, options) {
|
|||
}
|
||||
|
||||
function renderAnimateWithTransform(fromPosition, toPosition, immediate) {
|
||||
var speed = o.speed;
|
||||
let speed = o.speed;
|
||||
|
||||
if (immediate) {
|
||||
speed = o.immediateSpeed || 50;
|
||||
|
|
@ -346,18 +346,18 @@ var scrollerFactory = function (frame, options) {
|
|||
* @return {Object}
|
||||
*/
|
||||
self.getPos = function (item) {
|
||||
var scrollElement = transform ? slideeElement : nativeScrollElement;
|
||||
var slideeOffset = getBoundingClientRect(scrollElement);
|
||||
var itemOffset = getBoundingClientRect(item);
|
||||
const scrollElement = transform ? slideeElement : nativeScrollElement;
|
||||
const slideeOffset = getBoundingClientRect(scrollElement);
|
||||
const itemOffset = getBoundingClientRect(item);
|
||||
|
||||
var offset = o.horizontal ? itemOffset.left - slideeOffset.left : itemOffset.top - slideeOffset.top;
|
||||
let offset = o.horizontal ? itemOffset.left - slideeOffset.left : itemOffset.top - slideeOffset.top;
|
||||
|
||||
var size = o.horizontal ? itemOffset.width : itemOffset.height;
|
||||
let size = o.horizontal ? itemOffset.width : itemOffset.height;
|
||||
if (!size && size !== 0) {
|
||||
size = item[o.horizontal ? 'offsetWidth' : 'offsetHeight'];
|
||||
}
|
||||
|
||||
var centerOffset = o.centerOffset || 0;
|
||||
let centerOffset = o.centerOffset || 0;
|
||||
|
||||
if (!transform) {
|
||||
centerOffset = 0;
|
||||
|
|
@ -370,11 +370,11 @@ var scrollerFactory = function (frame, options) {
|
|||
|
||||
ensureSizeInfo();
|
||||
|
||||
var currentStart = self._pos.cur;
|
||||
var currentEnd = currentStart + frameSize;
|
||||
const currentStart = self._pos.cur;
|
||||
const currentEnd = currentStart + frameSize;
|
||||
|
||||
console.debug('offset:' + offset + ' currentStart:' + currentStart + ' currentEnd:' + currentEnd);
|
||||
var isVisible = offset >= currentStart && (offset + size) <= currentEnd;
|
||||
const isVisible = offset >= currentStart && (offset + size) <= currentEnd;
|
||||
|
||||
return {
|
||||
start: offset,
|
||||
|
|
@ -388,12 +388,12 @@ var scrollerFactory = function (frame, options) {
|
|||
self.getCenterPosition = function (item) {
|
||||
ensureSizeInfo();
|
||||
|
||||
var pos = self.getPos(item);
|
||||
const pos = self.getPos(item);
|
||||
return within(pos.center, pos.start, pos.end);
|
||||
};
|
||||
|
||||
function dragInitSlidee(event) {
|
||||
var isTouch = event.type === 'touchstart';
|
||||
const isTouch = event.type === 'touchstart';
|
||||
|
||||
// Ignore when already in progress, or interactive element in non-touch navivagion
|
||||
if (dragging.init || !isTouch && isInteractive(event.target)) {
|
||||
|
|
@ -417,7 +417,7 @@ var scrollerFactory = function (frame, options) {
|
|||
dragging.init = 0;
|
||||
dragging.source = event.target;
|
||||
dragging.touch = isTouch;
|
||||
var pointer = isTouch ? event.touches[0] : event;
|
||||
const pointer = isTouch ? event.touches[0] : event;
|
||||
dragging.initX = pointer.pageX;
|
||||
dragging.initY = pointer.pageY;
|
||||
dragging.initPos = self._pos.cur;
|
||||
|
|
@ -455,7 +455,7 @@ var scrollerFactory = function (frame, options) {
|
|||
*/
|
||||
function dragHandler(event) {
|
||||
dragging.released = event.type === 'mouseup' || event.type === 'touchend';
|
||||
var pointer = dragging.touch ? event[dragging.released ? 'changedTouches' : 'touches'][0] : event;
|
||||
const pointer = dragging.touch ? event[dragging.released ? 'changedTouches' : 'touches'][0] : event;
|
||||
dragging.pathX = pointer.pageX - dragging.initX;
|
||||
dragging.pathY = pointer.pageY - dragging.initY;
|
||||
dragging.path = Math.sqrt(Math.pow(dragging.pathX, 2) + Math.pow(dragging.pathY, 2));
|
||||
|
|
@ -570,12 +570,12 @@ var scrollerFactory = function (frame, options) {
|
|||
*/
|
||||
function scrollHandler(event) {
|
||||
ensureSizeInfo();
|
||||
var pos = self._pos;
|
||||
const pos = self._pos;
|
||||
// Ignore if there is no scrolling to be done
|
||||
if (!o.scrollBy || pos.start === pos.end) {
|
||||
return;
|
||||
}
|
||||
var delta = normalizeWheelDelta(event);
|
||||
let delta = normalizeWheelDelta(event);
|
||||
|
||||
if (transform) {
|
||||
// Trap scrolling only when necessary and/or requested
|
||||
|
|
@ -635,13 +635,13 @@ var scrollerFactory = function (frame, options) {
|
|||
return self;
|
||||
};
|
||||
|
||||
var contentRect = {};
|
||||
let contentRect = {};
|
||||
|
||||
function onResize(entries) {
|
||||
var entry = entries[0];
|
||||
const entry = entries[0];
|
||||
|
||||
if (entry) {
|
||||
var newRect = entry.contentRect;
|
||||
const newRect = entry.contentRect;
|
||||
|
||||
// handle element being hidden
|
||||
if (newRect.width === 0 || newRect.height === 0) {
|
||||
|
|
@ -666,7 +666,7 @@ var scrollerFactory = function (frame, options) {
|
|||
|
||||
function onFrameClick(e) {
|
||||
if (e.which === 1) {
|
||||
var focusableParent = focusManager.focusableParent(e.target);
|
||||
const focusableParent = focusManager.focusableParent(e.target);
|
||||
if (focusableParent && focusableParent !== document.activeElement) {
|
||||
focusableParent.focus();
|
||||
}
|
||||
|
|
@ -838,7 +838,7 @@ scrollerFactory.prototype.to = function (location, item, immediate) {
|
|||
if (item === undefined) {
|
||||
this.slideTo(this._pos[location], immediate);
|
||||
} else {
|
||||
var itemPos = this.getPos(item);
|
||||
const itemPos = this.getPos(item);
|
||||
|
||||
if (itemPos) {
|
||||
this.slideTo(itemPos[location], immediate, itemPos);
|
||||
|
|
@ -883,7 +883,7 @@ scrollerFactory.prototype.toCenter = function (item, immediate) {
|
|||
};
|
||||
|
||||
scrollerFactory.create = function (frame, options) {
|
||||
var instance = new scrollerFactory(frame, options);
|
||||
const instance = new scrollerFactory(frame, options);
|
||||
return Promise.resolve(instance);
|
||||
};
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue