2016-09-06 20:38:01 -07:00
< div id = "itemDetailPage" data-role = "page" class = "page libraryPage itemDetailPage noSecondaryNavPage selfBackdropPage" data-theme = "b" data-backbutton = "true" >
2015-06-16 10:37:49 -07:00
2016-12-15 13:03:57 -07:00
< style >
@media all and (min-width: 800px) {
.itemBackdrop {
display: none;
}
}
< / style >
2016-03-15 22:33:31 -07:00
< div id = "itemBackdrop" class = "itemBackdrop noBackdrop" >
2017-06-19 11:09:05 -07:00
< div class = "itemBackdropFader" >
2015-08-17 21:22:45 -07:00
< / div >
2017-01-23 12:06:13 -07:00
< button is = "emby-button" type = "button" class = "btnPlay detailFloatingButton hide fab autoSize" title = "${ButtonPlay}" data-mode = "playmenu" > < i class = "md-icon" > play_arrow< / i > < / button >
2016-12-02 01:03:38 -07:00
< / div >
2015-02-02 21:54:52 -07:00
2016-12-19 22:22:31 -07:00
< div class = "detailLogo" > < / div >
2017-04-18 10:48:27 -07:00
< div class = "detailPageContent padded-bottom-page" >
2015-02-02 21:54:52 -07:00
2017-04-27 10:54:54 -07:00
< div class = "detailPagePrimaryContainer padded-left padded-right" >
2016-12-02 01:03:38 -07:00
< div class = "detailImageContainer" >
2016-03-15 22:33:31 -07:00
< / div >
2016-12-02 01:03:38 -07:00
< div class = "detailPagePrimaryContent" >
2016-12-03 00:58:48 -07:00
2016-12-02 01:03:38 -07:00
< div class = "detailSection" style = "margin-bottom: 0;" >
2016-09-20 09:51:16 -07:00
2016-12-17 21:58:20 -07:00
< h1 class = "parentName" style = "margin: .25em 0;" > < / h1 >
< h1 class = "itemName" style = "margin: .5em 0;" > < / h1 >
2016-12-02 01:03:38 -07:00
2016-12-17 21:58:20 -07:00
< div class = "itemMiscInfo itemMiscInfo-primary" style = "margin: 1em 0;" >
2016-12-02 01:03:38 -07:00
2016-12-17 21:58:20 -07:00
< / div >
2016-12-02 01:03:38 -07:00
2016-12-17 21:58:20 -07:00
< div class = "itemMiscInfo itemMiscInfo-secondary" style = "margin: 1em 0;" >
2016-12-02 01:03:38 -07:00
< / div >
2017-06-19 11:09:05 -07:00
< div class = "mainDetailButtons mainDetailButtons-mobile" >
< button is = "emby-button" type = "button" class = "button-flat btnResume btnPlaySimple hide detailButton-mobile" data-mode = "resume" >
< div class = "detailButton-mobile-content" >
< i class = "md-icon detailButton-mobile-icon" > play_arrow< / i >
< div class = "detailButton-mobile-text" > ${ButtonResume}< / div >
< / div >
< / button >
< button is = "emby-button" type = "button" class = "button-flat btnPlay btnPlaySimple hide detailButton-mobile" data-mode = "play" >
< div class = "detailButton-mobile-content" >
< i class = "md-icon detailButton-mobile-icon" > play_arrow< / i >
< div class = "detailButton-mobile-text" > ${ButtonPlay}< / div >
< / div >
< / button >
< button is = "emby-button" type = "button" class = "button-flat btnPlayTrailer hide detailButton-mobile" >
< div class = "detailButton-mobile-content" >
< i class = "md-icon detailButton-mobile-icon" >  < / i >
< div class = "detailButton-mobile-text" > ${ButtonTrailer}< / div >
< / div >
< / button >
< button is = "emby-button" type = "button" class = "button-flat btnInstantMix hide detailButton-mobile" >
< div class = "detailButton-mobile-content" >
< i class = "md-icon detailButton-mobile-icon" >  < / i >
< div class = "detailButton-mobile-text" > ${HeaderInstantMix}< / div >
< / div >
< / button >
< button is = "emby-button" type = "button" class = "button-flat btnShuffle hide detailButton-mobile" >
< div class = "detailButton-mobile-content" >
< i class = "md-icon detailButton-mobile-icon" >  < / i >
< div class = "detailButton-mobile-text" > ${ButtonShuffle}< / div >
< / div >
< / button >
2017-06-20 12:36:34 -07:00
< button is = "emby-downloadbutton" type = "button" class = "button-flat btnSyncDownload hide detailButton-mobile" >
< div class = "detailButton-mobile-content" >
< i class = "md-icon detailButton-mobile-icon" > file_download< / i >
< div class = "detailButton-mobile-text emby-downloadbutton-downloadtext" > ${ButtonDownload}< / div >
< / div >
< / button >
2017-06-19 11:09:05 -07:00
< button is = "emby-button" type = "button" class = "button-flat btnMoreCommands hide detailButton-mobile" >
< div class = "detailButton-mobile-content" >
< i class = "md-icon detailButton-mobile-icon" > more_vert< / i >
< div class = "detailButton-mobile-text" > ${ButtonMore}< / div >
< / div >
< / button >
< button is = "emby-button" type = "button" class = "button-flat btnCancelSeriesTimer hide detailButton-mobile" >
< div class = "detailButton-mobile-content" >
< i class = "md-icon detailButton-mobile-icon" >  < / i >
< div class = "detailButton-mobile-text" > ${ButtonCancelSeries}< / div >
< / div >
< / button >
< button is = "emby-button" type = "button" class = "button-flat btnDeleteItem hide detailButton-mobile" >
< div class = "detailButton-mobile-content" >
< i class = "md-icon detailButton-mobile-icon" >  < / i >
< div class = "detailButton-mobile-text" > ${Delete}< / div >
< / div >
< / button >
< button is = "emby-playstatebutton" type = "button" class = "button-flat btnPlaystate hide detailButton-mobile" >
< div class = "detailButton-mobile-content" >
< i class = "md-icon detailButton-mobile-icon" > check< / i >
< div class = "detailButton-mobile-text" > < / div >
< / div >
< / button >
< button is = "emby-ratingbutton" type = "button" class = "button-flat btnUserRating hide detailButton-mobile" >
< div class = "detailButton-mobile-content" >
< i class = "md-icon detailButton-mobile-icon" >  < / i >
< div class = "detailButton-mobile-text" > ${Rate}< / div >
< / div >
< / button >
< / div >
< div class = "mainDetailButtons mainDetailButtons-nonmobile" >
2017-01-23 14:51:23 -07:00
< button is = "emby-button" type = "button" class = "raised subdued btnPlaySimple btnResume hide" data-mode = "resume" >
2017-01-23 12:06:13 -07:00
< span > ${ButtonResume}< / span >
< / button >
< button is = "emby-button" type = "button" class = "raised subdued btnPlay btnPlaySimple hide" data-mode = "play" >
2016-12-02 01:03:38 -07:00
< span > ${ButtonPlay}< / span >
< / button >
2017-01-18 12:53:10 -07:00
< button is = "emby-button" type = "button" class = "raised subdued btnInstantMix hide" >
< span > ${HeaderInstantMix}< / span >
< / button >
< button is = "emby-button" type = "button" class = "raised subdued btnShuffle hide" >
< span > ${ButtonShuffle}< / span >
< / button >
2016-12-02 01:03:38 -07:00
< button is = "emby-button" type = "button" class = "raised subdued btnPlayTrailer hide" >
< span > ${ButtonTrailer}< / span >
< / button >
2016-12-17 21:58:20 -07:00
< button is = "emby-button" type = "button" class = "raised subdued btnCancelSeriesTimer hide" >
< span > ${ButtonCancelSeries}< / span >
< / button >
2017-01-18 12:53:10 -07:00
2017-06-20 12:36:34 -07:00
< div style = "margin-left: .5em; display: flex; align-items: center;" >
2017-01-18 12:53:10 -07:00
< button is = "emby-button" type = "button" class = "btnMoreCommands fab mini hide" title = "${ButtonMore}" > < i class = "md-icon" > more_vert< / i > < / button >
< button is = "emby-button" type = "button" class = "btnDeleteItem fab mini hide" title = "${DeleteMedia}" > < i class = "md-icon" >  < / i > < / button >
2017-06-19 11:09:05 -07:00
< button is = "emby-playstatebutton" type = "button" class = "btnPlaystate fab mini hide" > < i class = "md-icon" > check< / i > < / button >
< button is = "emby-ratingbutton" type = "button" class = "btnUserRating fab mini hide" > < i class = "md-icon" >  < / i > < / button >
2017-01-18 12:53:10 -07:00
< / div >
2016-12-02 01:03:38 -07:00
< / div >
2017-06-20 12:36:34 -07:00
< button is = "emby-downloadbutton" type = "button" class = "button-flat btnSyncDownload hide mainDetailButtons-nonmobile" style = "margin: 1em 0 0;" >
< i class = "md-icon" > file_download< / i >
< span class = "emby-downloadbutton-downloadtext" > ${ButtonDownload}< / span >
< / button >
2016-12-09 00:26:39 -07:00
2016-12-17 21:58:20 -07:00
< div class = "recordingFields hide" style = "margin: .5em 0 1.5em;" >
2016-12-02 01:03:38 -07:00
< / div >
< div class = "detailSectionContent" >
2016-12-09 00:26:39 -07:00
< p class = "itemGenres" > < / p >
2016-12-02 01:03:38 -07:00
< h1 class = "tagline" style = "margin-bottom: .7em;" > < / h1 >
< p class = "artist" > < / p >
< p class = "overview" > < / p >
2016-12-09 00:26:39 -07:00
< div class = "mediaInfoIcons hide" >
< / div >
2016-12-02 01:03:38 -07:00
< p id = "itemBirthday" > < / p >
< p id = "itemBirthLocation" > < / p >
< p id = "itemDeathDate" > < / p >
< p id = "seriesAirTime" > < / p >
2016-12-09 00:26:39 -07:00
< p class = "itemExternalLinks" > < / p >
2016-12-02 01:03:38 -07:00
< p class = "itemStudios" > < / p >
< p class = "itemTags" > < / p >
2016-12-17 21:58:20 -07:00
< div class = "seriesRecordingEditor" >
< / div >
2016-12-02 01:03:38 -07:00
< / div >
2013-06-12 14:46:50 -07:00
< / div >
2016-03-15 22:33:31 -07:00
< / div >
2016-12-02 01:03:38 -07:00
< / div >
2017-04-27 10:54:54 -07:00
< div class = "seriesTimerScheduleSection verticalSection detailVerticalSection hide" style = "margin-top:-3em;" >
< h2 class = "sectionTitle padded-left" >
2016-12-17 21:58:20 -07:00
${HeaderSchedule}
2017-04-27 10:54:54 -07:00
< / h2 >
< div class = "seriesTimerSchedule padded-left padded-right" >
2016-03-15 22:33:31 -07:00
< / div >
2016-12-17 21:58:20 -07:00
< / div >
< div class = "collectionItems" > < / div >
2017-04-27 10:54:54 -07:00
< div class = "nextUpSection verticalSection detailVerticalSection hide" >
< h2 class = "sectionTitle sectionTitle-cards padded-left" >
2016-12-17 21:58:20 -07:00
${HeaderNextUp}
2017-04-27 10:54:54 -07:00
< / h2 >
< div is = "emby-itemscontainer" class = "nextUpItems vertical-wrap padded-left padded-right" > < / div >
2016-12-17 21:58:20 -07:00
< / div >
2017-04-27 10:54:54 -07:00
< div id = "childrenCollapsible" class = "hide verticalSection detailVerticalSection" >
< h2 class = "childrenSectionHeader sectionTitle sectionTitle-cards padded-left" >
2016-12-17 21:58:20 -07:00
< span id = "childrenTitle" > < / span >
2017-04-27 10:54:54 -07:00
< / h2 >
2016-12-17 21:58:20 -07:00
< div id = "childrenContent" >
2017-04-27 10:54:54 -07:00
< div is = "emby-itemscontainer" class = "childrenItemsContainer itemsContainer padded-left padded-right" style = "text-align: left;" > < / div >
2016-10-18 11:23:41 -07:00
< / div >
2016-12-17 21:58:20 -07:00
< / div >
2017-04-27 10:54:54 -07:00
< div id = "additionalPartsCollapsible" class = "verticalSection detailVerticalSection hide" >
< h2 class = "sectionTitle sectionTitle-cards padded-left" >
2016-12-17 21:58:20 -07:00
${HeaderAdditionalParts}
2017-04-27 10:54:54 -07:00
< / h2 >
< div id = "additionalPartsContent" is = "emby-itemscontainer" class = "itemsContainer vertical-wrap padded-left padded-right" > < / div >
2016-12-17 21:58:20 -07:00
< / div >
2017-04-27 10:54:54 -07:00
< div id = "castCollapsible" class = "verticalSection detailVerticalSection hide" >
< h2 id = "peopleHeader" class = "sectionTitle sectionTitle-cards padded-left" >
2016-12-17 21:58:20 -07:00
${HeaderCastCrew}
2017-04-27 10:54:54 -07:00
< / h2 >
< div id = "castContent" is = "emby-itemscontainer" class = "itemsContainer padded-left padded-right" > < / div >
< div class = "padded-left" >
< button is = "emby-button" type = "button" class = "raised more morePeople hide" > ${ButtonMore}< / button >
< / div >
2016-12-17 21:58:20 -07:00
< / div >
2017-04-27 10:54:54 -07:00
< div id = "seriesScheduleSection" class = "verticalSection detailVerticalSection hide" >
2016-12-17 21:58:20 -07:00
< h1 >
${HeaderUpcomingOnTV}
< / h1 >
2017-04-27 10:54:54 -07:00
< div id = "seriesScheduleList" is = "emby-itemscontainer" class = "itemsContainer vertical-list padded-left padded-right" > < / div >
2016-12-17 21:58:20 -07:00
< / div >
2014-08-28 17:49:25 -07:00
2017-04-27 10:54:54 -07:00
< div class = "verticalSection detailVerticalSection photoInfo hide" >
< h2 class = "sectionTitle padded-left" >
2016-12-17 21:58:20 -07:00
${HeaderPhotoInfo}
2017-04-27 10:54:54 -07:00
< / h2 >
< div class = "photoInfoContent padded-left padded-right" > < / div >
2016-12-17 21:58:20 -07:00
< / div >
2014-08-28 17:49:25 -07:00
2017-04-27 10:54:54 -07:00
< div id = "specialsCollapsible" class = "verticalSection detailVerticalSection hide" >
< h2 class = "sectionTitle sectionTitle-cards padded-left" >
2016-12-17 21:58:20 -07:00
${HeaderSpecialFeatures}
2017-04-27 10:54:54 -07:00
< / h2 >
< div id = "specialsContent" is = "emby-itemscontainer" class = "itemsContainer vertical-wrap padded-left padded-right" > < / div >
2016-12-17 21:58:20 -07:00
< / div >
2017-04-27 10:54:54 -07:00
< div id = "musicVideosCollapsible" class = "verticalSection detailVerticalSection hide" >
< h2 class = "sectionTitle sectionTitle-cards padded-left" >
2016-12-17 21:58:20 -07:00
${HeaderMusicVideos}
2017-04-27 10:54:54 -07:00
< / h2 >
< div id = "musicVideosContent" is = "emby-itemscontainer" class = "itemsContainer vertical-wrap padded-left padded-right" > < / div >
2016-12-17 21:58:20 -07:00
< / div >
2017-04-27 10:54:54 -07:00
< div id = "moreFromSection" class = "verticalSection detailVerticalSection hide" >
< h2 class = "moreFromHeader sectionTitle sectionTitle-cards padded-left" > < / h2 >
2016-12-17 21:58:20 -07:00
< div id = "moreFromItems" > < / div >
< / div >
2017-04-27 10:54:54 -07:00
< div id = "similarCollapsible" class = "verticalSection detailVerticalSection hide" >
< h2 class = "sectionTitle sectionTitle-cards padded-left" >
${HeaderMoreLikeThis}
< / h2 >
2016-12-17 21:58:20 -07:00
< div class = "similarContent" > < / div >
< / div >
2017-04-27 10:54:54 -07:00
< div id = "criticReviewsCollapsible" class = "verticalSection detailVerticalSection hide" >
< h2 class = "sectionTitle padded-left" >
2016-12-17 21:58:20 -07:00
${HeaderAwardsAndReviews}
2017-04-27 10:54:54 -07:00
< / h2 >
< div class = "padded-left padded-right" >
2016-12-17 21:58:20 -07:00
< div id = "criticReviewsContent" > < / div >
2016-03-15 22:33:31 -07:00
< / div >
2016-12-17 21:58:20 -07:00
< / div >
2015-06-19 11:34:21 -07:00
2017-04-27 10:54:54 -07:00
< div id = "scenesCollapsible" class = "verticalSection detailVerticalSection hide" >
< h2 class = "sectionTitle sectionTitle-cards padded-left" >
2016-12-17 21:58:20 -07:00
${HeaderScenes}
2017-04-27 10:54:54 -07:00
< / h2 >
< div is = "emby-itemscontainer" id = "scenesContent" class = "itemsContainer padded-left padded-right" > < / div >
2016-12-17 21:58:20 -07:00
< / div >
2017-04-27 10:54:54 -07:00
< div id = "themeSongsCollapsible" class = "verticalSection detailVerticalSection hide" >
< h2 class = "sectionTitle padded-left" >
2016-12-17 21:58:20 -07:00
${HeaderThemeSongs}
2017-04-27 10:54:54 -07:00
< / h2 >
< div id = "themeSongsContent" is = "emby-itemscontainer" class = "padded-left padded-right" > < / div >
2016-12-17 21:58:20 -07:00
< / div >
2013-05-14 21:05:52 -07:00
2017-04-27 10:54:54 -07:00
< div id = "themeVideosCollapsible" class = "verticalSection detailVerticalSection hide" >
< h2 class = "sectionTitle sectionTitle-cards padded-left" >
2016-12-17 21:58:20 -07:00
${HeaderThemeVideos}
2017-04-27 10:54:54 -07:00
< / h2 >
< div id = "themeVideosContent" is = "emby-itemscontainer" class = "itemsContainer vertical-wrap padded-left padded-right" > < / div >
2016-12-17 21:58:20 -07:00
< / div >
2014-10-06 16:58:46 -07:00
2017-04-27 10:54:54 -07:00
< div class = "verticalSection detailVerticalSection audioVideoMediaInfo hide" >
< h2 class = "sectionTitle padded-left" > ${HeaderMediaInfo}< / h2 >
< div class = "padded-left padded-right" >
2016-12-17 21:58:20 -07:00
< div class = "splitVersionContainer" style = "border-bottom: 1px solid #444; padding: 1em 0;" >
< button is = "emby-button" type = "button" class = "raised btnSplitVersions subdued" > ${ButtonSplitVersionsApart}< / button >
2014-10-06 16:58:46 -07:00
< / div >
2016-12-17 21:58:20 -07:00
< div id = "mediaInfoContent" class = "mediaInfoContent" > < / div >
2013-02-20 18:33:05 -07:00
< / div >
< / div >
< / div >
2016-03-15 22:33:31 -07:00
< / div >