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

display titles to the right of posters in detail pages

Browse source
This commit is contained in:
Luke Pulverenti 2013-04-17 23:53:19 -04:00
parent 2a9a088a9e
commit 5072eb0e1a
13 changed files with 141 additions and 96 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dashboard-ui/boxset.html
View file

@ -20,7 +20,6 @@
</div>
<div class="detailPagePrimaryInfo">
<h1 id="itemName" class="detailPageName"></h1>
<div class="itemImageBlock">
<div id="itemMedia" style="position: relative;">
<div id="itemImage"></div>
@ -29,6 +28,7 @@
<div class="itemDetailBlock">
<h1 id="itemName" class="detailPageName"></h1>
<p id="itemTagline" style="font-style: italic;"></p>
<p id="itemOverview"></p>
<p id="itemRatings"></p>

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

@ -114,6 +114,14 @@
margin: 0 0 .4em;
}
.detailPageParentLink {
text-decoration: none;
}
.detailPageParentLink:hover {
text-decoration: underline;
}
.itemMiscInfo {
color: #ddd;
font-size: 14px;
@ -214,16 +222,13 @@
}
.detailPagePrimaryInfo {
margin-bottom: 1.5em;
margin: 1em 0 1.5em;
}
@media all and (min-width: 650px) {
.detailPagePrimaryInfo {
padding: 0 10px;
}
.libraryTabs .ui-btn-text {
font-size: 16px;
margin-top: 1.5em;
}
.libraryTabs .ui-btn-inner {

43
dashboard-ui/css/site.css
View file

File diff suppressed because one or more lines are too long

10
dashboard-ui/gamedetail.html
View file

@ -4,13 +4,10 @@
<title></title>
</head>
<body>
<div id="gameDetailPage" data-role="page" class="page libraryPage" data-theme="a">
<div id="gameDetailPage" data-role="page" class="page libraryPage" data-theme="a">
<div data-role="content">
<div class="detailPagePrimaryInfo">
<h1 id="seriesName" class="detailPageName hide"></h1>
<h1 id="itemName" class="detailPageName"></h1>
<div class="itemImageBlock">
<div id="itemMedia" style="position: relative;">
<div id="itemImage"></div>
@ -20,6 +17,9 @@
<div class="itemDetailBlock">
<h1 id="seriesName" class="detailPageName hide"></h1>
<h1 id="itemName" class="detailPageName"></h1>
<p id="itemTagline" style="font-style: italic;"></p>
<p id="itemOverview"></p>
<p id="itemRatings"></p>
@ -43,6 +43,6 @@
</div>
</div>
</div>
</div>
</body>
</html>

6
dashboard-ui/gamesystem.html
View file

@ -4,7 +4,7 @@
<title></title>
</head>
<body>
<div id="gamesystemPage" data-role="page" class="page libraryPage noLogoPage" data-theme="a">
<div id="gamesystemPage" data-role="page" class="page libraryPage noLogoPage" data-theme="a">
<h1 class="libraryPageHeader"><a href="index.html" class="imageLink">
<img src="css/images/home.png"></a>Games</h1>
<div data-role="content">
@ -18,7 +18,6 @@
</div>
<div class="detailPagePrimaryInfo">
<h1 id="itemName" class="detailPageName"></h1>
<div class="itemImageBlock">
<div id="itemMedia" style="position: relative;">
<div id="itemImage"></div>
@ -27,6 +26,7 @@
<div class="itemDetailBlock">
<h1 id="itemName" class="detailPageName"></h1>
<p id="itemTagline" style="font-style: italic;"></p>
<p id="itemOverview"></p>
<p id="itemRatings"></p>
@ -40,6 +40,6 @@
</div>
</div>
</div>
</div>
</body>
</html>

10
dashboard-ui/itembynamedetails.html
View file

@ -8,8 +8,6 @@
<div data-role="content">
<div class="detailPagePrimaryInfo">
<h1 id="itemName" class="detailPageName"></h1>
<div class="itemImageBlock">
<div id="itemMedia" style="position: relative;">
<div id="itemImage"></div>
@ -17,6 +15,8 @@
</div>
<div class="itemDetailBlock">
<h1 id="itemName" class="detailPageName"></h1>
<p id="itemOverview"></p>
<p id="itemMiscInfo" class="itemMiscInfo"></p>
<p id="itemRatings"></p>
@ -25,11 +25,9 @@
<p id="itemDeathDate"></p>
<p id="itemLinks"></p>
</div>
</div>
<div class="detailPagePrimaryInfo">
<h1 style="margin-bottom: 0;">In Your Library</h1>
</div>
<h2 style="margin-bottom: 0;">In Your Library</h2>
<div>
<form>

6
dashboard-ui/itemdetails.html
View file

@ -8,9 +8,6 @@
<div data-role="content">
<div class="detailPagePrimaryInfo">
<h1 id="seriesName" class="detailPageName hide"></h1>
<h1 id="itemName" class="detailPageName"></h1>
<div class="itemImageBlock">
<div id="itemMedia" style="position: relative;">
<div id="itemImage"></div>
@ -31,6 +28,9 @@
<div class="itemDetailBlock">
<h1 id="seriesName" class="detailPageName hide"></h1>
<h1 id="itemName" class="detailPageName"></h1>
<p id="itemTagline" style="font-style: italic;"></p>
<p id="itemOverview"></p>
<p id="itemRatings"></p>

14
dashboard-ui/scripts/librarybrowser.js
View file

@ -739,6 +739,7 @@
var url;
var useBackgroundColor;
var maxwidth;
if (imageTags.Primary) {
@ -798,24 +799,37 @@
else if (item.MediaType == "Audio") {
url = "css/images/items/detail/audio.png";
useBackgroundColor = true;
maxwidth = 150;
}
else if (item.MediaType == "Game") {
url = "css/images/items/detail/game.png";
useBackgroundColor = true;
maxwidth = 150;
}
else if (item.Type == "Person") {
url = "css/images/items/detail/person.png";
useBackgroundColor = true;
maxwidth = 100;
}
else if (item.Type == "Genre" || item.Type == "Studio") {
url = "css/images/items/detail/video.png";
useBackgroundColor = true;
maxwidth = 100;
}
else {
url = "css/images/items/detail/video.png";
useBackgroundColor = true;
maxwidth = 150;
}
if (url) {
var style = useBackgroundColor ? "background-color:" + LibraryBrowser.getMetroColor(item.Id) + ";" : "";
if (maxwidth) {
style += "max-width:" + maxwidth + "px;";
}
html += "<img class='itemDetailImage' src='" + url + "' style='" + style + "' />";
}

3
dashboard-ui/scripts/mediaplayer.js
View file

@ -150,6 +150,9 @@
audioCodec: 'Vorbis'
}));
// HLS must be at the top for safari
// Webm must be ahead of mp4 due to the issue of mp4 playing too fast in chrome
(this).src([
{ type: "application/x-mpegURL", src: hlsVideoUrl },
{ type: "video/webm", src: webmVideoUrl },

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

@ -1,6 +1,6 @@
(function ($, document) {
var view = "Backdrop";
var view = "Poster";
// The base query options
var query = {

1
dashboard-ui/scripts/tvseason.js
View file

@ -19,6 +19,7 @@
Dashboard.setPageTitle(name);
$('#itemName', page).html(name);
$('#seriesName', page).html('<a class="detailPageParentLink" href="tvseries.html?id=' + item.SeriesId + '">' + item.SeriesName + '</a>').trigger('create');
setInitialCollapsibleState(page, item);
renderDetails(page, item);

5
dashboard-ui/tvseason.html
View file

@ -20,8 +20,6 @@
<div class="detailPagePrimaryInfo">
<h1 id="itemName" class="detailPageName"></h1>
<div class="itemImageBlock">
<div id="itemMedia" style="position: relative;">
<div id="itemImage"></div>
@ -30,6 +28,9 @@
<div class="itemDetailBlock">
<h1 id="seriesName" class="detailPageName"></h1>
<h1 id="itemName" class="detailPageName"></h1>
<p id="itemTagline" style="font-style: italic;"></p>
<p id="itemOverview"></p>
<p id="itemRatings"></p>

4
dashboard-ui/tvseries.html
View file

@ -20,8 +20,6 @@
<div class="detailPagePrimaryInfo">
<h1 id="itemName" class="detailPageName"></h1>
<div class="itemImageBlock">
<div id="itemMedia" style="position: relative;">
<div id="itemImage"></div>
@ -30,6 +28,8 @@
<div class="itemDetailBlock">
<h1 id="itemName" class="detailPageName"></h1>
<p id="itemTagline" style="font-style: italic;"></p>
<p id="itemOverview"></p>
<p id="itemRatings"></p>