Merge pull request #1742 from MediaBrowser/dev

Dev
This commit is contained in:
Luke 2016-05-17 01:47:31 -04:00
commit 22c70dbf75
16 changed files with 93 additions and 94 deletions

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -34,6 +34,6 @@
"commit": "11c987b2eb3c73b388a79fc8aaea8ca01624f514"
},
"_source": "git://github.com/Polymer/polymer.git",
"_target": "^1.2.0",
"_target": "^1.0.0",
"_originalSource": "Polymer/polymer"
}

View file

@ -373,7 +373,7 @@ define(['browser'], function (browser) {
currentUrls = [];
}
if (enableAnimation() && !browser.animate) {
if (enableAnimation() && !document.documentElement.animate) {
require(['webAnimations']);
}

View file

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

View file

@ -4,6 +4,8 @@
vertical-align: middle;
width: auto;
margin: 0;
padding-top: 0;
padding-bottom: 0;
}
.btnNotificationsInner {

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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