From 1613e7f451ca95302fa3f724f4afb84482528c93 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Sat, 6 Apr 2013 17:10:12 -0400
Subject: [PATCH] use backdrops in grid view

---
 dashboard-ui/css/librarybrowser.css |  5 +++--
 dashboard-ui/scripts/movies.js      | 25 +++++++++++++++++++------
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index a2da9373b1..85c688a94b 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -62,7 +62,7 @@
 }
 
 .libraryGridImage {
-    width: 50px;
+    width: 120px;
 }
 
 .thName, .tdName {
@@ -83,11 +83,12 @@
     .libraryItemsGrid th, .libraryItemsGrid td {
         vertical-align: top;
         text-align: left;
-        padding: 10px;
+        padding: 10px 10px 5px;
     }
 
     .libraryItemsGrid th {
         padding-bottom: 1em;
+        padding-top: 0;
     }
 
     .libraryItemsGrid td {
diff --git a/dashboard-ui/scripts/movies.js b/dashboard-ui/scripts/movies.js
index a8af498fbb..5b3d4ed339 100644
--- a/dashboard-ui/scripts/movies.js
+++ b/dashboard-ui/scripts/movies.js
@@ -53,19 +53,32 @@
 
         var url = "itemdetails.html?id=" + item.Id;
 
-        var imageTags = item.ImageTags;
-
         html += '<a href="' + url + '">';
 
-        if (imageTags.Primary) {
+        if (item.BackdropImageTags && item.BackdropImageTags.length) {
 
             html += '<img class="libraryGridImage" src="' + ApiClient.getImageUrl(item.Id, {
-                type: "Primary",
-                height: 100,
-                tag: item.ImageTags.Primary
+                type: "Backdrop",
+                width: 240,
+                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 {
             html += '<img class="libraryGridImage" style="background:' + LibraryBrowser.getMetroColor(item.Id) + ';" src="css/images/items/list/video.png" />';
         }