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

update components

This commit is contained in:
Luke Pulverenti 2016-08-06 10:07:44 -04:00
parent 556b64e92c
commit a8a609a04d
39 changed files with 121 additions and 1198 deletions

View file

@ -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",

View file

@ -2,7 +2,7 @@
function enableAnimation(elem) {
if (browser.mobile) {
if (browser.slow) {
return false;
}

View file

@ -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;
});

View file

@ -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;
}

View file

@ -347,7 +347,7 @@
return true;
}
return browser.mobile;
return true;
}
function centerDialog(dlg) {

View file

@ -179,7 +179,7 @@
this.addEventListener('click', onClick);
if (browser.mobile) {
if (browser.touch) {
this.addEventListener('contextmenu', disableEvent);
} else {
this.addEventListener('contextmenu', onContextMenu);

View file

@ -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');

View file

@ -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) {

View file

@ -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) {

View file

@ -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;
}