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

use backdrops in grid view

Browse source
This commit is contained in:
Luke Pulverenti 2013-04-06 17:10:12 -04:00
parent e37f1d2fbc
commit 1613e7f451
2 changed files with 22 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -62,7 +62,7 @@
} }
.libraryGridImage { .libraryGridImage {
width: 50px; width: 120px;
} }
.thName, .tdName { .thName, .tdName {
@ -83,11 +83,12 @@
.libraryItemsGrid th, .libraryItemsGrid td { .libraryItemsGrid th, .libraryItemsGrid td {
vertical-align: top; vertical-align: top;
text-align: left; text-align: left;
padding: 10px; padding: 10px 10px 5px;
} }
.libraryItemsGrid th { .libraryItemsGrid th {
padding-bottom: 1em; padding-bottom: 1em;
padding-top: 0;
} }
.libraryItemsGrid td { .libraryItemsGrid td {

25
dashboard-ui/scripts/movies.js
View file

@ -53,19 +53,32 @@
var url = "itemdetails.html?id=" + item.Id; var url = "itemdetails.html?id=" + item.Id;
var imageTags = item.ImageTags;
html += '<a href="' + url + '">'; html += '<a href="' + url + '">';
if (imageTags.Primary) { if (item.BackdropImageTags && item.BackdropImageTags.length) {
html += '<img class="libraryGridImage" src="' + ApiClient.getImageUrl(item.Id, { html += '<img class="libraryGridImage" src="' + ApiClient.getImageUrl(item.Id, {
type: "Primary", type: "Backdrop",
height: 100, width: 240,
tag: item.ImageTags.Primary tag: item.BackdropImageTags[0],
index: 0
}) + '" />'; }) + '" />';
} }
else if (item.ImageTags && item.ImageTags.Thumb) {
html += '<img class="libraryGridImage" src="' + ApiClient.getImageUrl(item.Id, {
type: "Thumb",
width: 240,
tag: item.ImageTags.Thumb
}) + '" />';
}
else if (item.ImageTags && item.ImageTags.Primary) {
html += '<img class="libraryGridImage" src="' + ApiClient.getImageUrl(item.Id, {
type: "Primary",
width: 240,
tag: item.ImageTags.Primary
}) + '" />';
}
else { else {
html += '<img class="libraryGridImage" style="background:' + LibraryBrowser.getMetroColor(item.Id) + ';" src="css/images/items/list/video.png" />'; html += '<img class="libraryGridImage" style="background:' + LibraryBrowser.getMetroColor(item.Id) + ';" src="css/images/items/list/video.png" />';
} }