From 5b19b305006f474f8207ff0ffa8c081856e2cc79 Mon Sep 17 00:00:00 2001 From: Tim Hobbs Date: Sun, 18 May 2014 15:44:14 -0700 Subject: [PATCH] "My library" icons Appropriate icon for each type --- dashboard-ui/scripts/librarybrowser.js | 49 ++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js index 82ea50ae3..5c1d689b2 100644 --- a/dashboard-ui/scripts/librarybrowser.js +++ b/dashboard-ui/scripts/librarybrowser.js @@ -529,6 +529,8 @@ var background = null; var width = null; var height = null; + var backgroundSize = null; + var backgroundPosition = null; var forceName = false; @@ -682,8 +684,47 @@ imgUrl = 'css/images/items/list/collection.png'; } 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"; @@ -713,6 +754,14 @@ style += "background-color:" + background + ";"; } + if (backgroundPosition) { + style += "background-position:" + backgroundPosition + ";"; + } + + if (backgroundSize) { + style += "background-size:" + backgroundSize + ";"; + } + var imageCssClass = 'posterItemImage'; if (options.coverImage) { imageCssClass += " coveredPosterItemImage";