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

209 lines
12 KiB
HTML
Raw Normal View History

2013-02-20 20:33:05 -05:00
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
2015-12-14 10:43:03 -05:00
<div id="itemDetailPage" data-role="page" class="page libraryPage itemDetailPage noSecondaryNavPage" data-theme="b" data-require="scripts/itemdetailpage,tileitemcss,scripts/livetvcomponents,paper-fab,paper-item-body,paper-icon-item">
2015-06-16 13:37:49 -04:00
<div id="tvShowsTabs" class="itemTabs" style="display: none;">
2014-05-01 22:54:33 -04:00
<div class="libraryViewNav scopedLibraryViewNav">
2015-09-21 14:39:18 -04:00
<a href="tv.html"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a>
<a href="tv.html?tab=1"><iron-icon icon="new-releases"></iron-icon>${TabLatest}</a>
<a href="tv.html?tab=2"><iron-icon icon="schedule"></iron-icon>${TabUpcoming}</a>
<a href="tv.html?tab=3" class="ui-btn-active"><iron-icon icon="live-tv"></iron-icon>${TabShows}</a>
<a href="tv.html?tab=4" class="tvEpisodesTab"><iron-icon icon="slideshow"></iron-icon>${TabEpisodes}</a>
<a href="tv.html?tab=5"><iron-icon icon="video-library"></iron-icon>${TabGenres}</a>
2015-10-04 23:24:24 -04:00
<a href="tv.html?tab=6" class="tvStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabNetworks}</a>
2013-04-22 10:44:11 -04:00
</div>
</div>
<div id="itemBackdrop" class="itemBackdrop noBackdrop">
<div class="itemBackdropContent">
2015-08-18 00:22:45 -04:00
</div>
<a href="#" id="lnkPreviousItem" class="lnkPreviousItem lnkSibling hide clearLink"><paper-button raised class="subdued notext"><iron-icon icon="arrow-back"></iron-icon></paper-button></a>
<a href="#" id="lnkNextItem" class="lnkNextItem lnkSibling hide clearLink"><paper-button raised class="subdued notext"><iron-icon icon="arrow-forward"></iron-icon></paper-button></a>
</div>
2015-02-02 23:54:52 -05:00
2015-08-18 00:22:45 -04:00
<div class="detailPageContent" style="position:relative;">
2015-02-02 23:54:52 -05:00
2015-08-18 00:22:45 -04:00
<paper-fab class="btnPlay detailFloatingButton hide" icon="play-arrow" title="${ButtonPlay}"></paper-fab>
<paper-fab class="btnFloatingRecord detailFloatingButton hide" icon="videocam" title="${ButtonRecord}"></paper-fab>
2015-02-02 23:54:52 -05:00
2015-08-18 00:22:45 -04:00
<div class="detailImageContainer">
</div>
<div class="primaryDetailsContainer">
<div class="detailNameContainer">
<div><span class="parentName"></span><span class="itemName inlineItemName"></span></div>
<div class="desktopDetails" style="margin-top:1em;">
2015-02-02 23:54:52 -05:00
2015-08-18 00:22:45 -04:00
<span class="itemMiscInfo"></span>
<span class="itemCommunityRating" style="margin-left:1em;"></span>
2015-02-02 23:54:52 -05:00
</div>
2014-04-08 00:17:18 -04:00
</div>
2015-08-18 13:54:29 -04:00
<div class="desktopDetails" style="padding-top:5px;">
2015-02-02 23:54:52 -05:00
2015-08-18 13:54:29 -04:00
<p class="artist"></p>
<p class="itemGenres"></p>
<div class="detailButtonsContainer">
2015-08-18 00:22:45 -04:00
<paper-button raised class="subdued btnPlayTrailer hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonPlayTrailer}</span></paper-button>
<a class="btnPlayExternalTrailer hide clearLink" href="#" target="_blank"><paper-button raised class="subdued"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonPlayTrailer}</span></paper-button></a>
<paper-button raised class="subdued btnRecord hide"><iron-icon icon="videocam"></iron-icon><span>${ButtonRecord}</span></paper-button>
<paper-button raised class="subdued hide btnCancelRecording"><iron-icon icon="delete"></iron-icon><span>${ButtonCancelRecording}</span></paper-button>
2015-09-19 22:06:56 -04:00
<paper-button raised class="subdued btnSync hide"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
2015-08-18 00:22:45 -04:00
<paper-button raised class="subdued btnMoreCommands hide notext"><iron-icon icon="more-vert"></iron-icon></paper-button>
2015-08-19 22:22:47 -04:00
<div class="detailUserDataIcons userDataIcons"></div>
2015-08-18 00:22:45 -04:00
</div>
</div>
2013-04-24 16:28:42 -04:00
</div>
</div>
2015-02-02 23:54:52 -05:00
2015-08-18 00:22:45 -04:00
<div class="mobileDetails" style="text-align:center;clear:both;">
<div style="height:10px;"></div>
<div>
<span class="itemMiscInfo"></span>
<span class="itemCommunityRating" style="margin-left:1em;"></span>
</div>
<div class="detailButtonsContainer">
<br />
<paper-button raised class="subdued btnPlayTrailer hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonPlayTrailer}</span></paper-button>
<a class="btnPlayExternalTrailer hide clearLink" href="#" target="_blank"><paper-button raised class="subdued"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonPlayTrailer}</span></paper-button></a>
<paper-button raised class="subdued btnRecord hide"><iron-icon icon="videocam"></iron-icon><span>${ButtonRecord}</span></paper-button>
<paper-button raised class="subdued hide btnCancelRecording"><iron-icon icon="delete"></iron-icon><span>${ButtonCancelRecording}</span></paper-button>
2015-09-19 22:06:56 -04:00
<paper-button raised class="subdued btnSync hide"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
2015-08-18 00:22:45 -04:00
<paper-button raised class="subdued btnMoreCommands hide notext"><iron-icon icon="more-vert"></iron-icon></paper-button>
2015-08-19 22:22:47 -04:00
<div class="detailUserDataIcons userDataIcons"></div>
2015-08-18 00:22:45 -04:00
</div>
</div>
<div data-role="content" style="padding-top:0;clear:both;">
<div class="detailPageContent">
<div class="detailSection">
2015-08-18 13:54:29 -04:00
<div class="mobileDetails">
<p class="artist"></p>
<p class="itemGenres"></p>
</div>
<h2 class="tagline"></h2>
2015-08-21 11:34:42 -04:00
<p id="itemBirthday"></p>
<p id="itemBirthLocation"></p>
<p id="itemDeathDate"></p>
2015-08-18 00:22:45 -04:00
<p id="seriesAirTime"></p>
<p class="airDate"></p>
2015-08-23 22:08:20 -04:00
<p class="itemOverview topOverview"></p>
2015-02-02 23:54:52 -05:00
</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">
2015-07-29 13:16:00 -04:00
<h1 class="childrenSectionHeader">
<span id="childrenTitle"></span>
2015-07-29 13:16:00 -04:00
</h1>
<div id="childrenContent">
2015-12-14 10:43:03 -05:00
<div class="childrenItemsContainer itemsContainer noautoinit" style="text-align:left;"></div>
2014-08-30 10:26:29 -04:00
</div>
2014-01-22 12:05:06 -05:00
</div>
2013-09-03 17:06:33 -04:00
<div id="additionalPartsCollapsible" class="detailSection hide">
2015-07-29 13:16:00 -04:00
<h1>
2014-04-08 00:17:18 -04:00
${HeaderAdditionalParts}
2015-07-29 13:16:00 -04:00
</h1>
<div id="additionalPartsContent" class="smallItemsContainer"></div>
</div>
2013-05-15 23:39:15 -04:00
<div id="castCollapsible" style="display: none;" class="detailSection">
2015-07-29 13:16:00 -04:00
<h1 id="peopleHeader">
2014-04-08 00:17:18 -04:00
${HeaderCastCrew}
2015-07-29 13:16:00 -04:00
</h1>
<div id="castContent"></div>
2013-04-22 10:44:11 -04:00
</div>
2014-08-29 00:06:30 -04:00
<div class="detailSection photoInfo hide">
2015-07-29 13:16:00 -04:00
<h1>
2014-08-29 00:06:30 -04:00
${HeaderPhotoInfo}
2015-07-29 13:16:00 -04:00
</h1>
<div>
2014-08-29 00:06:30 -04:00
<div class="photoInfoContent"></div>
</div>
</div>
<div id="specialsCollapsible" class="detailSection hide">
2015-07-29 13:16:00 -04:00
<h1>
2014-04-08 00:17:18 -04:00
${HeaderSpecialFeatures}
2015-07-29 13:16:00 -04:00
</h1>
<div id="specialsContent" class="smallItemsContainer"></div>
</div>
2013-07-29 15:12:21 -04:00
<div id="musicVideosCollapsible" style="display: none;" class="detailSection">
2015-07-29 13:16:00 -04:00
<h1>
2014-04-08 00:17:18 -04:00
${HeaderMusicVideos}
2015-07-29 13:16:00 -04:00
</h1>
<div id="musicVideosContent" class="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">
2015-08-18 00:22:45 -04:00
<h1 class="similiarHeader"></h1>
2015-07-29 13:16:00 -04:00
<div id="similarContent"></div>
2013-05-15 18:55:24 -04:00
</div>
2013-05-15 23:39:15 -04:00
<div id="criticReviewsCollapsible" style="display: none;" class="detailSection">
2015-07-29 13:16:00 -04:00
<h1>
2014-04-08 00:17:18 -04:00
${HeaderAwardsAndReviews}
2015-07-29 13:16:00 -04:00
</h1>
<div>
2014-03-19 13:44:55 -04:00
<p id="awardSummary"></p>
2015-09-27 11:00:57 -04:00
<div class="paperList" id="criticRatingSummary">
<paper-icon-item>
2015-10-26 14:55:46 -04:00
<paper-fab mini style="background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(css/images/fresh.png);" item-icon></paper-fab>
2015-09-27 11:00:57 -04:00
<paper-item-body three-line>
<div>TOMATOMETER®</div>
<div class="criticRatingScore"></div>
<div class="criticRatingSummaryText" style="white-space: normal;" secondary></div>
</paper-item-body>
</paper-icon-item>
</div>
2015-07-29 13:16:00 -04:00
<div id="criticReviewsContent"></div>
2013-05-12 02:05:51 -04:00
</div>
2015-06-16 13:37:49 -04:00
</div>
2015-06-19 14:34:21 -04:00
2013-05-15 23:39:15 -04:00
<div id="scenesCollapsible" style="display: none;" class="detailSection">
2015-07-29 13:16:00 -04:00
<h1>
2014-04-08 00:17:18 -04:00
${HeaderScenes}
2015-07-29 13:16:00 -04:00
<a class="detailSectionHeaderButton chapterSettingsButton clearLink" style="margin-top:-8px;display:inline-block;" href="metadataadvanced.html" title="${ButtonSettings}" style="display:none;"><paper-icon-button icon="settings"></paper-icon-button></a>
</h1>
<div id="scenesContent" class="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">
2015-07-29 13:16:00 -04:00
<h1>
2014-04-08 00:17:18 -04:00
${HeaderThemeSongs}
2015-07-29 13:16:00 -04:00
</h1>
<div id="themeSongsContent"></div>
2013-05-03 16:50:13 -04:00
</div>
2015-07-27 01:03:34 -04:00
<div class="detailSection detailsSection">
2015-07-29 13:16:00 -04:00
<h1>
2015-07-27 01:03:34 -04:00
${HeaderDetails}
2015-07-29 13:16:00 -04:00
</h1>
<div>
2015-07-27 01:03:34 -04:00
<div class="tabDetails">
2015-08-23 22:08:20 -04:00
<p class="itemOverview bottomOverview"></p>
2015-07-27 01:03:34 -04:00
<p id="players"></p>
<p class="itemExternalLinks"></p>
<p class="itemStudios"></p>
<p class="itemTags"></p>
</div>
</div>
</div>
2013-05-15 23:39:15 -04:00
<div id="themeVideosCollapsible" style="display: none;" class="detailSection">
2015-07-29 13:16:00 -04:00
<h1>
2014-04-08 00:17:18 -04:00
${HeaderThemeVideos}
2015-07-29 13:16:00 -04:00
</h1>
<div id="themeVideosContent" class="smallItemsContainer"></div>
2013-04-28 13:21:56 -04:00
</div>
2014-10-06 19:58:46 -04:00
<div class="detailSection audioVideoMediaInfo hide">
2015-07-29 13:16:00 -04:00
<h1>${HeaderMediaInfo}</h1>
<div>
2015-10-19 22:06:05 -04:00
<div class="splitVersionContainer" style="border-bottom: 1px solid #444;padding:1em 0;">
<paper-button raised class="btnSplitVersions subdued">${ButtonSplitVersionsApart}</paper-button>
2014-10-06 19:58:46 -04:00
</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>