mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update components
This commit is contained in:
parent
556b64e92c
commit
a8a609a04d
39 changed files with 121 additions and 1198 deletions
|
@ -14,12 +14,12 @@
|
|||
},
|
||||
"devDependencies": {},
|
||||
"ignore": [],
|
||||
"version": "1.4.154",
|
||||
"_release": "1.4.154",
|
||||
"version": "1.4.156",
|
||||
"_release": "1.4.156",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "1.4.154",
|
||||
"commit": "fc470b13dc1fc1a5d859d3b3da905adba007459a"
|
||||
"tag": "1.4.156",
|
||||
"commit": "b9f97570c0090a85efe1017b589c1f3261de5966"
|
||||
},
|
||||
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
|
||||
"_target": "^1.2.1",
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
function enableAnimation(elem) {
|
||||
|
||||
if (browser.mobile) {
|
||||
if (browser.slow) {
|
||||
return false;
|
||||
}
|
||||
|
||||
|
|
|
@ -28,6 +28,31 @@
|
|||
return false;
|
||||
}
|
||||
|
||||
function isMobile(userAgent) {
|
||||
|
||||
var terms = [
|
||||
'mobi',
|
||||
'ipad',
|
||||
'iphone',
|
||||
'ipod',
|
||||
'silk',
|
||||
'gt-p1000',
|
||||
'nexus 7',
|
||||
'kindle fire',
|
||||
'opera mini'
|
||||
];
|
||||
|
||||
var lower = userAgent.toLowerCase();
|
||||
|
||||
for (var i = 0, length = terms.length; i < length; i++) {
|
||||
if (lower.indexOf(terms[i]) != -1) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
function isStyleSupported(prop, value) {
|
||||
// If no value is supplied, use "inherit"
|
||||
value = arguments.length === 2 ? value : 'inherit';
|
||||
|
@ -128,7 +153,7 @@
|
|||
browser.tv = true;
|
||||
}
|
||||
|
||||
if (userAgent.toLowerCase().indexOf("mobi") != -1) {
|
||||
if (isMobile(userAgent)) {
|
||||
browser.mobile = true;
|
||||
}
|
||||
|
||||
|
@ -144,7 +169,13 @@
|
|||
browser.noFlex = true;
|
||||
}
|
||||
|
||||
//browser.noFlex = (browser.tv && !browser.chrome && !browser.operaTv) || browser.ps4;
|
||||
if (browser.mobile || browser.tv) {
|
||||
browser.slow = true;
|
||||
}
|
||||
|
||||
if (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) {
|
||||
browser.touch = true;
|
||||
}
|
||||
|
||||
return browser;
|
||||
});
|
|
@ -1,5 +1,5 @@
|
|||
define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo', 'focusManager', 'indicators', 'globalize', 'browser', 'layoutManager', 'apphost', 'emby-button', 'css!./card', 'paper-icon-button-light', 'clearButtonStyle'],
|
||||
function (datetime, imageLoader, connectionManager, itemHelper, mediaInfo, focusManager, indicators, globalize, browser, layoutManager, appHost) {
|
||||
define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo', 'focusManager', 'indicators', 'globalize', 'layoutManager', 'apphost', 'emby-button', 'css!./card', 'paper-icon-button-light', 'clearButtonStyle'],
|
||||
function (datetime, imageLoader, connectionManager, itemHelper, mediaInfo, focusManager, indicators, globalize, layoutManager, appHost) {
|
||||
|
||||
// Regular Expressions for parsing tags and attributes
|
||||
var SURROGATE_PAIR_REGEXP = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g,
|
||||
|
@ -102,15 +102,33 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo
|
|||
}
|
||||
}
|
||||
|
||||
function isResizable(windowWidth) {
|
||||
|
||||
var screen = window.screen;
|
||||
if (screen) {
|
||||
var screenWidth = screen.availWidth;
|
||||
|
||||
if ((screenWidth - windowWidth) > 20) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
function getImageWidth(shape) {
|
||||
|
||||
var screenWidth = window.innerWidth;
|
||||
|
||||
if (!browser.mobile && !browser.tv) {
|
||||
if (isResizable(screenWidth)) {
|
||||
var roundScreenTo = 100;
|
||||
screenWidth = Math.ceil(screenWidth / roundScreenTo) * roundScreenTo;
|
||||
}
|
||||
|
||||
if (window.screen) {
|
||||
screenWidth = Math.min(screenWidth, screen.availWidth || screenWidth);
|
||||
}
|
||||
|
||||
var imagesPerRow = getPostersPerRow(shape, screenWidth);
|
||||
|
||||
var shapeWidth = screenWidth / imagesPerRow;
|
||||
|
@ -1094,7 +1112,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo
|
|||
|
||||
if (forceName && !options.cardLayout) {
|
||||
showTitle = imgUrl;
|
||||
|
||||
|
||||
if (overlayText == null) {
|
||||
overlayText = true;
|
||||
}
|
||||
|
|
|
@ -347,7 +347,7 @@
|
|||
return true;
|
||||
}
|
||||
|
||||
return browser.mobile;
|
||||
return true;
|
||||
}
|
||||
|
||||
function centerDialog(dlg) {
|
||||
|
|
|
@ -179,7 +179,7 @@
|
|||
|
||||
this.addEventListener('click', onClick);
|
||||
|
||||
if (browser.mobile) {
|
||||
if (browser.touch) {
|
||||
this.addEventListener('contextmenu', disableEvent);
|
||||
} else {
|
||||
this.addEventListener('contextmenu', onContextMenu);
|
||||
|
|
|
@ -119,7 +119,7 @@
|
|||
|
||||
return registrationServices.validateFeature('livetv').then(function () {
|
||||
|
||||
var limit = browser.mobile ? 100 : 400;
|
||||
var limit = browser.slow ? 100 : 400;
|
||||
|
||||
context.querySelector('.guideRequiresUnlock').classList.add('hide');
|
||||
|
||||
|
|
|
@ -56,7 +56,7 @@ define(['visibleinviewport', 'imageFetcher', 'layoutManager', 'events', 'browser
|
|||
var wheelEvent = (document.implementation.hasFeature('Event.wheel', '3.0') ? 'wheel' : 'mousewheel');
|
||||
var self = {};
|
||||
|
||||
var enableFade = browser.animate && !browser.mobile && !browser.operaTv;
|
||||
var enableFade = browser.animate && !browser.slow;
|
||||
|
||||
function fillImage(elem, source, enableEffects) {
|
||||
|
||||
|
|
|
@ -140,26 +140,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
function shake(elem, iterations) {
|
||||
var keyframes = [
|
||||
{ transform: 'translate3d(0, 0, 0)', offset: 0 },
|
||||
{ transform: 'translate3d(-10px, 0, 0)', offset: 0.1 },
|
||||
{ transform: 'translate3d(10px, 0, 0)', offset: 0.2 },
|
||||
{ transform: 'translate3d(-10px, 0, 0)', offset: 0.3 },
|
||||
{ transform: 'translate3d(10px, 0, 0)', offset: 0.4 },
|
||||
{ transform: 'translate3d(-10px, 0, 0)', offset: 0.5 },
|
||||
{ transform: 'translate3d(10px, 0, 0)', offset: 0.6 },
|
||||
{ transform: 'translate3d(-10px, 0, 0)', offset: 0.7 },
|
||||
{ transform: 'translate3d(10px, 0, 0)', offset: 0.8 },
|
||||
{ transform: 'translate3d(-10px, 0, 0)', offset: 0.9 },
|
||||
{ transform: 'translate3d(0, 0, 0)', offset: 1 }];
|
||||
var timing = { duration: 900, iterations: iterations };
|
||||
|
||||
if (elem.animate) {
|
||||
elem.animate(keyframes, timing);
|
||||
}
|
||||
}
|
||||
|
||||
function showSelectionCommands() {
|
||||
|
||||
var selectionCommandsPanel = currentSelectionCommandsPanel;
|
||||
|
@ -189,10 +169,6 @@
|
|||
var btnSelectionPanelOptions = selectionCommandsPanel.querySelector('.btnSelectionPanelOptions');
|
||||
|
||||
btnSelectionPanelOptions.addEventListener('click', showMenuForSelectedItems);
|
||||
|
||||
if (!browser.mobile) {
|
||||
shake(btnSelectionPanelOptions, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -488,7 +464,7 @@
|
|||
function initTapHold(element) {
|
||||
|
||||
// mobile safari doesn't allow contextmenu override
|
||||
if (browser.mobile && !browser.safari) {
|
||||
if (browser.touch && !browser.safari) {
|
||||
container.addEventListener('contextmenu', onTapHold);
|
||||
} else {
|
||||
require(['hammer'], function (Hammer) {
|
||||
|
|
|
@ -170,11 +170,7 @@ define(['browser', 'layoutManager', 'scrollStyles'], function (browser, layoutMa
|
|||
// transform is the only way to guarantee animation
|
||||
options.enableNativeScroll = false;
|
||||
}
|
||||
else if (layoutManager.mobile) {
|
||||
|
||||
options.enableNativeScroll = true;
|
||||
}
|
||||
else if (browser.edge && !browser.xboxOne) {
|
||||
else if (browser.edge && (!browser.xboxOne && !browser.touch)) {
|
||||
// no scrolling supported
|
||||
options.enableNativeScroll = false;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue