commit
22c70dbf75
16 changed files with 93 additions and 94 deletions
|
@ -16,12 +16,12 @@
|
|||
},
|
||||
"devDependencies": {},
|
||||
"ignore": [],
|
||||
"version": "1.3.39",
|
||||
"_release": "1.3.39",
|
||||
"version": "1.3.40",
|
||||
"_release": "1.3.40",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "1.3.39",
|
||||
"commit": "51bc3e7758132f864fa17488be6f233a55537087"
|
||||
"tag": "1.3.40",
|
||||
"commit": "f5d6ceea8a3fccab8b2794df5aabb78309ca57a5"
|
||||
},
|
||||
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
|
||||
"_target": "^1.2.0",
|
||||
|
|
|
@ -11,11 +11,8 @@
|
|||
if (maxAllowedWidth >= 1900) {
|
||||
|
||||
options.push({ name: '1080p - 60Mbps', maxHeight: 1080, bitrate: 60000000 });
|
||||
options.push({ name: '1080p - 55Mbps', maxHeight: 1080, bitrate: 55000000 });
|
||||
options.push({ name: '1080p - 50Mbps', maxHeight: 1080, bitrate: 50000000 });
|
||||
options.push({ name: '1080p - 45Mbps', maxHeight: 1080, bitrate: 45000000 });
|
||||
options.push({ name: '1080p - 40Mbps', maxHeight: 1080, bitrate: 40000000 });
|
||||
options.push({ name: '1080p - 35Mbps', maxHeight: 1080, bitrate: 35000000 });
|
||||
options.push({ name: '1080p - 30Mbps', maxHeight: 1080, bitrate: 30000000 });
|
||||
options.push({ name: '1080p - 25Mbps', maxHeight: 1080, bitrate: 25000000 });
|
||||
options.push({ name: '1080p - 20Mbps', maxHeight: 1080, bitrate: 20000000 });
|
||||
|
|
|
@ -3,7 +3,6 @@ define(['browser'], function (browser) {
|
|||
var allPages = document.querySelectorAll('.mainAnimatedPage');
|
||||
var currentUrls = [];
|
||||
var pageContainerCount = allPages.length;
|
||||
var animationDuration = 500;
|
||||
var allowAnimation = true;
|
||||
var selectedPageIndex = -1;
|
||||
|
||||
|
@ -154,7 +153,7 @@ define(['browser'], function (browser) {
|
|||
function fade(newAnimatedPage, oldAnimatedPage, transition, isBack) {
|
||||
|
||||
var timings = {
|
||||
duration: animationDuration,
|
||||
duration: 200,
|
||||
iterations: 1,
|
||||
easing: 'ease-out',
|
||||
fill: 'both'
|
||||
|
@ -210,16 +209,6 @@ define(['browser'], function (browser) {
|
|||
onBeforeChange = fn;
|
||||
}
|
||||
|
||||
function sendResolve(resolve, view) {
|
||||
|
||||
// Don't report completion until the animation has finished, otherwise rendering may not perform well
|
||||
setTimeout(function () {
|
||||
|
||||
resolve(view);
|
||||
|
||||
}, animationDuration);
|
||||
}
|
||||
|
||||
function getSelectedIndex(allPages) {
|
||||
|
||||
return selectedPageIndex;
|
||||
|
@ -275,31 +264,14 @@ define(['browser'], function (browser) {
|
|||
currentUrls = [];
|
||||
}
|
||||
|
||||
function parentWithClass(elem, className) {
|
||||
|
||||
while (!elem.classList || !elem.classList.contains(className)) {
|
||||
elem = elem.parentNode;
|
||||
|
||||
if (!elem) {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
return elem;
|
||||
}
|
||||
|
||||
function init(isAnimationAllowed) {
|
||||
|
||||
if (allowAnimation && enableAnimation() && !browser.animate) {
|
||||
require(['webAnimations']);
|
||||
}
|
||||
if (enableAnimation() && !browser.animate) {
|
||||
require(['webAnimations']);
|
||||
}
|
||||
|
||||
return {
|
||||
loadView: loadView,
|
||||
tryRestoreView: tryRestoreView,
|
||||
reset: reset,
|
||||
setOnBeforeChange: setOnBeforeChange,
|
||||
init: init
|
||||
setOnBeforeChange: setOnBeforeChange
|
||||
};
|
||||
});
|
|
@ -32,14 +32,14 @@
|
|||
"web-component-tester": "^4.0.0",
|
||||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
||||
},
|
||||
"homepage": "https://github.com/PolymerElements/iron-icon",
|
||||
"homepage": "https://github.com/polymerelements/iron-icon",
|
||||
"_release": "1.0.8",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.0.8",
|
||||
"commit": "f36b38928849ef3853db727faa8c9ef104d611eb"
|
||||
},
|
||||
"_source": "git://github.com/PolymerElements/iron-icon.git",
|
||||
"_source": "git://github.com/polymerelements/iron-icon.git",
|
||||
"_target": "^1.0.0",
|
||||
"_originalSource": "PolymerElements/iron-icon"
|
||||
"_originalSource": "polymerelements/iron-icon"
|
||||
}
|
|
@ -28,14 +28,14 @@
|
|||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
||||
},
|
||||
"ignore": [],
|
||||
"homepage": "https://github.com/polymerelements/iron-resizable-behavior",
|
||||
"homepage": "https://github.com/PolymerElements/iron-resizable-behavior",
|
||||
"_release": "1.0.3",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.0.3",
|
||||
"commit": "dda1df6aaf452aedf3e52ff0cf69e72439452216"
|
||||
},
|
||||
"_source": "git://github.com/polymerelements/iron-resizable-behavior.git",
|
||||
"_source": "git://github.com/PolymerElements/iron-resizable-behavior.git",
|
||||
"_target": "^1.0.0",
|
||||
"_originalSource": "polymerelements/iron-resizable-behavior"
|
||||
"_originalSource": "PolymerElements/iron-resizable-behavior"
|
||||
}
|
|
@ -8,4 +8,7 @@ Code distributed by Google as part of the polymer project is also
|
|||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<script src="../web-animations-js/web-animations-next-lite.min.js"></script>
|
||||
<!--<script src="../web-animations-js/web-animations-next-lite.min.js"></script>-->
|
||||
<script>
|
||||
require(['webAnimations']);
|
||||
</script>
|
|
@ -34,6 +34,6 @@
|
|||
"commit": "11c987b2eb3c73b388a79fc8aaea8ca01624f514"
|
||||
},
|
||||
"_source": "git://github.com/Polymer/polymer.git",
|
||||
"_target": "^1.2.0",
|
||||
"_target": "^1.0.0",
|
||||
"_originalSource": "Polymer/polymer"
|
||||
}
|
|
@ -373,7 +373,7 @@ define(['browser'], function (browser) {
|
|||
currentUrls = [];
|
||||
}
|
||||
|
||||
if (enableAnimation() && !browser.animate) {
|
||||
if (enableAnimation() && !document.documentElement.animate) {
|
||||
require(['webAnimations']);
|
||||
}
|
||||
|
||||
|
|
|
@ -209,7 +209,7 @@
|
|||
width: auto;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
color: #999 !important;
|
||||
color: #aaa !important;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
flex-shrink: 0;
|
||||
|
@ -223,6 +223,7 @@
|
|||
min-width: initial;
|
||||
line-height: initial;
|
||||
border-radius: 0 !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.libraryViewNav .pageTabButton:hover {
|
||||
|
@ -241,22 +242,18 @@
|
|||
color: #fff !important;
|
||||
}
|
||||
|
||||
.libraryViewNav .pageTabButton:after {
|
||||
content: '';
|
||||
.pageTabButtonSelectionBar {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
border: 0;
|
||||
bottom: 0;
|
||||
height: 2px;
|
||||
transition: all .2s cubic-bezier(.4,0,1,1);
|
||||
right: 0;
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
border-radius: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.libraryViewNav .pageTabButton.is-active:after {
|
||||
transform: none;
|
||||
.pageTabButton.is-active .pageTabButtonSelectionBar {
|
||||
background: #52B54B;
|
||||
}
|
||||
|
||||
|
|
|
@ -4,6 +4,8 @@
|
|||
vertical-align: middle;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.btnNotificationsInner {
|
||||
|
|
|
@ -5,7 +5,8 @@
|
|||
}
|
||||
|
||||
[is=paper-icon-button-light] iron-icon, [is=paper-icon-button-light] img {
|
||||
width: 100%;
|
||||
/* Don't specify both dimensions or it may not get sized properly */
|
||||
/*width: 100%;*/
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
<button class="pageTabButton" data-index="3">${TabUpcoming}</button>
|
||||
</div>
|
||||
<div class="is-active pageTabContent ehsContent" id="homeTab" data-index="0">
|
||||
<div class="ui-bar-b readOnlyContent welcomeMessage" style="display: none; padding: 2em; border-radius: 10px; margin: 2em auto; font-weight: normal;">
|
||||
<div class="ui-bar-b readOnlyContent welcomeMessage hide" style="padding: 2em; border-radius: 10px; margin: 2em auto; font-weight: normal;">
|
||||
<h1 style="margin-top: 0;" class="tourHeader"></h1>
|
||||
<p>
|
||||
<paper-button raised class="submit block btnTakeTour"><iron-icon icon="check"></iron-icon><span class="tourButtonText"></span></paper-button>
|
||||
|
@ -25,7 +25,7 @@
|
|||
<div id="nextUpItems" class="itemsContainer">
|
||||
</div>
|
||||
</div>
|
||||
<p class="noNextUpItems" style="display: none;">${NoNextUpItemsMessage}</p>
|
||||
<p class="noNextUpItems hide">${NoNextUpItemsMessage}</p>
|
||||
</div>
|
||||
<div class="pageTabContent ehsContent" id="favoritesTab" data-index="2">
|
||||
<div class="favoriteSections"></div>
|
||||
|
@ -33,7 +33,7 @@
|
|||
<div class="pageTabContent ehsContent" id="upcomingTab" data-index="3">
|
||||
<div id="upcomingItems" class="itemsContainer">
|
||||
</div>
|
||||
<div class="noItemsMessage" style="display: none;">
|
||||
<div class="noItemsMessage hide">
|
||||
<p>${MessageNothingHere}</p>
|
||||
<p>
|
||||
<a href="metadata.html">${MessagePleaseEnsureInternetMetadata}</a>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
define(['libraryBrowser', 'jQuery'], function (libraryBrowser, $) {
|
||||
define(['libraryBrowser', 'jQuery'], function (libraryBrowser) {
|
||||
|
||||
var defaultFirstSection = 'smalllibrarytiles';
|
||||
|
||||
|
@ -152,22 +152,23 @@
|
|||
function showWelcomeIfNeeded(page, displayPreferences) {
|
||||
|
||||
if (displayPreferences.CustomPrefs[homePageTourKey] == homePageDismissValue) {
|
||||
$('.welcomeMessage', page).hide();
|
||||
page.querySelector('.welcomeMessage').classList.add('hide');
|
||||
} else {
|
||||
|
||||
Dashboard.hideLoadingMsg();
|
||||
|
||||
var elem = $('.welcomeMessage', page).show();
|
||||
var elem = page.querySelector('.welcomeMessage');
|
||||
elem.classList.remove('hide');
|
||||
|
||||
if (displayPreferences.CustomPrefs[homePageTourKey]) {
|
||||
|
||||
$('.tourHeader', elem).html(Globalize.translate('HeaderWelcomeBack'));
|
||||
$('.tourButtonText', elem).html(Globalize.translate('ButtonTakeTheTourToSeeWhatsNew'));
|
||||
elem.querySelector('.tourHeader').innerHTML = Globalize.translate('HeaderWelcomeBack');
|
||||
elem.querySelector('.tourButtonText').innerHTML = Globalize.translate('ButtonTakeTheTourToSeeWhatsNew');
|
||||
|
||||
} else {
|
||||
|
||||
$('.tourHeader', elem).html(Globalize.translate('HeaderWelcomeToProjectWebClient'));
|
||||
$('.tourButtonText', elem).html(Globalize.translate('ButtonTakeTheTour'));
|
||||
elem.querySelector('.tourHeader').innerHTML = Globalize.translate('HeaderWelcomeToProjectWebClient');
|
||||
elem.querySelector('.tourButtonText').innerHTML = Globalize.translate('ButtonTakeTheTour');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -205,7 +206,7 @@
|
|||
newSlideShow.show();
|
||||
|
||||
dismissWelcome(page, userId);
|
||||
$('.welcomeMessage', page).hide();
|
||||
page.querySelector('.welcomeMessage').classList.add('hide');
|
||||
});
|
||||
});
|
||||
}
|
||||
|
|
|
@ -15,14 +15,32 @@
|
|||
|
||||
function fadeInRight(elem) {
|
||||
|
||||
var pct = browserInfo.mobile ? '2%' : '1%';
|
||||
var pct = browserInfo.mobile ? '2%' : '0.5%';
|
||||
|
||||
var keyframes = [
|
||||
{ opacity: '0', transform: 'translate3d(' + pct + ', 0, 0)', offset: 0 },
|
||||
{ opacity: '1', transform: 'none', offset: 1 }];
|
||||
|
||||
elem.animate(keyframes, {
|
||||
duration: 300,
|
||||
duration: 160,
|
||||
iterations: 1,
|
||||
easing: 'ease-out'
|
||||
});
|
||||
}
|
||||
|
||||
function animateSelectionBar(button) {
|
||||
|
||||
var elem = button.querySelector('.pageTabButtonSelectionBar');
|
||||
|
||||
var keyframes = [
|
||||
{ transform: 'translate3d(-100%, 0, 0)', offset: 0 },
|
||||
{ transform: 'none', offset: 1 }];
|
||||
|
||||
if (!elem.animate) {
|
||||
return;
|
||||
}
|
||||
elem.animate(keyframes, {
|
||||
duration: 120,
|
||||
iterations: 1,
|
||||
easing: 'ease-out'
|
||||
});
|
||||
|
@ -248,10 +266,11 @@
|
|||
|
||||
var buttons = tabs.querySelectorAll('.pageTabButton');
|
||||
for (var i = 0, length = buttons.length; i < length; i++) {
|
||||
buttons[i].classList.add('mdl-button');
|
||||
buttons[i].classList.add('mdl-js-button');
|
||||
buttons[i].classList.add('mdl-js-ripple-effect');
|
||||
componentHandler.upgradeElement(buttons[i], 'MaterialButton');
|
||||
//buttons[i].classList.add('mdl-button');
|
||||
//buttons[i].classList.add('mdl-js-button');
|
||||
var div = document.createElement('div');
|
||||
div.classList.add('pageTabButtonSelectionBar');
|
||||
buttons[i].appendChild(div);
|
||||
}
|
||||
|
||||
tabs.classList.add('hiddenScrollX');
|
||||
|
@ -269,16 +288,17 @@
|
|||
}
|
||||
|
||||
link.classList.add('is-active');
|
||||
animateSelectionBar(link);
|
||||
var index = parseInt(link.getAttribute('data-index'));
|
||||
var newPanel = panels[index];
|
||||
|
||||
if (animateTabs && animateTabs.indexOf(index) != -1 && /*browserInfo.animate &&*/ newPanel.animate) {
|
||||
fadeInRight(newPanel);
|
||||
}
|
||||
|
||||
// If toCenter is called syncronously within the click event, it sometimes ends up canceling it
|
||||
setTimeout(function () {
|
||||
|
||||
if (animateTabs && animateTabs.indexOf(index) != -1 && /*browserInfo.animate &&*/ newPanel.animate) {
|
||||
fadeInRight(newPanel);
|
||||
}
|
||||
|
||||
tabs.dispatchEvent(new CustomEvent("tabchange", {
|
||||
detail: {
|
||||
selectedTabIndex: index
|
||||
|
@ -288,7 +308,7 @@
|
|||
newPanel.classList.add('is-active');
|
||||
|
||||
//scrollHelper.toCenter(tabs, link, true);
|
||||
}, 100);
|
||||
}, 120);
|
||||
}
|
||||
});
|
||||
|
||||
|
|
|
@ -157,17 +157,21 @@
|
|||
case 0:
|
||||
break;
|
||||
case 1:
|
||||
document.body.classList.add('autoScrollY');
|
||||
depends.push('scripts/livetvguide');
|
||||
break;
|
||||
case 2:
|
||||
document.body.classList.remove('autoScrollY');
|
||||
depends.push('scripts/livetvchannels');
|
||||
depends.push('paper-icon-item');
|
||||
depends.push('paper-item-body');
|
||||
break;
|
||||
case 3:
|
||||
document.body.classList.remove('autoScrollY');
|
||||
depends.push('scripts/livetvrecordings');
|
||||
break;
|
||||
case 4:
|
||||
document.body.classList.remove('autoScrollY');
|
||||
depends.push('scripts/livetvseriestimers');
|
||||
break;
|
||||
default:
|
||||
|
@ -210,13 +214,6 @@
|
|||
loadTab(view, parseInt(e.detail.selectedTabIndex));
|
||||
});
|
||||
|
||||
view.addEventListener('viewshow', function (e) {
|
||||
|
||||
// Needed on the guide tab
|
||||
// Ideally this should be moved to the guide tab on show/hide
|
||||
document.body.classList.add('autoScrollY');
|
||||
});
|
||||
|
||||
view.addEventListener('viewbeforehide', function (e) {
|
||||
|
||||
document.body.classList.remove('autoScrollY');
|
||||
|
|
|
@ -2714,49 +2714,57 @@ var AppInfo = {};
|
|||
defineRoute({
|
||||
path: '/mypreferencesdisplay.html',
|
||||
dependencies: ['paper-button'],
|
||||
autoFocus: false
|
||||
autoFocus: false,
|
||||
transition: 'fade'
|
||||
});
|
||||
|
||||
defineRoute({
|
||||
path: '/mypreferenceshome.html',
|
||||
dependencies: ['paper-button'],
|
||||
autoFocus: false
|
||||
autoFocus: false,
|
||||
transition: 'fade'
|
||||
});
|
||||
|
||||
defineRoute({
|
||||
path: '/mypreferenceslanguages.html',
|
||||
dependencies: ['paper-button'],
|
||||
autoFocus: false
|
||||
autoFocus: false,
|
||||
transition: 'fade'
|
||||
});
|
||||
|
||||
defineRoute({
|
||||
path: '/mypreferencesmenu.html',
|
||||
dependencies: ['paper-button'],
|
||||
autoFocus: false
|
||||
autoFocus: false,
|
||||
transition: 'fade'
|
||||
});
|
||||
|
||||
defineRoute({
|
||||
path: '/myprofile.html',
|
||||
dependencies: ['paper-button'],
|
||||
autoFocus: false
|
||||
autoFocus: false,
|
||||
transition: 'fade'
|
||||
});
|
||||
|
||||
defineRoute({
|
||||
path: '/mysync.html',
|
||||
dependencies: [],
|
||||
autoFocus: false
|
||||
autoFocus: false,
|
||||
transition: 'fade'
|
||||
});
|
||||
|
||||
defineRoute({
|
||||
path: '/mysyncjob.html',
|
||||
dependencies: [],
|
||||
autoFocus: false
|
||||
autoFocus: false,
|
||||
transition: 'fade'
|
||||
});
|
||||
|
||||
defineRoute({
|
||||
path: '/mysyncsettings.html',
|
||||
dependencies: [],
|
||||
autoFocus: false
|
||||
autoFocus: false,
|
||||
transition: 'fade'
|
||||
});
|
||||
|
||||
defineRoute({
|
||||
|
@ -2784,7 +2792,8 @@ var AppInfo = {};
|
|||
path: '/nowplaying.html',
|
||||
dependencies: ['paper-icon-button-light', 'paper-slider', 'paper-button'],
|
||||
controller: 'scripts/nowplayingpage',
|
||||
autoFocus: false
|
||||
autoFocus: false,
|
||||
transition: 'fade'
|
||||
});
|
||||
|
||||
defineRoute({
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue