jellyfin-web/dashboard-ui/itemdetails.html

196 lines
12 KiB
HTML
Raw Normal View History

2013-02-20 18:33:05 -07:00
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
2013-04-22 07:44:11 -07:00
<div id="itemDetailPage" data-role="page" class="page libraryPage noLogoPage" data-theme="a">
<div id="genericHeader" class="header">
<a class="logo" href="index.html" id="standardLogo" style="display: none;">
<img class="imgLogoIcon" src="css/images/mblogoicon.png"><img class="imgLogoText" src="css/images/mblogotextwhite.png"></a>
</div>
<h1 class="libraryPageHeader" style="display: none;"><a href="index.html" class="imageLink">
<img src="css/images/mblogoicon.png"></a><span></span></h1>
<div data-role="content">
2013-04-28 11:47:19 -07:00
<div id="movieTabs" class="itemTabs" style="display: none;">
2013-04-22 07:44:11 -07:00
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
<a href="moviesrecommended.html" data-role="button">Suggested</a>
<a href="movies.html" data-role="button" class="ui-btn-active">Movies</a>
<a href="boxsets.html" data-role="button">Box Sets</a>
<a href="movietrailers.html" data-role="button">Trailers</a>
<a href="moviegenres.html" data-role="button">Genres</a>
<a href="moviepeople.html" data-role="button">People</a>
<a href="moviestudios.html" data-role="button">Studios</a>
</div>
</div>
2013-04-28 11:47:19 -07:00
<div id="boxsetTabs" class="itemTabs" style="display: none;">
2013-04-22 07:44:11 -07:00
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
<a href="moviesrecommended.html" data-role="button">Suggested</a>
<a href="movies.html" data-role="button">Movies</a>
<a href="boxsets.html" data-role="button" class="ui-btn-active">Box Sets</a>
<a href="movietrailers.html" data-role="button">Trailers</a>
<a href="moviegenres.html" data-role="button">Genres</a>
<a href="moviepeople.html" data-role="button">People</a>
<a href="moviestudios.html" data-role="button">Studios</a>
</div>
</div>
2013-04-28 11:47:19 -07:00
<div id="trailerTabs" class="itemTabs" style="display: none;">
2013-04-22 07:44:11 -07:00
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
<a href="moviesrecommended.html" data-role="button">Suggested</a>
<a href="movies.html" data-role="button">Movies</a>
<a href="boxsets.html" data-role="button">Box Sets</a>
<a href="movietrailers.html" data-role="button" class="ui-btn-active">Trailers</a>
<a href="moviegenres.html" data-role="button">Genres</a>
<a href="moviepeople.html" data-role="button">People</a>
<a href="moviestudios.html" data-role="button">Studios</a>
</div>
</div>
2013-04-28 11:47:19 -07:00
<div id="tvShowsTabs" class="itemTabs" style="display: none;">
2013-04-22 07:44:11 -07:00
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
<a href="tvrecommended.html" data-role="button">Suggested</a>
2013-05-03 12:34:25 -07:00
<a href="tvnextup.html" data-role="button">Next up</a>
2013-04-22 07:44:11 -07:00
<a href="tvshows.html" data-role="button" class="ui-btn-active">Shows</a>
<a href="tvgenres.html" data-role="button">Genres</a>
<a href="tvpeople.html" data-role="button">Actors</a>
<a href="tvstudios.html" data-role="button">Networks</a>
</div>
</div>
2013-04-28 11:47:19 -07:00
<div id="songTabs" class="itemTabs" style="display: none;">
2013-04-22 07:44:11 -07:00
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
<a href="musicrecommended.html" data-role="button">Suggested</a>
2013-04-24 07:05:47 -07:00
<a href="songs.html" data-role="button" class="ui-btn-active">Songs</a>
2013-04-22 07:44:11 -07:00
<a href="musicalbums.html" data-role="button">Albums</a>
<a href="musicartists.html" data-role="button">Artists</a>
<a href="musicgenres.html" data-role="button">Genres</a>
</div>
</div>
2013-04-28 11:47:19 -07:00
<div id="albumTabs" class="itemTabs" style="display: none;">
2013-04-22 08:10:54 -07:00
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
<a href="musicrecommended.html" data-role="button">Suggested</a>
2013-04-24 07:05:47 -07:00
<a href="songs.html" data-role="button">Songs</a>
2013-04-22 08:10:54 -07:00
<a href="musicalbums.html" class="ui-btn-active" data-role="button">Albums</a>
<a href="musicartists.html" data-role="button">Artists</a>
<a href="musicgenres.html" data-role="button">Genres</a>
</div>
</div>
2013-04-28 11:47:19 -07:00
<div id="gameTabs" class="itemTabs" style="display: none;">
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
<a href="gamesrecommended.html" data-role="button">Suggested</a>
<a href="games.html" data-role="button" class="ui-btn-active">Games</a>
<a href="gamesystems.html" data-role="button">Game Systems</a>
<a href="gamegenres.html" data-role="button">Genres</a>
<a href="gamestudios.html" data-role="button">Studios</a>
</div>
</div>
<div id="gameSystemTabs" class="itemTabs" style="display: none;">
2013-04-24 13:28:42 -07:00
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
<a href="gamesrecommended.html" data-role="button">Suggested</a>
<a href="games.html" data-role="button">Games</a>
<a href="gamesystems.html" data-role="button" class="ui-btn-active">Game Systems</a>
2013-04-24 13:28:42 -07:00
<a href="gamegenres.html" data-role="button">Genres</a>
<a href="gamestudios.html" data-role="button">Studios</a>
</div>
</div>
2013-04-22 07:44:11 -07:00
<div class="detailPageContent">
<div class="detailPagePrimaryInfo">
<div class="itemImageBlock">
<div id="itemMedia" style="position: relative;">
<div id="itemImage"></div>
2013-02-20 18:33:05 -07:00
<div style="text-align: center;">
<span id="playButtonContainer" style="display: none;">
<button id="btnPlay" type="button" data-icon="play" data-inline="true" data-mini="true" data-theme="a">Play</button>
</span>
2013-05-04 21:49:49 -07:00
<span id="editButtonContainer" style="display: none;">
<button id="btnEdit" type="button" data-icon="pencil" data-inline="true" data-mini="true" data-theme="a">Edit</button>
</span>
</div>
2013-04-22 07:44:11 -07:00
</div>
<div id="playMenuAnchor"></div>
<div id="queueMenuAnchor"></div>
2013-02-20 18:33:05 -07:00
</div>
2013-04-22 07:44:11 -07:00
<div class="itemDetailBlock">
2013-02-20 18:33:05 -07:00
2013-04-30 20:28:26 -07:00
<h1 id="grandParentName" class="detailPageName hide"></h1>
<h1 id="parentName" class="detailPageName hide"></h1>
2013-05-05 20:58:45 -07:00
<h1 class="detailPageName">
<span id="itemName" style="display: inline;"></span>
<span id="itemMiscInfo" class="itemMiscInfo" style="display: inline;"></span>
</h1>
2013-02-20 18:33:05 -07:00
2013-05-05 20:58:45 -07:00
<p id="itemCommunityRating"></p>
2013-04-22 07:44:11 -07:00
<p id="itemTagline" style="font-style: italic;"></p>
<p id="itemOverview"></p>
2013-05-03 13:50:13 -07:00
<p id="itemRatings" class="userDataIcons"></p>
2013-04-22 07:44:11 -07:00
<p id="itemPremiereDate"></p>
<p id="itemBudget"></p>
<p id="itemRevenue"></p>
<p id="itemGenres"></p>
<p id="itemStudios"></p>
<p id="itemLinks"></p>
</div>
</div>
2013-04-22 20:56:11 -07:00
<div id="itemSongs"></div>
2013-04-22 07:44:11 -07:00
<div style="vertical-align: top;">
<div data-role="collapsible" id="childrenCollapsible" class="hide" data-mini="true" data-collapsed="false" data-corners="false">
2013-04-22 07:44:11 -07:00
<h3><span id="childrenTitle" class="collapsibleTitle"></span></h3>
<div id="childrenContent"></div>
</div>
</div>
<div style="display: inline-block; vertical-align: top;">
<div data-role="collapsible" id="mediaInfoCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
<h3>Media Info</h3>
2013-05-04 21:49:49 -07:00
<div id="mediaInfoContent" class="itemMediaInfo"></div>
2013-04-22 07:44:11 -07:00
</div>
</div>
<div style="display: inline-block; vertical-align: top;">
<div data-role="collapsible" id="trailersCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
<h3>Trailers</h3>
<div id="trailersContent"></div>
</div>
</div>
<div style="display: inline-block; vertical-align: top;">
<div data-role="collapsible" id="specialsCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
<h3>Special Features</h3>
<div id="specialsContent"></div>
</div>
</div>
2013-04-24 13:28:42 -07:00
<div>
2013-04-22 10:15:32 -07:00
<div data-role="collapsible" id="galleryCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
2013-04-22 07:44:11 -07:00
<h3>Gallery</h3>
<div id="galleryContent"></div>
</div>
</div>
2013-04-24 13:28:42 -07:00
<div>
2013-04-22 07:44:11 -07:00
<div data-role="collapsible" id="castCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
<h3>Cast & Crew</h3>
<div id="castContent"></div>
</div>
2013-02-20 18:33:05 -07:00
</div>
2013-04-24 13:28:42 -07:00
<div>
2013-04-24 09:03:10 -07:00
<div data-role="collapsible" id="scenesCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
<h3>Scenes</h3>
<div id="scenesContent"></div>
</div>
</div>
2013-05-03 13:50:13 -07:00
<div>
<div data-role="collapsible" id="themeSongsCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
<h3>Theme Songs</h3>
<div id="themeSongsContent"></div>
</div>
</div>
2013-04-28 10:21:56 -07:00
<div>
<div data-role="collapsible" id="themeVideosCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
<h3>Theme Videos</h3>
<div id="themeVideosContent"></div>
2013-04-28 10:21:56 -07:00
</div>
</div>
2013-02-20 18:33:05 -07:00
</div>
</div>
</div>
</body>
</html>