diff --git a/dashboard-ui/css/nowplaying.css b/dashboard-ui/css/nowplaying.css index 2186b10bb..d1906452e 100644 --- a/dashboard-ui/css/nowplaying.css +++ b/dashboard-ui/css/nowplaying.css @@ -193,3 +193,7 @@ display: none; } } +.nowPlayingPageUserDataButtons iron-icon { + width: 40px; + height: 40px; +} diff --git a/dashboard-ui/nowplaying.html b/dashboard-ui/nowplaying.html index b6b1ad0ea..aba8a48f9 100644 --- a/dashboard-ui/nowplaying.html +++ b/dashboard-ui/nowplaying.html @@ -56,6 +56,9 @@ +
+ +
diff --git a/dashboard-ui/scripts/mediaplayer.js b/dashboard-ui/scripts/mediaplayer.js index 45f7919c6..a1b5bf3d1 100644 --- a/dashboard-ui/scripts/mediaplayer.js +++ b/dashboard-ui/scripts/mediaplayer.js @@ -557,7 +557,8 @@ clearProgressInterval(); - Events.off(mediaRenderer, 'ended.playbackstopped').off('ended.playnext'); + Events.off(mediaRenderer, 'ended.playbackstopped'); + Events.off(mediaRenderer, 'ended.playnext'); $(mediaRenderer).one("play", function () { diff --git a/dashboard-ui/scripts/nowplayingpage.js b/dashboard-ui/scripts/nowplayingpage.js index 39cf012c9..843ee1356 100644 --- a/dashboard-ui/scripts/nowplayingpage.js +++ b/dashboard-ui/scripts/nowplayingpage.js @@ -52,7 +52,9 @@ html += ""; } - elem.html(html).trigger('create').lazyChildren(); + elem.innerHTML = html; + ImageLoader.lazyChildren(elem); + $(elem).trigger('create'); } function selectCurrentChapter(elem, positionTicks) { @@ -69,30 +71,31 @@ var chapterElem = matches[matches.length - 1]; - $(chapterElem).addClass('currentChapter'); + chapterElem.classList.add('currentChapter'); chapterElem.scrollIntoView(); - elem[0].scrollLeft += 50; + elem.scrollLeft += 50; } function showChapterMenu(page, item, currentPositionTicks) { $('.chapterMenuOverlay', page).show(); - var elem = $('.chapterMenu', page).show(); + var elem = page.querySelector('.chapterMenu'); + $(elem).show(); - if (item.Id == elem.attr('data-itemid')) { + if (item.Id == elem.getAttribute('data-itemid')) { selectCurrentChapter(elem, currentPositionTicks); return; } - var innerElem = $('.chapterMenuInner', elem); + var innerElem = elem.querySelector('.chapterMenuInner'); populateChapters(innerElem, item.Chapters, item.Id, item.RunTimeTicks); - elem.attr('data-itemid', item.Id); + elem.setAttribute('data-itemid', item.Id); selectCurrentChapter(elem, currentPositionTicks); } @@ -349,7 +352,7 @@ loadPlaylist(page); }); - $(page).on('click', '.mediaItem', onListItemClick); + Events.on(page, 'click', '.mediaItem', onListItemClick); } function onPlaybackStart(e, state) { @@ -533,6 +536,14 @@ setImageUrl(page, url); Backdrops.setBackdropUrl(page, backdropUrl); + + if (item) { + ApiClient.getItem(Dashboard.getCurrentUserId(), item.Id).done(function (fullItem) { + page.querySelector('.nowPlayingPageUserDataButtons').innerHTML = LibraryBrowser.getUserDataIconsHtml(fullItem, false); + }); + } else { + page.querySelector('.nowPlayingPageUserDataButtons').innerHTML = ''; + } } function setImageUrl(page, url) { @@ -619,9 +630,10 @@ smallIcon: true }); - var itemsContainer = elem.querySelector('.playlist'); + var itemsContainer = page.querySelector('.playlist'); itemsContainer.innerHTML = html; - ImageLoader.lazyChildren(html).trigger('create'); + ImageLoader.lazyChildren(itemsContainer); + $(itemsContainer).trigger('create'); } function onListItemClick(e) {