mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

update shared content page to new layout

Browse source
This commit is contained in:
Luke Pulverenti 2015-08-21 13:45:56 -04:00
parent c0918e89de
commit 1e871a165c
5 changed files with 75 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dashboard-ui/css/librarybrowser.css
View file

@ -397,7 +397,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
background-size: cover;
background-position: center 15%;
background-repeat: no-repeat;
height: 600px;
height: 640px;
position: relative;
}

9
dashboard-ui/scripts/itemdetailpage.js
View file

@ -426,7 +426,7 @@
renderTags(page, item);
renderSeriesAirTime(page, item, context);
renderSeriesAirTime(page, item, isStatic);
if (item.Players) {
$('#players', page).show().html(item.Players + ' Player');
@ -664,7 +664,7 @@
});
}
function renderSeriesAirTime(page, item, context) {
function renderSeriesAirTime(page, item, isStatic) {
if (item.Type != "Series") {
$('#seriesAirTime', page).hide();
@ -685,8 +685,13 @@
}
if (item.Studios.length) {
if (isStatic) {
html += ' on ' + item.Studios[0].Name;
} else {
html += ' on <a class="textlink" href="itemdetails.html?id=' + item.Studios[0].Id + '">' + item.Studios[0].Name + '</a>';
}
}
if (html) {
html = (item.Status == 'Ended' ? 'Aired ' : 'Airs ') + html;

2
dashboard-ui/scripts/moviesrecommended.js
View file

@ -62,7 +62,7 @@
shape: getPortraitShape(),
centerText: true,
lazy: true,
overlayText: true,
overlayText: false,
showDetailsMenu: true
});
}

9
dashboard-ui/scripts/shared.js
View file

@ -87,13 +87,4 @@
});
function itemDetailPage() {
var self = this;
self.play = play;
}
window.ItemDetailPage = new itemDetailPage();
})(jQuery, document, LibraryBrowser, window);

93
dashboard-ui/shared.html
View file

@ -4,7 +4,7 @@
<title>Emby</title>
</head>
<body>
<div id="publicSharedItemPage" data-role="page" class="page standalonePage noSecondaryNavPage" data-theme="b" data-require="scripts/shared,scripts/itemdetailpage,paperbuttonstyle,tileitemcss">
<div id="publicSharedItemPage" data-role="page" class="page standalonePage noSecondaryNavPage" data-theme="b" data-require="scripts/shared,scripts/itemdetailpage,paperbuttonstyle,tileitemcss,scripts/livetvcomponents">
<style>
#publicSharedItemPage .header {
@ -21,58 +21,77 @@
<div id="itemBackdrop" class="itemBackdrop noBackdrop">
<div class="itemBackdropContent">
</div>
</div>
<div class="detailPageContent primaryDetailPageContent backdropDetailPageContent">
<div class="detailPageContent" style="position:relative;">
<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>
<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;">
<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>
</p>
<span class="itemMiscInfo"></span>
<span class="itemCommunityRating" style="margin-left:1em;"></span>
</div>
</div>
<div class="desktopDetails" style="padding-top:5px;">
<p class="artist"></p>
<p class="itemGenres"></p>
</div>
</div>
</div>
<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>
<div data-role="content">
<div data-role="content" style="padding-top:0;clear:both;">
<div class="detailPageContent">
<div class="detailSection" style="margin-bottom:1.5em;">
<div class="detailSectionContent detailContentEffectedByImage lastDetailContentEffectedByImage">
<p id="artist"></p>
<div class="detailSection">
<div class="mobileDetails">
<p class="artist"></p>
<p class="itemGenres"></p>
<p class="itemOverview smoothScrollY"></p>
</div>
<h2 class="tagline"></h2>
<p id="itemBirthday"></p>
<p id="itemBirthLocation"></p>
<p id="itemDeathDate"></p>
<p id="seriesAirTime"></p>
<p class="airDate"></p>
<p class="itemOverview smoothScrollY"></p>
</div>
</div>
<br />
<br />
<br />
<div id="castCollapsible" style="display: none;" class="detailSection">
<div id="peopleHeader" class="detailSectionHeader">
<h1 id="peopleHeader">
${HeaderCastCrew}
</div>
<div id="castContent" class="detailSectionContent"></div>
</h1>
<div id="castContent"></div>
</div>
<div class="detailSection photoInfo hide">
<div class="detailSectionHeader">
<h1>
${HeaderPhotoInfo}
</div>
<div class="detailSectionContent" style="padding:1em;">
</h1>
<div>
<div class="photoInfoContent"></div>
</div>
</div>
<div id="criticReviewsCollapsible" style="display: none;" class="detailSection">
<div class="detailSectionHeader">
<h1>
${HeaderAwardsAndReviews}
</div>
<div style="padding: 0 .5em;">
</h1>
<div>
<p id="awardSummary"></p>
<div id="criticRatingSummary" class="criticReview criticRatingSummary" style="display: none;">
<p style="margin: 0 0 .5em -40px; font-weight: bold;">TOMATOMETER®</p>
@ -82,36 +101,34 @@
<div class="criticRatingScore"></div>
<div class="criticRatingSummaryText"></div>
</div>
<div id="criticReviewsContent" class="detailSectionContent"></div>
<div id="criticReviewsContent"></div>
</div>
</div>
<div class="detailSection detailsSection">
<div class="detailSectionHeader">
<h1>
${HeaderDetails}
</div>
<div class="detailSectionContent" style="padding:0 1em;">
</h1>
<div>
<div class="tabDetails">
<p id="players"></p>
<p id="itemBudget"></p>
<p id="itemRevenue"></p>
<p class="itemExternalLinks"></p>
<p class="itemStudios"></p>
<p class="itemKeywords"></p>
<p class="itemTags"></p>
</div>
</div>
</div>
<div id="scenesCollapsible" style="display: none;" class="detailSection">
<div class="detailSectionHeader">
<h1>
${HeaderScenes}
</div>
<div id="scenesContent" class="detailSectionContent smallItemsContainer"></div>
<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>
</div>
<div class="detailSection audioVideoMediaInfo hide">
<h2 class="detailSectionHeader">${HeaderMediaInfo}</h2>
<div class="detailSectionContent" style="padding: 0 .7em;">
<h1>${HeaderMediaInfo}</h1>
<div>
<div id="mediaInfoContent" class="mediaInfoContent"></div>
</div>
</div>