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

"My library" icons

Browse source 
Appropriate icon for each type
This commit is contained in:
Tim Hobbs 2014-05-18 15:44:14 -07:00
parent 4d5b3599f8
commit 5b19b30500
1 changed files with 49 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -529,6 +529,8 @@
var background = null; var background = null;
var width = null; var width = null;
var height = null; var height = null;
var backgroundSize = null;
var backgroundPosition = null;
var forceName = false; var forceName = false;
@ -682,8 +684,47 @@
imgUrl = 'css/images/items/list/collection.png'; imgUrl = 'css/images/items/list/collection.png';
} }
background = defaultBackground; background = defaultBackground;
// "My Library" backgrounds
if (item.Type == "CollectionFolder" || item.Type == "ManualCollectionsFolder") {
backgroundSize = "90px 90px";
backgroundPosition = "center center";
switch (item.CollectionType) {
case "movies":
imgUrl = "css/images/items/folders/movies.png";
break;
case "music":
imgUrl = "css/images/items/folders/music.png";
break;
case "photos":
imgUrl = "css/images/items/folders/photos.png";
break;
case "tvshows":
imgUrl = "css/images/items/folders/tv.png";
break;
case "games":
imgUrl = "css/images/items/folders/games.png";
break;
case "trailers":
imgUrl = "css/images/items/folders/games.png";
break;
case "homevideos":
imgUrl = "css/images/items/folders/homevideos.png";
break;
case "musicvideos":
imgUrl = "css/images/items/folders/musicvideos.png";
break;
case "boxsets":
default:
imgUrl = "css/images/items/folders/folder.png";
break;
}
}
} }
console.log("item", item);
var cssClass = "posterItem"; var cssClass = "posterItem";
@ -713,6 +754,14 @@
style += "background-color:" + background + ";"; style += "background-color:" + background + ";";
} }
if (backgroundPosition) {
style += "background-position:" + backgroundPosition + ";";
}
if (backgroundSize) {
style += "background-size:" + backgroundSize + ";";
}
var imageCssClass = 'posterItemImage'; var imageCssClass = 'posterItemImage';
if (options.coverImage) { if (options.coverImage) {
imageCssClass += " coveredPosterItemImage"; imageCssClass += " coveredPosterItemImage";