From c5bfd529a2bdc22a243f595d976a13eaa3b52a0d Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Thu, 17 Sep 2015 13:32:39 -0400
Subject: [PATCH] update image editor

---
 .../components/imagedownloader/imagedownloader.js | 15 ++++++++-------
 .../imagedownloader/imagedownloader.template.html |  4 ++--
 .../components/imageeditor/imageeditor.js         |  2 +-
 dashboard-ui/css/metadataeditor.css               |  2 +-
 4 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/dashboard-ui/components/imagedownloader/imagedownloader.js b/dashboard-ui/components/imagedownloader/imagedownloader.js
index cba0bd97a..1245b495b 100644
--- a/dashboard-ui/components/imagedownloader/imagedownloader.js
+++ b/dashboard-ui/components/imagedownloader/imagedownloader.js
@@ -1,10 +1,11 @@
 (function ($, window, document) {
 
     var currentItemId;
+    var currentItemType;
     var currentDeferred;
     var hasChanges = false;
 
-    var browsableImagePageSize = 10;
+    var browsableImagePageSize = 20;
     var browsableImageStartIndex = 0;
     var browsableImageType = 'Primary';
     var selectedProvider;
@@ -152,10 +153,10 @@
         }
         else {
 
-            if (currentItem.Type == "Episode") {
+            if (currentItemType == "Episode") {
                 cssClass += " remoteBackdropImage";
             }
-            else if (currentItem.Type == "MusicAlbum" || currentItem.Type == "MusicArtist") {
+            else if (currentItemType == "MusicAlbum" || currentItemType == "MusicArtist") {
                 cssClass += " remoteDiscImage";
             }
             else {
@@ -252,7 +253,7 @@
         });
     }
 
-    function showEditor(itemId) {
+    function showEditor(itemId, itemType) {
 
         Dashboard.showLoadingMsg();
 
@@ -264,6 +265,7 @@
         }).done(function (template) {
 
             currentItemId = itemId;
+            currentItemType = itemType;
 
             var dlg = document.createElement('paper-dialog');
 
@@ -316,20 +318,19 @@
     }
 
     window.ImageDownloader = {
-        show: function (itemId, imageType) {
+        show: function (itemId, itemType, imageType) {
 
             var deferred = DeferredBuilder.Deferred();
 
             currentDeferred = deferred;
             hasChanges = false;
-            browsableImagePageSize = 10;
             browsableImageStartIndex = 0;
             browsableImageType = imageType || 'Primary';
             selectedProvider = null;
 
             require(['components/paperdialoghelper'], function () {
 
-                showEditor(itemId);
+                showEditor(itemId, itemType);
             });
             return deferred.promise();
         }
diff --git a/dashboard-ui/components/imagedownloader/imagedownloader.template.html b/dashboard-ui/components/imagedownloader/imagedownloader.template.html
index ed03133de..ecc7409ea 100644
--- a/dashboard-ui/components/imagedownloader/imagedownloader.template.html
+++ b/dashboard-ui/components/imagedownloader/imagedownloader.template.html
@@ -7,10 +7,10 @@
             <option value="">${OptionAll}</option>
         </select>
     </div>
-    <div style="margin: 0; display: inline-block;">
+    <div style="margin-left:1em; display: inline-block;">
         <label for="selectBrowsableImageType">${LabelImage}</label>
     </div>
-    <div style="margin: 0; display: inline-block;">
+    <div style="display: inline-block;">
         <select id="selectBrowsableImageType" name="selectBrowsableImageType" data-mini="true" data-inline="true">
             <option value="Primary">${OptionPrimary}</option>
             <option value="Art">${OptionArt}</option>
diff --git a/dashboard-ui/components/imageeditor/imageeditor.js b/dashboard-ui/components/imageeditor/imageeditor.js
index 363f65ab8..86bd39649 100644
--- a/dashboard-ui/components/imageeditor/imageeditor.js
+++ b/dashboard-ui/components/imageeditor/imageeditor.js
@@ -185,7 +185,7 @@
     function showImageDownloader(page, imageType) {
         require(['components/imagedownloader/imagedownloader'], function () {
 
-            ImageDownloader.show(currentItem.Id, imageType).done(function (hasChanges) {
+            ImageDownloader.show(currentItem.Id, currentItem.Type, imageType).done(function (hasChanges) {
 
                 if (hasChanges) {
                     reload(page);
diff --git a/dashboard-ui/css/metadataeditor.css b/dashboard-ui/css/metadataeditor.css
index 1c833d028..02d282cc9 100644
--- a/dashboard-ui/css/metadataeditor.css
+++ b/dashboard-ui/css/metadataeditor.css
@@ -49,7 +49,7 @@
     .remoteImageDetails paper-icon-button {
         position: absolute;
         bottom: 0;
-        right: 5px;
+        right: 0;
     }
 
 .remoteImageDetailText {