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-size: cover;
background-position: center 15%; background-position: center 15%;
background-repeat: no-repeat; background-repeat: no-repeat;
height: 600px; height: 640px;
position: relative; position: relative;
} }

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

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

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

@ -62,7 +62,7 @@
shape: getPortraitShape(), shape: getPortraitShape(),
centerText: true, centerText: true,
lazy: true, lazy: true,
overlayText: true, overlayText: false,
showDetailsMenu: true 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); })(jQuery, document, LibraryBrowser, window);

93
dashboard-ui/shared.html
View file

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