jellyfin-web/dashboard-ui/itemdetails.html

267 lines
13 KiB
HTML
Raw Normal View History

2013-02-20 18:33:05 -07:00
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
2013-12-24 11:37:29 -07:00
<div id="itemDetailPage" data-role="page" class="page libraryPage" data-theme="b">
<div id="movieTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav">
<a href="moviesrecommended.html">Suggested</a>
<a href="movies.html" class="ui-btn-active">Movies</a>
2014-01-03 13:43:44 -07:00
<a href="boxsets.html">Collections</a>
<a href="movietrailers.html">Trailers</a>
<a href="moviegenres.html">Genres</a>
<a href="moviepeople.html">People</a>
<a href="moviestudios.html">Studios</a>
2013-04-22 07:44:11 -07:00
</div>
</div>
<div id="boxsetTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav">
<a href="moviesrecommended.html">Suggested</a>
<a href="movies.html">Movies</a>
2014-01-03 13:43:44 -07:00
<a href="boxsets.html" class="ui-btn-active">Collections</a>
<a href="movietrailers.html">Trailers</a>
<a href="moviegenres.html">Genres</a>
<a href="moviepeople.html">People</a>
<a href="moviestudios.html">Studios</a>
2013-04-22 07:44:11 -07:00
</div>
</div>
<div id="trailerTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav">
<a href="moviesrecommended.html">Suggested</a>
<a href="movies.html">Movies</a>
2014-01-03 13:43:44 -07:00
<a href="boxsets.html">Collections</a>
<a href="movietrailers.html" class="ui-btn-active">Trailers</a>
<a href="moviegenres.html">Genres</a>
<a href="moviepeople.html">People</a>
<a href="moviestudios.html">Studios</a>
2013-04-22 07:44:11 -07:00
</div>
</div>
<div id="tvShowsTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav">
<a href="tvrecommended.html">Suggested</a>
<a href="tvnextup.html">Next up</a>
2013-10-24 10:49:24 -07:00
<a href="tvupcoming.html">Upcoming</a>
<a href="tvshows.html" class="ui-btn-active">Shows</a>
2013-09-13 13:45:27 -07:00
<a href="episodes.html">Episodes</a>
<a href="tvgenres.html">Genres</a>
2013-12-27 14:10:06 -07:00
<a href="tvpeople.html">People</a>
<a href="tvstudios.html">Networks</a>
2013-04-22 07:44:11 -07:00
</div>
</div>
<div id="songTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav">
<a href="musicrecommended.html">Suggested</a>
<a href="songs.html" class="ui-btn-active">Songs</a>
<a href="musicalbums.html">Albums</a>
2013-11-21 13:48:26 -07:00
<a href="musicalbumartists.html">Album Artists</a>
<a href="musicartists.html">Artists</a>
<a href="musicgenres.html">Genres</a>
<a href="musicvideos.html">Music Videos</a>
2013-04-22 07:44:11 -07:00
</div>
</div>
<div id="albumTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav">
<a href="musicrecommended.html">Suggested</a>
<a href="songs.html">Songs</a>
<a href="musicalbums.html" class="ui-btn-active">Albums</a>
2013-11-21 13:48:26 -07:00
<a href="musicalbumartists.html">Album Artists</a>
<a href="musicartists.html">Artists</a>
<a href="musicgenres.html">Genres</a>
<a href="musicvideos.html">Music Videos</a>
</div>
</div>
<div id="musicVideoTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav">
<a href="musicrecommended.html">Suggested</a>
<a href="songs.html">Songs</a>
<a href="musicalbums.html">Albums</a>
2013-11-21 13:48:26 -07:00
<a href="musicalbumartists.html">Album Artists</a>
<a href="musicartists.html">Artists</a>
<a href="musicgenres.html">Genres</a>
<a href="musicvideos.html" class="ui-btn-active">Music Videos</a>
2013-04-22 08:10:54 -07:00
</div>
</div>
<div id="gameTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav">
<a href="gamesrecommended.html">Suggested</a>
<a href="games.html" class="ui-btn-active">Games</a>
<a href="gamesystems.html">Game Systems</a>
<a href="gamegenres.html">Genres</a>
<a href="gamestudios.html">Studios</a>
2013-04-28 11:47:19 -07:00
</div>
</div>
<div id="gameSystemTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav">
<a href="gamesrecommended.html">Suggested</a>
<a href="games.html">Games</a>
<a href="gamesystems.html" class="ui-btn-active">Game Systems</a>
<a href="gamegenres.html">Genres</a>
<a href="gamestudios.html">Studios</a>
</div>
</div>
<div id="itemBackdrop" class="itemBackdrop noBackdrop">
2013-12-20 13:09:49 -07:00
<div class="parentName" style="display: none;">
</div>
<div class="itemBackdropContent">
<table class="detailPageContent primaryDetailPageContent">
<tr>
2013-12-20 13:09:49 -07:00
<td style="vertical-align: top; padding: 0 1em 0 0;">
2013-07-29 08:05:09 -07:00
<div class="itemImageContainer">
<div id="itemImage">
</div>
</div>
</td>
<td style="vertical-align: top; padding: 0; position: relative;">
2013-11-28 11:27:29 -07:00
<p><span class="itemName inlineItemName"></span><span class="itemMiscInfo" style="display: inline;"></span></p>
<p>
<span class="itemCommunityRating"></span>
2013-12-21 11:37:34 -07:00
<span class="userDataIcons"></span>
</p>
2013-05-16 20:24:41 -07:00
<p id="artist"></p>
2013-12-21 11:37:34 -07:00
<p class="itemGenres desktopGenres"></p>
<p class="itemOverview desktopOverview"></p>
</td>
</tr>
</table>
2013-04-24 13:28:42 -07:00
</div>
<a href="#" id="lnkPreviousItem" class="lnkPreviousItem lnkSibling hide">← Previous</a>
<a href="#" id="lnkNextItem" class="lnkNextItem lnkSibling hide">Next →</a>
2013-12-21 11:37:34 -07:00
<p class="itemGenres mobileGenres"></p>
<p class="itemOverview mobileOverview"></p>
</div>
2013-12-22 10:16:24 -07:00
<div class="detailButtonsContainer">
<span id="missingIndicator" style="margin-left: .5em; display: none;">
<span style="background: #cc3333; padding: 5px 1em; border-radius: 5px;">MISSING</span>
</span>
2013-07-29 08:05:09 -07:00
<span id="offlineIndicator" style="margin-left: .5em; display: none;">
<span style="background: #cc3333; padding: 5px 1em; border-radius: 5px;">OFFLINE</span>
</span>
<span id="playButtonContainer" style="display: none;">
<button id="btnPlay" type="button" data-icon="play" data-inline="true" data-mini="true">Play</button>
</span>
2014-01-10 06:52:01 -07:00
<span id="trailerButtonContainer">
2014-01-16 10:23:30 -07:00
<button id="btnPlayTrailer" type="button" data-icon="video" data-inline="true" data-mini="true">Trailer</button>
2014-01-10 06:52:01 -07:00
</span>
<span id="playExternalButtonContainer" style="display: none;">
<a id="btnPlayExternal" data-role="button" data-icon="play" data-inline="true" data-mini="true" href="#" target="_blank">Play</a>
</span>
<span>
2014-01-16 20:13:12 -07:00
<button id="btnRemote" type="button" data-icon="wireless" data-inline="true" data-mini="true">Remote</button>
</span>
<span id="editButtonContainer" style="display: none;">
<a id="btnEdit" data-role="button" data-icon="edit" data-inline="true" data-mini="true" href="#">Edit</a>
</span>
</div>
<div data-role="content">
2013-04-22 07:44:11 -07:00
<div class="detailPageContent">
2013-09-03 14:06:33 -07:00
<div id="detailsSection" class="detailSection hide">
2013-05-18 15:48:19 -07:00
<div class="detailSectionHeader" style="margin-top: 0;">
Details
</div>
<div class="detailSectionContent" style="padding: 0 1em;">
2013-05-05 21:50:40 -07:00
2013-05-18 15:48:19 -07:00
<div id="mediaInfoContent"></div>
<p id="players"></p>
<p id="seriesAirTime"></p>
<p id="itemPremiereDate"></p>
<p id="itemBudget"></p>
<p id="itemRevenue"></p>
<p class="itemStudios"></p>
<p class="itemExternalLinks"></p>
<div class="mediaInfo"></div>
<p class="itemTags"></p>
2013-04-22 07:44:11 -07:00
</div>
</div>
2013-09-03 14:06:33 -07:00
<div id="trailersCollapsible" class="detailSection hide">
<div id="trailerSectionHeader" class="detailSectionHeader">
Trailers
</div>
<div id="trailersContent" class="detailSectionContent"></div>
</div>
<div id="childrenCollapsible" class="hide detailSection">
2013-05-18 15:48:19 -07:00
<div class="detailSectionHeader"><span id="childrenTitle"></span></div>
<div id="childrenContent" class="detailSectionContent"></div>
2013-04-22 07:44:11 -07:00
</div>
2013-09-03 14:06:33 -07:00
<div id="additionalPartsCollapsible" class="detailSection hide">
<div class="detailSectionHeader">
Additional Parts
</div>
<div id="additionalPartsContent" class="detailSectionContent"></div>
</div>
2013-05-15 20:39:15 -07:00
<div id="castCollapsible" style="display: none;" class="detailSection">
<div id="peopleHeader" class="detailSectionHeader">
Cast & Crew
2013-04-22 07:44:11 -07:00
</div>
<div id="castContent" class="detailSectionContent"></div>
2013-04-22 07:44:11 -07:00
</div>
<div id="specialsCollapsible" class="detailSection hide">
<div class="detailSectionHeader">
Special Features
</div>
<div id="specialsContent" class="detailSectionContent"></div>
</div>
2013-07-29 12:12:21 -07:00
<div id="musicVideosCollapsible" style="display: none;" class="detailSection">
<div class="detailSectionHeader">
Music Videos
</div>
<div id="musicVideosContent" class="detailSectionContent"></div>
</div>
2013-07-16 09:03:28 -07:00
<div id="soundtracksCollapsible" style="display: none;" class="detailSection">
<div id="soundtracksHeader" class="detailSectionHeader">
Soundtracks
</div>
<div id="soundtracksContent" class="detailSectionContent"></div>
</div>
2013-05-15 20:39:15 -07:00
<div id="similarCollapsible" style="display: none;" class="detailSection">
2013-05-15 15:55:24 -07:00
<div class="detailSectionHeader">
Similar
</div>
<div id="similarContent" class="detailSectionContent"></div>
</div>
2013-05-15 20:39:15 -07:00
<div id="criticReviewsCollapsible" style="display: none;" class="detailSection">
<div class="detailSectionHeader">
Movie Reviews From Rotten Tomatoes®
</div>
<div style="padding: 0 1em;">
<div id="criticRatingSummary" class="criticReview criticRatingSummary" style="display: none;">
2013-07-17 10:01:41 -07: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>
<p>Top Critic Reviews</p>
<div id="criticReviewsContent" class="detailSectionContent"></div>
2013-05-11 23:05:51 -07:00
</div>
</div>
2013-05-15 20:39:15 -07:00
<div id="scenesCollapsible" style="display: none;" class="detailSection">
<div class="detailSectionHeader">
Scenes
2013-04-24 09:03:10 -07:00
</div>
<div id="scenesContent" class="detailSectionContent"></div>
2013-04-24 09:03:10 -07:00
</div>
2013-05-15 20:39:15 -07:00
<div id="themeSongsCollapsible" style="display: none;" class="detailSection">
<div class="detailSectionHeader">
Theme Songs
2013-05-03 13:50:13 -07:00
</div>
<div id="themeSongsContent" class="detailSectionContent"></div>
2013-05-03 13:50:13 -07:00
</div>
2013-05-15 20:39:15 -07:00
<div id="themeVideosCollapsible" style="display: none;" class="detailSection">
<div class="detailSectionHeader">
Theme Videos
2013-04-28 10:21:56 -07:00
</div>
<div id="themeVideosContent" class="detailSectionContent"></div>
2013-04-28 10:21:56 -07:00
</div>
2013-02-20 18:33:05 -07:00
</div>
</div>
2013-02-20 18:33:05 -07:00
</div>
</body>
</html>