diff --git a/src/components/remotecontrol/remotecontrol.js b/src/components/remotecontrol/remotecontrol.js index de029d7f00..d25f4e59e0 100644 --- a/src/components/remotecontrol/remotecontrol.js +++ b/src/components/remotecontrol/remotecontrol.js @@ -114,66 +114,68 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL var item = state.NowPlayingItem; var displayName = item ? getNowPlayingNameHtml(item).replace("
", " - ") : ""; console.debug(JSON.stringify(item, null, 4)); - if (item.Type == "Audio" || item.MediaStreams[0].Type == "Audio") { - var songName = item.Name; - if (item.Album != null && item.Artists != null) { - var albumName = item.Album; - var artistName; - if (item.ArtistItems != null) { - artistName = item.ArtistItems[0].Name; - context.querySelector(".nowPlayingAlbum").innerHTML = '' + albumName + ''; - context.querySelector(".nowPlayingArtist").innerHTML = '' + artistName + ''; - context.querySelector(".contextMenuAlbum").innerHTML = 'album ' + globalize.translate("ViewAlbum") + ''; - context.querySelector(".contextMenuArtist").innerHTML = 'person ' + globalize.translate("ViewArtist") + ''; - } else { - artistName = item.Artists; - context.querySelector(".nowPlayingAlbum").innerHTML = albumName; - context.querySelector(".nowPlayingArtist").innerHTML = artistName; + if (typeof item != 'undefined') { + if (item.Type == "Audio" || item.MediaStreams[0].Type == "Audio") { + var songName = item.Name; + if (item.Album != null && item.Artists != null) { + var albumName = item.Album; + var artistName; + if (item.ArtistItems != null) { + artistName = item.ArtistItems[0].Name; + // context.querySelector(".nowPlayingAlbum").innerHTML = '' + albumName + ''; + context.querySelector(".nowPlayingArtist").innerHTML = '' + artistName + ''; + context.querySelector(".contextMenuAlbum").innerHTML = 'album ' + globalize.translate("ViewAlbum") + ''; + context.querySelector(".contextMenuArtist").innerHTML = 'person ' + globalize.translate("ViewArtist") + ''; + } else { + artistName = item.Artists; + // context.querySelector(".nowPlayingAlbum").innerHTML = albumName; + context.querySelector(".nowPlayingArtist").innerHTML = artistName; + } } - } - context.querySelector(".nowPlayingSongName").innerHTML = songName; - } else if (item.Type == "Episode") { - if (item.SeasonName != null) { - context.querySelector(".nowPlayingSeason").innerHTML = '' + item.SeasonName + ''; - } - if (item.SeriesName != null) { - if (item.SeriesId !=null) { - context.querySelector(".nowPlayingSerie").innerHTML = '' + item.SeriesName + ''; - } else { - context.querySelector(".nowPlayingSerie").innerHTML = item.SeriesName; + context.querySelector(".nowPlayingSongName").innerHTML = songName; + } else if (item.Type == "Episode") { + if (item.SeasonName != null) { + context.querySelector(".nowPlayingSeason").innerHTML = '' + item.SeasonName + ''; } + if (item.SeriesName != null) { + if (item.SeriesId !=null) { + context.querySelector(".nowPlayingSerie").innerHTML = '' + item.SeriesName + ''; + } else { + context.querySelector(".nowPlayingSerie").innerHTML = item.SeriesName; + } + } + context.querySelector(".nowPlayingEpisode").innerHTML = item.Name; + } else { + context.querySelector(".nowPlayingPageTitle").innerHTML = displayName; } - context.querySelector(".nowPlayingEpisode").innerHTML = item.Name; - } else { - context.querySelector(".nowPlayingPageTitle").innerHTML = displayName; - } - if (displayName.length > 0 && item.Type != "Audio") { - context.querySelector(".nowPlayingPageTitle").classList.remove("hide"); - } else { - context.querySelector(".nowPlayingPageTitle").classList.add("hide"); - } + if (displayName.length > 0 && item.Type != "Audio") { + context.querySelector(".nowPlayingPageTitle").classList.remove("hide"); + } else { + context.querySelector(".nowPlayingPageTitle").classList.add("hide"); + } - var url = item ? seriesImageUrl(item, { - maxHeight: 300 * 2 - }) || imageUrl(item, { - maxHeight: 300 * 2 - }) : null; + var url = item ? seriesImageUrl(item, { + maxHeight: 300 * 2 + }) || imageUrl(item, { + maxHeight: 300 * 2 + }) : null; - console.debug("updateNowPlayingInfo"); - setImageUrl(context, state, url); - if (item) { - backdrop.setBackdrops([item]); - var apiClient = connectionManager.getApiClient(item.ServerId); - apiClient.getItem(apiClient.getCurrentUserId(), item.Id).then(function (fullItem) { - var userData = fullItem.UserData || {}; - var likes = null == userData.Likes ? "" : userData.Likes; - context.querySelector(".nowPlayingPageUserDataButtonsTitle").innerHTML = ''; - context.querySelector(".nowPlayingPageUserDataButtons").innerHTML = ''; - }); - } else { - backdrop.clear(); - context.querySelector(".nowPlayingPageUserDataButtons").innerHTML = ""; + console.debug("updateNowPlayingInfo"); + setImageUrl(context, state, url); + if (item) { + backdrop.setBackdrops([item]); + var apiClient = connectionManager.getApiClient(item.ServerId); + apiClient.getItem(apiClient.getCurrentUserId(), item.Id).then(function (fullItem) { + var userData = fullItem.UserData || {}; + var likes = null == userData.Likes ? "" : userData.Likes; + context.querySelector(".nowPlayingPageUserDataButtonsTitle").innerHTML = ''; + context.querySelector(".nowPlayingPageUserDataButtons").innerHTML = ''; + }); + } else { + backdrop.clear(); + context.querySelector(".nowPlayingPageUserDataButtons").innerHTML = ""; + } } }