jellyfin-web/dashboard-ui/itemdetails.html

212 lines
11 KiB
HTML
Raw Normal View History

2016-05-19 10:27:39 -07:00
<div id="itemDetailPage" data-role="page" class="page libraryPage itemDetailPage noSecondaryNavPage selfBackdropPage" data-theme="b">
2015-06-16 10:37:49 -07:00
2016-03-15 22:33:31 -07:00
<div id="itemBackdrop" class="itemBackdrop noBackdrop">
<div class="itemBackdropContent">
2015-08-17 21:22:45 -07:00
</div>
2016-07-07 20:23:40 -07:00
<a href="#" id="lnkPreviousItem" class="lnkPreviousItem lnkSibling hide clearLink"><button is="emby-button" type="button" class="raised subdued notext"><i class="md-icon">&#xE5C4;</i></button></a>
2016-06-18 22:26:52 -07:00
<a href="#" id="lnkNextItem" class="lnkNextItem lnkSibling hide clearLink"><button is="emby-button" type="button" class="raised subdued notext"><i class="md-icon">arrow_forward</i></button></a>
2016-03-15 22:33:31 -07:00
</div>
2015-02-02 21:54:52 -07:00
2016-03-15 22:33:31 -07:00
<div class="detailPageContent" style="position:relative;">
2015-02-02 21:54:52 -07:00
2016-06-18 22:26:52 -07:00
<button is="emby-button" type="button" class="btnPlay detailFloatingButton hide fab autoSize" title="${ButtonPlay}"><i class="md-icon">play_arrow</i></button>
<button is="emby-button" type="button" class="btnFloatingRecord detailFloatingButton hide fab autoSize" title="${ButtonRecord}"><i class="md-icon">videocam</i></button>
2015-02-02 21:54:52 -07:00
2016-03-15 22:33:31 -07:00
<div class="detailImageContainer">
</div>
<div class="primaryDetailsContainer">
<div class="detailNameContainer">
2016-05-11 22:58:05 -07:00
<div class="parentName"></div>
2016-05-12 12:21:43 -07:00
<h1 class="itemName"></h1>
2016-05-11 22:58:05 -07:00
<div class="desktopDetails itemMiscInfo" style="margin-top:.5em;">
2015-02-02 21:54:52 -07:00
2014-04-07 21:17:18 -07:00
</div>
2016-03-15 22:33:31 -07:00
</div>
<div class="desktopDetails" style="padding-top:5px;">
2015-02-02 21:54:52 -07:00
2016-03-15 22:33:31 -07:00
<p class="artist"></p>
<p class="itemGenres"></p>
<div class="detailButtonsContainer">
2016-06-18 22:26:52 -07:00
<button is="emby-button" type="button" class="raised subdued btnPlayTrailer hide"><i class="md-icon">play_arrow</i><span>${ButtonTrailer}</span></button>
<a class="btnPlayExternalTrailer hide clearLink" href="#" target="_blank"><button is="emby-button" type="button" class="raised subdued"><i class="md-icon">play_arrow</i><span>${ButtonTrailer}</span></button></a>
<button is="emby-button" type="button" class="raised subdued btnRecord hide"><i class="md-icon">videocam</i><span>${ButtonRecord}</span></button>
<button is="emby-button" type="button" class="raised subdued hide btnCancelRecording"><i class="md-icon">delete</i><span>${ButtonCancelRecording}</span></button>
<button is="emby-button" type="button" class="raised subdued btnSync hide"><i class="md-icon">sync</i><span>${ButtonSync}</span></button>
<button is="emby-button" type="button" class="raised subdued btnMoreCommands hide notext"><i class="md-icon">more_vert</i></button>
2016-03-15 22:33:31 -07:00
<div class="detailUserDataIcons userDataIcons"></div>
2015-08-17 21:22:45 -07:00
</div>
2016-08-15 11:18:05 -07:00
<div class="syncLocalContainer hide" style="margin-top:1em; display: inline-flex; padding: 0 .5em;">
<label class="checkboxContainer" style="margin:0;">
<input type="checkbox" is="emby-checkbox" class="chkOffline" />
2016-08-15 21:12:12 -07:00
<span>${MakeAvailableOffline}</span>
2016-08-15 11:18:05 -07:00
</label>
</div>
2013-04-24 13:28:42 -07:00
</div>
</div>
2016-03-15 22:33:31 -07:00
</div>
2015-02-02 21:54:52 -07:00
2016-03-15 22:33:31 -07:00
<div class="mobileDetails" style="text-align:center;clear:both;">
<div style="height:10px;"></div>
2016-05-11 22:58:05 -07:00
<div class="itemMiscInfo">
2015-08-17 21:22:45 -07:00
</div>
2016-03-15 22:33:31 -07:00
<div class="detailButtonsContainer">
<br />
2016-06-18 22:26:52 -07:00
<button is="emby-button" type="button" class="raised subdued btnPlayTrailer hide"><i class="md-icon">play_arrow</i><span>${ButtonTrailer}</span></button>
<a class="btnPlayExternalTrailer hide clearLink" href="#" target="_blank"><button is="emby-button" type="button" class="raised subdued"><i class="md-icon">play_arrow</i><span>${ButtonTrailer}</span></button></a>
<button is="emby-button" type="button" class="raised subdued btnRecord hide"><i class="md-icon">videocam</i><span>${ButtonRecord}</span></button>
<button is="emby-button" type="button" class="raised subdued hide btnCancelRecording"><i class="md-icon">delete</i><span>${ButtonCancelRecording}</span></button>
<button is="emby-button" type="button" class="raised subdued btnSync hide"><i class="md-icon">sync</i><span>${ButtonSync}</span></button>
<button is="emby-button" type="button" class="raised subdued btnMoreCommands hide notext"><i class="md-icon">more_vert</i></button>
2016-03-15 22:33:31 -07:00
<div class="detailUserDataIcons userDataIcons"></div>
</div>
2016-08-15 11:18:05 -07:00
<div class="syncLocalContainer hide" style="margin-top:1em; display: inline-flex; padding: 0 .5em;">
<label class="checkboxContainer" style="margin:0;">
<input type="checkbox" is="emby-checkbox" class="chkOffline" />
2016-08-15 21:12:12 -07:00
<span>${MakeAvailableOffline}</span>
2016-08-15 11:18:05 -07:00
</label>
</div>
2016-03-15 22:33:31 -07:00
</div>
<div data-role="content" style="padding-top:0;clear:both;">
<div class="detailPageContent">
<div class="detailSection">
<div class="mobileDetails">
<p class="artist"></p>
<p class="itemGenres"></p>
</div>
2016-03-15 22:33:31 -07:00
<div class="desktopDetails" style="height:10px;"></div>
<h2 class="tagline"></h2>
<p id="itemBirthday"></p>
<p id="itemBirthLocation"></p>
<p id="itemDeathDate"></p>
<p id="seriesAirTime"></p>
<p class="itemOverview topOverview"></p>
</div>
<div class="collectionItems"></div>
<div class="nextUpSection detailSection hide">
<h1>
${HeaderNextUp}
</h1>
2016-07-30 12:17:09 -07:00
<div is="emby-itemscontainer" class="nextUpItems vertical-wrap"></div>
2016-03-15 22:33:31 -07:00
</div>
<div id="childrenCollapsible" class="hide detailSection">
<h1 class="childrenSectionHeader">
<span id="childrenTitle"></span>
</h1>
<div id="childrenContent">
2016-07-17 11:55:07 -07:00
<div is="emby-itemscontainer" class="childrenItemsContainer itemsContainer" style="text-align:left;"></div>
2013-04-22 07:44:11 -07:00
</div>
2016-03-15 22:33:31 -07:00
</div>
<div id="additionalPartsCollapsible" class="detailSection hide">
<h1>
${HeaderAdditionalParts}
</h1>
2016-07-30 12:17:09 -07:00
<div id="additionalPartsContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap"></div>
2016-03-15 22:33:31 -07:00
</div>
2016-06-24 08:12:13 -07:00
<div id="castCollapsible" class="detailSection hide">
2016-03-15 22:33:31 -07:00
<h1 id="peopleHeader">
${HeaderCastCrew}
</h1>
2016-07-30 21:11:23 -07:00
<div id="castContent" class="itemsContainer"></div>
<button is="emby-button" type="button" class="raised more morePeople hide">${ButtonMore}</button>
2016-03-15 22:33:31 -07:00
</div>
2016-03-15 22:33:31 -07:00
<div class="detailSection photoInfo hide">
<h1>
${HeaderPhotoInfo}
</h1>
<div>
<div class="photoInfoContent"></div>
</div>
2016-03-15 22:33:31 -07:00
</div>
2016-03-15 22:33:31 -07:00
<div id="specialsCollapsible" class="detailSection hide">
<h1>
${HeaderSpecialFeatures}
</h1>
2016-07-30 12:17:09 -07:00
<div id="specialsContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap"></div>
2016-03-15 22:33:31 -07:00
</div>
2016-06-22 22:26:06 -07:00
<div id="musicVideosCollapsible" class="detailSection hide">
2016-03-15 22:33:31 -07:00
<h1>
${HeaderMusicVideos}
</h1>
2016-07-30 12:17:09 -07:00
<div id="musicVideosContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap"></div>
2016-07-21 22:38:01 -07:00
</div>
<div id="moreFromSection" class="detailSection hide">
<h1 class="moreFromHeader"></h1>
<div id="moreFromItems"></div>
2016-03-15 22:33:31 -07:00
</div>
2016-06-24 08:12:13 -07:00
<div id="similarCollapsible" class="detailSection hide">
2016-03-15 22:33:31 -07:00
<h1 class="similiarHeader"></h1>
<div id="similarContent"></div>
</div>
2016-06-22 22:26:06 -07:00
<div id="criticReviewsCollapsible" class="detailSection hide">
2016-03-15 22:33:31 -07:00
<h1>
${HeaderAwardsAndReviews}
</h1>
<div>
<p id="awardSummary"></p>
<div class="paperList" id="criticRatingSummary">
2016-06-24 10:30:29 -07:00
<div class="listItem">
2016-06-05 11:51:18 -07:00
<button is="emby-button" type="button" class="mini fab" style="background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(css/images/fresh.png);" item-icon></button>
2016-06-26 21:19:10 -07:00
<div class="listItemBody three-line">
2016-03-15 22:33:31 -07:00
<div>TOMATOMETER®</div>
<div class="criticRatingScore"></div>
2016-06-24 10:30:29 -07:00
<div class="criticRatingSummaryText secondary" style="white-space: normal;"></div>
</div>
</div>
2013-05-11 23:05:51 -07:00
</div>
2016-03-15 22:33:31 -07:00
<div id="criticReviewsContent"></div>
2015-06-16 10:37:49 -07:00
</div>
2016-03-15 22:33:31 -07:00
</div>
2015-06-19 11:34:21 -07:00
2016-06-24 08:12:13 -07:00
<div id="scenesCollapsible" class="detailSection hide">
2016-03-15 22:33:31 -07:00
<h1>
${HeaderScenes}
2016-06-28 19:44:07 -07:00
<a class="detailSectionHeaderButton chapterSettingsButton clearLink hide" style="margin-top: -8px; display: inline-block;" href="librarysettings.html" title="${ButtonSettings}">
2016-06-18 22:26:52 -07:00
<button is="paper-icon-button-light" class="autoSize"><i class="md-icon">settings</i></button>
2016-05-07 10:47:41 -07:00
</a>
2016-03-15 22:33:31 -07:00
</h1>
2016-07-30 23:21:49 -07:00
<div id="scenesContent" class="itemsContainer"></div>
2016-07-30 19:54:17 -07:00
<button is="emby-button" type="button" class="raised more moreScenes hide">${ButtonMore}</button>
2016-03-15 22:33:31 -07:00
</div>
2016-06-22 22:26:06 -07:00
<div id="themeSongsCollapsible" class="detailSection hide">
2016-03-15 22:33:31 -07:00
<h1>
${HeaderThemeSongs}
</h1>
2016-07-16 11:02:39 -07:00
<div id="themeSongsContent" is="emby-itemscontainer"></div>
2016-03-15 22:33:31 -07:00
</div>
<div class="detailSection detailsSection">
<h1>
${HeaderDetails}
</h1>
<div>
<div class="tabDetails">
<p class="itemOverview bottomOverview"></p>
<p id="players"></p>
<p class="itemExternalLinks"></p>
<p class="itemStudios"></p>
<p class="itemTags"></p>
2015-07-26 22:03:34 -07:00
</div>
</div>
2016-03-15 22:33:31 -07:00
</div>
2016-06-22 22:26:06 -07:00
<div id="themeVideosCollapsible" class="detailSection hide">
2016-03-15 22:33:31 -07:00
<h1>
${HeaderThemeVideos}
</h1>
2016-07-30 12:17:09 -07:00
<div id="themeVideosContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap"></div>
2016-03-15 22:33:31 -07:00
</div>
2014-10-06 16:58:46 -07:00
2016-03-15 22:33:31 -07:00
<div class="detailSection audioVideoMediaInfo hide">
<h1>${HeaderMediaInfo}</h1>
<div>
<div class="splitVersionContainer" style="border-bottom: 1px solid #444;padding:1em 0;">
2016-06-04 20:50:07 -07:00
<button is="emby-button" type="button" class="raised btnSplitVersions subdued">${ButtonSplitVersionsApart}</button>
2014-10-06 16:58:46 -07:00
</div>
2016-03-15 22:33:31 -07:00
<div id="mediaInfoContent" class="mediaInfoContent"></div>
2014-10-06 16:58:46 -07:00
</div>
2013-02-20 18:33:05 -07:00
</div>
</div>
</div>
2016-03-15 22:33:31 -07:00
</div>