mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-18 03:18:19 -07:00
219 lines
11 KiB
HTML
219 lines
11 KiB
HTML
<div id="itemDetailPage" data-role="page" class="page libraryPage itemDetailPage noSecondaryNavPage selfBackdropPage" data-theme="b" data-backbutton="true">
|
|
|
|
<style>
|
|
@media all and (min-width: 800px) {
|
|
|
|
.itemBackdrop {
|
|
display: none;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<div id="itemBackdrop" class="itemBackdrop noBackdrop">
|
|
<div class="itemBackdropContent">
|
|
</div>
|
|
<button is="emby-button" type="button" class="btnPlay detailFloatingButton hide fab autoSize" title="${ButtonPlay}" data-mode="playmenu"><i class="md-icon">play_arrow</i></button>
|
|
</div>
|
|
|
|
<div class="detailLogo"></div>
|
|
|
|
<div class="detailPageContent padded-bottom-page">
|
|
|
|
<div class="detailPagePrimaryContainer padded-left padded-right">
|
|
<div class="detailImageContainer">
|
|
</div>
|
|
<div class="detailPagePrimaryContent">
|
|
|
|
<div class="detailSection" style="margin-bottom: 0;">
|
|
|
|
<h1 class="parentName" style="margin: .25em 0;"></h1>
|
|
<h1 class="itemName" style="margin: .5em 0;"></h1>
|
|
|
|
<div class="itemMiscInfo itemMiscInfo-primary" style="margin: 1em 0;">
|
|
|
|
</div>
|
|
|
|
<div class="itemMiscInfo itemMiscInfo-secondary" style="margin: 1em 0;">
|
|
|
|
</div>
|
|
|
|
<div class="mainDetailButtons">
|
|
<button is="emby-button" type="button" class="raised subdued btnPlaySimple btnResume hide" data-mode="resume">
|
|
<span>${ButtonResume}</span>
|
|
</button>
|
|
<button is="emby-button" type="button" class="raised subdued btnPlay btnPlaySimple hide" data-mode="play">
|
|
<span>${ButtonPlay}</span>
|
|
</button>
|
|
<button is="emby-button" type="button" class="raised subdued btnInstantMix hide">
|
|
<span>${HeaderInstantMix}</span>
|
|
</button>
|
|
<button is="emby-button" type="button" class="raised subdued btnShuffle hide">
|
|
<span>${ButtonShuffle}</span>
|
|
</button>
|
|
<button is="emby-button" type="button" class="raised subdued btnPlayTrailer hide">
|
|
<span>${ButtonTrailer}</span>
|
|
</button>
|
|
<button is="emby-button" type="button" class="raised subdued btnCancelSeriesTimer hide">
|
|
<span>${ButtonCancelSeries}</span>
|
|
</button>
|
|
|
|
<div style="margin-left:.5em; display: flex; align-items: center;">
|
|
<button is="emby-button" type="button" class="btnMoreCommands fab mini hide" title="${ButtonMore}"><i class="md-icon">more_vert</i></button>
|
|
<button is="emby-button" type="button" class="btnDeleteItem fab mini hide" title="${DeleteMedia}"><i class="md-icon"></i></button>
|
|
<div class="detailUserDataIcons userDataIcons"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="syncLocalContainer hide" style="margin: 1em 0;">
|
|
</div>
|
|
|
|
<div class="recordingFields hide" style="margin: .5em 0 1.5em;">
|
|
|
|
</div>
|
|
|
|
<div class="detailSectionContent">
|
|
|
|
<p class="itemGenres"></p>
|
|
<h1 class="tagline" style="margin-bottom: .7em;"></h1>
|
|
<p class="artist"></p>
|
|
<p class="overview"></p>
|
|
<div class="mediaInfoIcons hide">
|
|
</div>
|
|
<p id="itemBirthday"></p>
|
|
<p id="itemBirthLocation"></p>
|
|
<p id="itemDeathDate"></p>
|
|
<p id="seriesAirTime"></p>
|
|
<p class="itemExternalLinks"></p>
|
|
<p class="itemStudios"></p>
|
|
<p class="itemTags"></p>
|
|
|
|
<div class="seriesRecordingEditor">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="seriesTimerScheduleSection verticalSection detailVerticalSection hide" style="margin-top:-3em;">
|
|
<h2 class="sectionTitle padded-left">
|
|
${HeaderSchedule}
|
|
</h2>
|
|
<div class="seriesTimerSchedule padded-left padded-right">
|
|
</div>
|
|
</div>
|
|
<div class="collectionItems"></div>
|
|
<div class="nextUpSection verticalSection detailVerticalSection hide">
|
|
<h2 class="sectionTitle sectionTitle-cards padded-left">
|
|
${HeaderNextUp}
|
|
</h2>
|
|
<div is="emby-itemscontainer" class="nextUpItems vertical-wrap padded-left padded-right"></div>
|
|
</div>
|
|
<div id="childrenCollapsible" class="hide verticalSection detailVerticalSection">
|
|
<h2 class="childrenSectionHeader sectionTitle sectionTitle-cards padded-left">
|
|
<span id="childrenTitle"></span>
|
|
</h2>
|
|
<div id="childrenContent">
|
|
<div is="emby-itemscontainer" class="childrenItemsContainer itemsContainer padded-left padded-right" style="text-align: left;"></div>
|
|
</div>
|
|
</div>
|
|
<div id="additionalPartsCollapsible" class="verticalSection detailVerticalSection hide">
|
|
<h2 class="sectionTitle sectionTitle-cards padded-left">
|
|
${HeaderAdditionalParts}
|
|
</h2>
|
|
<div id="additionalPartsContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right"></div>
|
|
</div>
|
|
<div id="castCollapsible" class="verticalSection detailVerticalSection hide">
|
|
<h2 id="peopleHeader" class="sectionTitle sectionTitle-cards padded-left">
|
|
${HeaderCastCrew}
|
|
</h2>
|
|
<div id="castContent" is="emby-itemscontainer" class="itemsContainer padded-left padded-right"></div>
|
|
<div class="padded-left">
|
|
<button is="emby-button" type="button" class="raised more morePeople hide">${ButtonMore}</button>
|
|
</div>
|
|
</div>
|
|
<div id="seriesScheduleSection" class="verticalSection detailVerticalSection hide">
|
|
<h1>
|
|
${HeaderUpcomingOnTV}
|
|
</h1>
|
|
<div id="seriesScheduleList" is="emby-itemscontainer" class="itemsContainer vertical-list padded-left padded-right"></div>
|
|
</div>
|
|
|
|
<div class="verticalSection detailVerticalSection photoInfo hide">
|
|
<h2 class="sectionTitle padded-left">
|
|
${HeaderPhotoInfo}
|
|
</h2>
|
|
<div class="photoInfoContent padded-left padded-right"></div>
|
|
</div>
|
|
|
|
<div id="specialsCollapsible" class="verticalSection detailVerticalSection hide">
|
|
<h2 class="sectionTitle sectionTitle-cards padded-left">
|
|
${HeaderSpecialFeatures}
|
|
</h2>
|
|
<div id="specialsContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right"></div>
|
|
</div>
|
|
<div id="musicVideosCollapsible" class="verticalSection detailVerticalSection hide">
|
|
<h2 class="sectionTitle sectionTitle-cards padded-left">
|
|
${HeaderMusicVideos}
|
|
</h2>
|
|
<div id="musicVideosContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right"></div>
|
|
</div>
|
|
<div id="moreFromSection" class="verticalSection detailVerticalSection hide">
|
|
<h2 class="moreFromHeader sectionTitle sectionTitle-cards padded-left"></h2>
|
|
<div id="moreFromItems"></div>
|
|
</div>
|
|
<div id="similarCollapsible" class="verticalSection detailVerticalSection hide">
|
|
<h2 class="sectionTitle sectionTitle-cards padded-left">
|
|
${HeaderMoreLikeThis}
|
|
</h2>
|
|
<div class="similarContent"></div>
|
|
</div>
|
|
<div id="criticReviewsCollapsible" class="verticalSection detailVerticalSection hide">
|
|
<h2 class="sectionTitle padded-left">
|
|
${HeaderAwardsAndReviews}
|
|
</h2>
|
|
<div class="padded-left padded-right">
|
|
<div class="paperList" id="criticRatingSummary">
|
|
<div class="listItem">
|
|
<button is="emby-button" type="button" class="mini fab" style="flex-shrink: 0; width: 40px; height: 40px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(css/images/fresh.png);"></button>
|
|
<div class="listItemBody three-line">
|
|
<h3 class="listItemBodyText">TOMATOMETER®</h3>
|
|
<div class="listItemBodyText criticRatingScore"></div>
|
|
<div class="listItemBodyText criticRatingSummaryText secondary" style="white-space: normal;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="criticReviewsContent"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="scenesCollapsible" class="verticalSection detailVerticalSection hide">
|
|
<h2 class="sectionTitle sectionTitle-cards padded-left">
|
|
${HeaderScenes}
|
|
</h2>
|
|
<div is="emby-itemscontainer" id="scenesContent" class="itemsContainer padded-left padded-right"></div>
|
|
</div>
|
|
<div id="themeSongsCollapsible" class="verticalSection detailVerticalSection hide">
|
|
<h2 class="sectionTitle padded-left">
|
|
${HeaderThemeSongs}
|
|
</h2>
|
|
<div id="themeSongsContent" is="emby-itemscontainer" class="padded-left padded-right"></div>
|
|
</div>
|
|
|
|
<div id="themeVideosCollapsible" class="verticalSection detailVerticalSection hide">
|
|
<h2 class="sectionTitle sectionTitle-cards padded-left">
|
|
${HeaderThemeVideos}
|
|
</h2>
|
|
<div id="themeVideosContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right"></div>
|
|
</div>
|
|
|
|
<div class="verticalSection detailVerticalSection audioVideoMediaInfo hide">
|
|
<h2 class="sectionTitle padded-left">${HeaderMediaInfo}</h2>
|
|
<div class="padded-left padded-right">
|
|
<div class="splitVersionContainer" style="border-bottom: 1px solid #444; padding: 1em 0;">
|
|
<button is="emby-button" type="button" class="raised btnSplitVersions subdued">${ButtonSplitVersionsApart}</button>
|
|
</div>
|
|
<div id="mediaInfoContent" class="mediaInfoContent"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |