jellyfin-web/dashboard-ui/itemdetails.html

203 lines
12 KiB
HTML
Raw Normal View History

2013-02-20 18:33:05 -07:00
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
2015-07-30 08:18:07 -07:00
<div id="itemDetailPage" data-role="page" class="page libraryPage itemDetailPage lightBackdropPage" data-theme="b" data-require="scripts/itemdetailpage,paperbuttonstyle,tileitemcss,scripts/livetvcomponents">
2015-06-16 10:37:49 -07:00
<div id="tvShowsTabs" class="itemTabs" style="display: none;">
2014-05-01 19:54:33 -07:00
<div class="libraryViewNav scopedLibraryViewNav">
2015-07-09 21:44:21 -07:00
<a href="tvrecommended.html"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a>
<a href="tvlatest.html"><iron-icon icon="new-releases"></iron-icon>${TabLatest}</a>
<a href="tvupcoming.html"><iron-icon icon="schedule"></iron-icon>${TabUpcoming}</a>
<a href="tvshows.html" class="ui-btn-active"><iron-icon icon="live-tv"></iron-icon>${TabShows}</a>
<a href="episodes.html" class="tvEpisodesTab"><iron-icon icon="slideshow"></iron-icon>${TabEpisodes}</a>
<a href="tvgenres.html"><iron-icon icon="video-library"></iron-icon>${TabGenres}</a>
<a href="tvpeople.html" class="tvPeopleTab"><iron-icon icon="people"></iron-icon>${TabPeople}</a>
<a href="tvstudios.html" class="tvStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabNetworks}</a>
2013-04-22 07:44:11 -07:00
</div>
</div>
<div id="itemBackdrop" class="itemBackdrop noBackdrop">
<div class="itemBackdropContent">
2015-02-02 21:54:52 -07: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>
2015-06-17 23:23:44 -07:00
<paper-button raised class="secondary btnPlay hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonPlay}</span></paper-button>
<paper-button raised class="alt btnPlayTrailer hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonPlayTrailer}</span></paper-button>
2015-06-18 11:29:44 -07:00
<a class="btnPlayExternalTrailer hide clearLink" href="#" target="_blank"><paper-button raised class="alt btnPlayExternalTrailer"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonPlayTrailer}</span></paper-button></a>
2015-07-28 20:42:03 -07:00
<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-06-17 23:23:44 -07:00
<paper-button raised class="submit btnSync hide"><iron-icon icon="refresh"></iron-icon><span>${ButtonSync}</span></paper-button>
2015-06-30 16:59:45 -07:00
<paper-button raised class="subdued btnShare notext hide" style="background-color:#673AB7"><iron-icon icon="share"></iron-icon></paper-button>
2015-06-17 23:23:44 -07:00
<paper-button raised class="subdued btnMoreCommands hide notext"><iron-icon icon="more-vert"></iron-icon></paper-button>
2015-02-02 21:54:52 -07:00
</div>
</div>
2014-04-07 21:17:18 -07:00
</div>
2015-02-02 21:54:52 -07:00
2013-04-24 13:28:42 -07:00
</div>
2015-06-19 11:34:21 -07:00
<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>
<div data-role="content">
2013-04-22 07:44:11 -07:00
<div class="detailPageContent">
2015-02-02 21:54:52 -07: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>
2015-06-17 23:23:44 -07:00
<paper-button raised class="secondary btnPlay hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonPlay}</span></paper-button>
<paper-button raised class="alt btnPlayTrailer hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonPlayTrailer}</span></paper-button>
2015-06-18 11:29:44 -07:00
<a class="btnPlayExternalTrailer hide clearLink" href="#" target="_blank"><paper-button raised class="alt btnPlayExternalTrailer"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonPlayTrailer}</span></paper-button></a>
2015-07-28 20:42:03 -07:00
<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-06-17 23:23:44 -07:00
<paper-button raised class="submit btnSync hide"><iron-icon icon="refresh"></iron-icon><span>${ButtonSync}</span></paper-button>
2015-06-30 16:59:45 -07:00
<paper-button raised class="subdued btnShare notext hide" style="background-color:#673AB7"><iron-icon icon="share"></iron-icon></paper-button>
2015-06-18 11:29:44 -07:00
<paper-button raised class="subdued btnMoreCommands forceHide notext"><iron-icon icon="more-vert"></iron-icon></paper-button>
2015-02-02 21:54:52 -07:00
</div>
<p id="artist"></p>
<p class="itemGenres"></p>
2015-06-07 18:23:56 -07:00
<p class="itemOverview smoothScrollY"></p>
2015-02-02 21:54:52 -07:00
<p id="seriesAirTime"></p>
2015-07-28 20:42:03 -07:00
<p class="airDate"></p>
2015-02-02 21:54:52 -07:00
</div>
</div>
2014-03-08 11:17:05 -07:00
<div class="collectionItems"></div>
2014-01-22 10:05:06 -07:00
<div id="childrenCollapsible" class="hide detailSection">
2015-07-29 10:16:00 -07:00
<h1 class="childrenSectionHeader">
<span id="childrenTitle"></span>
2015-07-29 10:16:00 -07:00
</h1>
<div id="childrenContent">
2014-08-30 07:26:29 -07:00
<div class="childrenItemsContainer itemsContainer fullWidthItemsContainer" style="text-align:left;"></div>
</div>
2014-01-22 10:05:06 -07:00
</div>
2013-09-03 14:06:33 -07:00
<div id="additionalPartsCollapsible" class="detailSection hide">
2015-07-29 10:16:00 -07:00
<h1>
2014-04-07 21:17:18 -07:00
${HeaderAdditionalParts}
2015-07-29 10:16:00 -07:00
</h1>
<div id="additionalPartsContent" class="smallItemsContainer"></div>
</div>
2013-05-15 20:39:15 -07:00
<div id="castCollapsible" style="display: none;" class="detailSection">
2015-07-29 10:16:00 -07:00
<h1 id="peopleHeader">
2014-04-07 21:17:18 -07:00
${HeaderCastCrew}
2015-07-29 10:16:00 -07:00
</h1>
<div id="castContent"></div>
2013-04-22 07:44:11 -07:00
</div>
2014-08-28 21:06:30 -07:00
<div class="detailSection photoInfo hide">
2015-07-29 10:16:00 -07:00
<h1>
2014-08-28 21:06:30 -07:00
${HeaderPhotoInfo}
2015-07-29 10:16:00 -07:00
</h1>
<div>
2014-08-28 21:06:30 -07:00
<div class="photoInfoContent"></div>
</div>
</div>
<div id="specialsCollapsible" class="detailSection hide">
2015-07-29 10:16:00 -07:00
<h1>
2014-04-07 21:17:18 -07:00
${HeaderSpecialFeatures}
2015-07-29 10:16:00 -07:00
</h1>
<div id="specialsContent" class="smallItemsContainer"></div>
</div>
2013-07-29 12:12:21 -07:00
<div id="musicVideosCollapsible" style="display: none;" class="detailSection">
2015-07-29 10:16:00 -07:00
<h1>
2014-04-07 21:17:18 -07:00
${HeaderMusicVideos}
2015-07-29 10:16:00 -07:00
</h1>
<div id="musicVideosContent" class="smallItemsContainer"></div>
2013-07-29 12:12:21 -07:00
</div>
2013-05-15 20:39:15 -07:00
<div id="similarCollapsible" style="display: none;" class="detailSection">
2015-07-29 10:16:00 -07:00
<h1 class="similiarHeader">
</h1>
<div id="similarContent"></div>
2013-05-15 15:55:24 -07:00
</div>
2013-05-15 20:39:15 -07:00
<div id="criticReviewsCollapsible" style="display: none;" class="detailSection">
2015-07-29 10:16:00 -07:00
<h1>
2014-04-07 21:17:18 -07:00
${HeaderAwardsAndReviews}
2015-07-29 10:16:00 -07:00
</h1>
<div>
2014-03-19 10:44:55 -07:00
<p id="awardSummary"></p>
<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>
2015-07-29 10:16:00 -07:00
<div id="criticReviewsContent"></div>
2013-05-11 23:05:51 -07:00
</div>
2015-06-16 10:37:49 -07:00
</div>
2015-06-19 11:34:21 -07:00
2013-05-15 20:39:15 -07:00
<div id="scenesCollapsible" style="display: none;" class="detailSection">
2015-07-29 10:16:00 -07:00
<h1>
2014-04-07 21:17:18 -07:00
${HeaderScenes}
2015-07-29 10:16:00 -07: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 09:03:10 -07:00
</div>
2013-05-15 20:39:15 -07:00
<div id="themeSongsCollapsible" style="display: none;" class="detailSection">
2015-07-29 10:16:00 -07:00
<h1>
2014-04-07 21:17:18 -07:00
${HeaderThemeSongs}
2015-07-29 10:16:00 -07:00
</h1>
<div id="themeSongsContent"></div>
2013-05-03 13:50:13 -07:00
</div>
2015-07-26 22:03:34 -07:00
<div class="detailSection detailsSection">
2015-07-29 10:16:00 -07:00
<h1>
2015-07-26 22:03:34 -07:00
${HeaderDetails}
2015-07-29 10:16:00 -07:00
</h1>
<div>
2015-07-26 22:03:34 -07:00
<div class="tabDetails">
<p id="players"></p>
<p class="itemExternalLinks"></p>
<p class="itemStudios"></p>
<p class="itemTags"></p>
</div>
</div>
</div>
2013-05-15 20:39:15 -07:00
<div id="themeVideosCollapsible" style="display: none;" class="detailSection">
2015-07-29 10:16:00 -07:00
<h1>
2014-04-07 21:17:18 -07:00
${HeaderThemeVideos}
2015-07-29 10:16:00 -07:00
</h1>
<div id="themeVideosContent" class="smallItemsContainer"></div>
2013-04-28 10:21:56 -07:00
</div>
2014-10-06 16:58:46 -07:00
<div class="detailSection audioVideoMediaInfo hide">
2015-07-29 10:16:00 -07:00
<h1>${HeaderMediaInfo}</h1>
<div>
2014-10-06 16:58:46 -07:00
<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 20:25:23 -07:00
<div id="mediaInfoContent" class="mediaInfoContent"></div>
2014-10-06 16:58:46 -07:00
</div>
</div>
2013-02-20 18:33:05 -07:00
</div>
</div>
2013-02-20 18:33:05 -07:00
</div>
</body>
2014-07-19 21:46:29 -07:00
</html>