1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
jellyfin-web/dashboard-ui/itemdetails.html

300 lines
18 KiB
HTML
Raw Normal View History

2013-02-20 20:33:05 -05:00
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
2014-05-03 19:38:23 -04:00
<div id="itemDetailPage" data-role="page" class="page libraryPage itemDetailPage" data-theme="b">
2014-05-11 01:11:53 -04:00
2014-05-29 15:34:20 -04:00
<div class="itemTabs homeTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="index.html" class="lnkHomeHome">${TabHome}</a>
2015-05-19 15:15:40 -04:00
<a href="homelatest.html" class="lnkHomeLatest">${TabLatest}</a>
<a href="tvrecommended.html" class="lnkHomeNextUp">${TabNextUp}</a>
2014-05-29 15:34:20 -04:00
<a href="favorites.html" class="lnkHomeFavorites">${TabFavorites}</a>
<a href="tvupcoming.html" class="lnkHomeUpcoming">${TabUpcoming}</a>
</div>
</div>
2014-05-11 01:11:53 -04:00
<div id="channelTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
2015-05-07 10:04:10 -04:00
<a href="channelslatest.html" class="latestChannelItemsTab">${TabLatest}</a>
2014-05-18 15:58:42 -04:00
<a href="channels.html" class="ui-btn-active">${TabChannels}</a>
2014-05-11 01:11:53 -04:00
</div>
</div>
<div id="boxsetTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
2014-07-11 00:27:46 -04:00
<a href="collections.html" class="ui-btn-active">${TabCollections}</a>
2014-05-11 01:11:53 -04:00
</div>
</div>
<div id="movieTabs" class="itemTabs" style="display: none;">
2014-05-01 22:54:33 -04:00
<div class="libraryViewNav scopedLibraryViewNav">
2015-04-02 12:26:42 -04:00
<a href="moviesrecommended.html">${TabSuggestions}</a>
<a href="movies.html" class="lnkMovies">${TabMovies}</a>
2015-05-07 18:27:01 -04:00
<a href="movietrailers.html" class="lnkMovieTrailers movieTrailersTab">${TabTrailers}</a>
<a href="collections.html?context=movies" class="lnkCollections">${TabCollections}</a>
2014-04-01 18:23:07 -04:00
<a href="moviegenres.html">${TabGenres}</a>
2015-05-07 10:04:10 -04:00
<a href="moviepeople.html" class="moviePeopleTab">${TabPeople}</a>
<a href="moviestudios.html" class="movieStudiosTab">${TabStudios}</a>
2013-04-22 10:44:11 -04:00
</div>
</div>
2015-04-19 11:54:20 -04:00
<div class="itemTabs photoTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
<a href="photos.html" class="ui-btn-active lnkPhotoAlbums">${TabAlbums}</a>
<a href="photos.html?context=photos-photos" class="lnkPhotos">${TabPhotos}</a>
<a href="photos.html?context=photos-videos" class="lnkVideos">${TabVideos}</a>
</div>
</div>
<div id="tvShowsTabs" class="itemTabs" style="display: none;">
2014-05-01 22:54:33 -04:00
<div class="libraryViewNav scopedLibraryViewNav">
2015-04-02 12:26:42 -04:00
<a href="tvrecommended.html">${TabSuggestions}</a>
2014-04-01 18:23:07 -04:00
<a href="tvlatest.html">${TabLatest}</a>
2014-07-11 00:27:46 -04:00
<a href="tvupcoming.html">${TabUpcoming}</a>
2014-04-01 18:23:07 -04:00
<a href="tvshows.html" class="ui-btn-active">${TabShows}</a>
2015-05-07 10:04:10 -04:00
<a href="episodes.html" class="tvEpisodesTab">${TabEpisodes}</a>
2014-04-01 18:23:07 -04:00
<a href="tvgenres.html">${TabGenres}</a>
2015-05-07 10:04:10 -04:00
<a href="tvpeople.html" class="tvPeopleTab">${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab">${TabNetworks}</a>
2013-04-22 10:44:11 -04:00
</div>
</div>
<div id="songTabs" class="itemTabs" style="display: none;">
2014-05-01 22:54:33 -04:00
<div class="libraryViewNav scopedLibraryViewNav">
2015-04-02 12:26:42 -04:00
<a href="musicrecommended.html">${TabSuggestions}</a>
2015-05-07 10:04:10 -04:00
<a href="songs.html" class="ui-btn-active musicSongsTab">${TabSongs}</a>
2014-04-02 17:55:19 -04:00
<a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a>
2015-05-07 10:04:10 -04:00
<a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
2014-04-01 18:23:07 -04:00
<a href="musicgenres.html">${TabGenres}</a>
2014-04-02 17:55:19 -04:00
<a href="musicvideos.html">${TabMusicVideos}</a>
2013-04-22 10:44:11 -04:00
</div>
</div>
<div id="albumTabs" class="itemTabs" style="display: none;">
2014-05-01 22:54:33 -04:00
<div class="libraryViewNav scopedLibraryViewNav">
2015-04-02 12:26:42 -04:00
<a href="musicrecommended.html">${TabSuggestions}</a>
2015-05-07 10:04:10 -04:00
<a href="songs.html" class="musicSongsTab">${TabSongs}</a>
2014-04-02 17:55:19 -04:00
<a href="musicalbums.html" class="ui-btn-active">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a>
2015-05-07 10:04:10 -04:00
<a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
2014-04-01 18:23:07 -04:00
<a href="musicgenres.html">${TabGenres}</a>
2014-04-02 17:55:19 -04:00
<a href="musicvideos.html">${TabMusicVideos}</a>
</div>
</div>
<div id="musicVideoTabs" class="itemTabs" style="display: none;">
2014-05-01 22:54:33 -04:00
<div class="libraryViewNav scopedLibraryViewNav">
2015-04-02 12:26:42 -04:00
<a href="musicrecommended.html">${TabSuggestions}</a>
2015-05-07 10:04:10 -04:00
<a href="songs.html" class="musicSongsTab">${TabSongs}</a>
2014-04-02 17:55:19 -04:00
<a href="musicalbums.html">${TabAlbums}</a>
<a href="musicalbumartists.html">${TabAlbumArtists}</a>
2015-05-07 10:04:10 -04:00
<a href="musicartists.html" class="musicArtistsTab">${TabArtists}</a>
2014-04-01 18:23:07 -04:00
<a href="musicgenres.html">${TabGenres}</a>
2014-04-02 17:55:19 -04:00
<a href="musicvideos.html" class="ui-btn-active">${TabMusicVideos}</a>
2013-04-22 11:10:54 -04:00
</div>
</div>
<div id="gameTabs" class="itemTabs" style="display: none;">
2014-05-01 22:54:33 -04:00
<div class="libraryViewNav scopedLibraryViewNav">
2015-04-02 12:26:42 -04:00
<a href="gamesrecommended.html">${TabSuggestions}</a>
2014-04-05 11:02:50 -04:00
<a href="games.html" class="ui-btn-active">${TabGames}</a>
<a href="gamesystems.html">Game Systems</a>
2014-04-01 18:23:07 -04:00
<a href="gamegenres.html">${TabGenres}</a>
2014-04-03 18:50:04 -04:00
<a href="gamestudios.html">${TabStudios}</a>
2013-04-28 14:47:19 -04:00
</div>
</div>
<div id="gameSystemTabs" class="itemTabs" style="display: none;">
2014-05-01 22:54:33 -04:00
<div class="libraryViewNav scopedLibraryViewNav">
2015-04-02 12:26:42 -04:00
<a href="gamesrecommended.html">${TabSuggestions}</a>
2014-04-05 11:02:50 -04:00
<a href="games.html">${TabGames}</a>
2014-04-08 00:17:18 -04:00
<a href="gamesystems.html" class="ui-btn-active">${TabGameSystems}</a>
2014-04-01 18:23:07 -04:00
<a href="gamegenres.html">${TabGenres}</a>
2014-04-03 18:50:04 -04:00
<a href="gamestudios.html">${TabStudios}</a>
</div>
</div>
2015-04-22 09:28:45 -04:00
<div class="itemTabs channelTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav">
2015-05-07 10:04:10 -04:00
<a href="channelslatest.html" class="latestChannelItemsTab">${TabLatest}</a>
2015-04-22 09:28:45 -04:00
<a href="channels.html" class="ui-btn-active">${TabChannels}</a>
</div>
</div>
<div class="channelHeader" style="display: none;"></div>
<div id="itemBackdrop" class="itemBackdrop noBackdrop">
<div class="itemBackdropContent">
2015-02-02 23:54:52 -05:00
<div class="detailPageContent primaryDetailPageContent backdropDetailPageContent">
<div class="detailImageContainer">
</div>
<div class="detailContentEffectedByImage">
<p><span class="parentName"></span><span class="itemName inlineItemName"></span><span class="itemMiscInfo" style="display: inline;"></span></p>
<p style="margin:1.1em 0">
<span class="itemCommunityRating"></span>
<span class="userDataIcons"></span>
</p>
<div class="detailButtonsContainer desktopDetailButtons" style="text-align:left;">
<span class="missingIndicator" style="margin: 0 .5em; display: none;">
<span style="background: #cc3333; padding: 5px 1em; border-radius: 5px;">${LabelMissing}</span>
</span>
<span class="offlineIndicator" style="margin: 0 .5em; display: none;">
<span style="background: #cc3333; padding: 5px 1em; border-radius: 5px;">${LabelOffline}</span>
</span>
<button class="btnPlay hide" type="button" data-icon="play" data-inline="true" data-mini="true">${ButtonPlay}</button>
<button class="btnPlayTrailer hide" type="button" data-icon="video" data-inline="true" data-mini="true">${ButtonPlayTrailer}</button>
<a class="btnPlayExternalTrailer hide" data-role="button" data-icon="video" data-inline="true" data-mini="true" href="#" target="_blank">${ButtonPlayTrailer}</a>
<a class="btnPlayExternal hide" data-role="button" data-icon="play" data-inline="true" data-mini="true" href="#" target="_blank">${ButtonPlay}</a>
2015-06-02 01:46:06 -04:00
<a class="btnSync hide" data-role="button" data-icon="refresh" data-inline="true" data-mini="true" href="#">${ButtonSync}</a>
2015-02-06 00:39:07 -05:00
<button class="btnMoreCommands hide jqmButtonNoText" type="button" data-icon="ellipsis-v" data-inline="true" data-mini="true" data-iconpos="notext">${ButtonMore}</button>
2015-02-02 23:54:52 -05:00
</div>
</div>
2014-04-08 00:17:18 -04:00
</div>
2015-02-02 23:54:52 -05:00
2013-04-24 16:28:42 -04:00
</div>
2014-04-08 00:17:18 -04:00
<a href="#" id="lnkPreviousItem" class="lnkPreviousItem lnkSibling hide" data-role="button" title="${ButtonPrevious}" data-icon="carat-l" data-mini="true" data-inline="true" data-iconpos="notext">${ButtonPrevious}</a>
<a href="#" id="lnkNextItem" class="lnkNextItem lnkSibling hide" data-role="button" title="${ButtonNext}" data-icon="carat-r" data-mini="true" data-inline="true" data-iconpos="notext">${ButtonNext}</a>
</div>
<div data-role="content">
2013-04-22 10:44:11 -04:00
<div class="detailPageContent">
2015-02-02 23:54:52 -05:00
<div class="detailSection" style="margin-bottom:1.5em;">
<div class="detailSectionContent detailContentEffectedByImage lastDetailContentEffectedByImage">
<div class="detailButtonsContainer mobileDetailButtons">
<span class="missingIndicator" style="margin: 0 .5em; display: none;">
<span style="background: #cc3333; padding: 5px 1em; border-radius: 5px;">${LabelMissing}</span>
</span>
<span class="offlineIndicator" style="margin: 0 .5em; display: none;">
<span style="background: #cc3333; padding: 5px 1em; border-radius: 5px;">${LabelOffline}</span>
</span>
<button class="btnPlay hide" type="button" data-icon="play" data-inline="true" data-mini="true">${ButtonPlay}</button>
<button class="btnPlayTrailer hide" type="button" data-icon="video" data-inline="true" data-mini="true">${ButtonPlayTrailer}</button>
<a class="btnPlayExternalTrailer hide" data-role="button" data-icon="video" data-inline="true" data-mini="true" href="#" target="_blank">${ButtonPlayTrailer}</a>
<a class="btnPlayExternal hide" data-role="button" data-icon="play" data-inline="true" data-mini="true" href="#" target="_blank">${ButtonPlay}</a>
2015-06-02 01:46:06 -04:00
<a class="btnSync hide" data-role="button" data-icon="refresh" data-inline="true" data-mini="true" href="#">${ButtonSync}</a>
2015-02-06 00:39:07 -05:00
<button class="btnMoreCommands hide jqmButtonNoText" type="button" data-icon="ellipsis-v" data-inline="true" data-mini="true" data-iconpos="notext">${ButtonMore}</button>
2015-02-02 23:54:52 -05:00
</div>
<p id="artist"></p>
<p class="itemGenres"></p>
<p class="itemOverview"></p>
<p id="seriesAirTime"></p>
</div>
</div>
2014-03-08 13:17:05 -05:00
<div class="collectionItems"></div>
2014-01-22 12:05:06 -05:00
<div id="childrenCollapsible" class="hide detailSection">
2014-03-08 13:17:05 -05:00
<div class="detailSectionHeader">
<span id="childrenTitle"></span>
</div>
2014-08-30 10:26:29 -04:00
<div id="childrenContent" class="detailSectionContent">
<div class="childrenItemsContainer itemsContainer fullWidthItemsContainer" style="text-align:left;"></div>
</div>
2014-01-22 12:05:06 -05:00
</div>
2013-09-03 17:06:33 -04:00
<div id="additionalPartsCollapsible" class="detailSection hide">
<div class="detailSectionHeader">
2014-04-08 00:17:18 -04:00
${HeaderAdditionalParts}
</div>
2014-07-26 13:30:15 -04:00
<div id="additionalPartsContent" class="detailSectionContent smallItemsContainer"></div>
</div>
2013-05-15 23:39:15 -04:00
<div id="castCollapsible" style="display: none;" class="detailSection">
<div id="peopleHeader" class="detailSectionHeader">
2014-04-08 00:17:18 -04:00
${HeaderCastCrew}
2013-04-22 10:44:11 -04:00
</div>
<div id="castContent" class="detailSectionContent"></div>
2013-04-22 10:44:11 -04:00
</div>
2015-02-02 23:54:52 -05:00
<div class="detailSection detailsSection">
<div class="detailSectionHeader">
${HeaderDetails}
</div>
<div class="detailSectionContent" style="padding:0 1em;">
<div class="tabDetails">
<p id="players"></p>
<p id="itemBudget"></p>
<p id="itemRevenue"></p>
<p class="itemExternalLinks"></p>
<p class="itemStudios"></p>
<p class="itemKeywords"></p>
<p class="itemTags"></p>
</div>
</div>
</div>
2014-08-29 00:06:30 -04:00
<div class="detailSection photoInfo hide">
<div class="detailSectionHeader">
${HeaderPhotoInfo}
</div>
<div class="detailSectionContent" style="padding:1em;">
<div class="photoInfoContent"></div>
</div>
</div>
<div id="specialsCollapsible" class="detailSection hide">
<div class="detailSectionHeader">
2014-04-08 00:17:18 -04:00
${HeaderSpecialFeatures}
</div>
2014-07-26 13:30:15 -04:00
<div id="specialsContent" class="detailSectionContent smallItemsContainer"></div>
</div>
2013-07-29 15:12:21 -04:00
<div id="musicVideosCollapsible" style="display: none;" class="detailSection">
<div class="detailSectionHeader">
2014-04-08 00:17:18 -04:00
${HeaderMusicVideos}
2013-07-29 15:12:21 -04:00
</div>
2014-07-26 13:30:15 -04:00
<div id="musicVideosContent" class="detailSectionContent smallItemsContainer"></div>
2013-07-29 15:12:21 -04:00
</div>
2013-05-15 23:39:15 -04:00
<div id="similarCollapsible" style="display: none;" class="detailSection">
2013-05-15 18:55:24 -04:00
<div class="detailSectionHeader">
</div>
<div id="similarContent" class="detailSectionContent"></div>
</div>
2013-05-15 23:39:15 -04:00
<div id="criticReviewsCollapsible" style="display: none;" class="detailSection">
<div class="detailSectionHeader">
2014-04-08 00:17:18 -04:00
${HeaderAwardsAndReviews}
</div>
2014-03-19 13:44:55 -04:00
<div style="padding: 0 .5em;">
<p id="awardSummary"></p>
<div id="criticRatingSummary" class="criticReview criticRatingSummary" style="display: none;">
2013-07-17 13:01:41 -04:00
<p style="margin: 0 0 .5em -40px; font-weight: bold;">TOMATOMETER®</p>
<div class="reviewScore">
<img src="css/images/fresh.png">
</div>
<div class="criticRatingScore"></div>
<div class="criticRatingSummaryText"></div>
</div>
<div id="criticReviewsContent" class="detailSectionContent"></div>
2013-05-12 02:05:51 -04:00
</div>
</div>
2013-05-15 23:39:15 -04:00
<div id="scenesCollapsible" style="display: none;" class="detailSection">
<div class="detailSectionHeader">
2014-04-08 00:17:18 -04:00
${HeaderScenes}
2015-03-24 21:14:24 -04:00
<a class="detailSectionHeaderButton chapterSettingsButton" href="metadataadvanced.html" data-role="button" data-icon="gear" data-iconpos="notext" data-inline="true" title="${ButtonSettings}" style="display:none;">${ButtonSettings}</a>
2013-04-24 12:03:10 -04:00
</div>
2014-07-26 13:30:15 -04:00
<div id="scenesContent" class="detailSectionContent smallItemsContainer"></div>
2013-04-24 12:03:10 -04:00
</div>
2013-05-15 23:39:15 -04:00
<div id="themeSongsCollapsible" style="display: none;" class="detailSection">
<div class="detailSectionHeader">
2014-04-08 00:17:18 -04:00
${HeaderThemeSongs}
2013-05-03 16:50:13 -04:00
</div>
<div id="themeSongsContent" class="detailSectionContent"></div>
2013-05-03 16:50:13 -04:00
</div>
2013-05-15 23:39:15 -04:00
<div id="themeVideosCollapsible" style="display: none;" class="detailSection">
<div class="detailSectionHeader">
2014-04-08 00:17:18 -04:00
${HeaderThemeVideos}
2013-04-28 13:21:56 -04:00
</div>
2014-07-26 13:30:15 -04:00
<div id="themeVideosContent" class="detailSectionContent smallItemsContainer"></div>
2013-04-28 13:21:56 -04:00
</div>
2014-10-06 19:58:46 -04:00
<div class="detailSection audioVideoMediaInfo hide">
<h2 class="detailSectionHeader">${HeaderMediaInfo}</h2>
<div class="detailSectionContent" style="padding: 0 .7em;">
<div class="splitVersionContainer" style="border-bottom: 1px solid #444;">
<button type="button" class="btnSplitVersions" data-mini="true" data-inline="true" data-icon="delete" title="${ButtonSplitVersionsApart}">${ButtonSplitVersionsApart}</button>
</div>
2015-02-06 22:25:23 -05:00
<div id="mediaInfoContent" class="mediaInfoContent"></div>
2014-10-06 19:58:46 -04:00
</div>
</div>
2013-02-20 20:33:05 -05:00
</div>
</div>
2013-02-20 20:33:05 -05:00
</div>
</body>
2014-07-20 00:46:29 -04:00
</html>