created a separate gallery page

dashboard-ui/scripts/itemgallery.js

@@ -0,0 +1,66 @@
+(function ($, document) {
+
+    var currentItem;
+
+    function getPromise() {
+
+        var name = getParameterByName('person');
+
+        if (name) {
+            return ApiClient.getPerson(name, Dashboard.getCurrentUserId());
+        }
+
+        name = getParameterByName('studio');
+
+        if (name) {
+
+            return ApiClient.getStudio(name, Dashboard.getCurrentUserId());
+
+        }
+
+        name = getParameterByName('genre');
+
+        if (name) {
+            return ApiClient.getGenre(name, Dashboard.getCurrentUserId());
+        }
+
+        name = getParameterByName('artist');
+
+        if (name) {
+            return ApiClient.getArtist(name, Dashboard.getCurrentUserId());
+        }
+
+        return ApiClient.getItem(Dashboard.getCurrentUserId(), getParameterByName('id'));
+    }
+
+    function reload(page) {
+
+        Dashboard.showLoadingMsg();
+
+        getPromise().done(function (item) {
+
+            currentItem = item;
+
+            LibraryBrowser.renderName(item, $('.itemName', page), true);
+            LibraryBrowser.renderParentName(item, $('.parentName', page));
+
+            $('#galleryContent', page).html(LibraryBrowser.getGalleryHtml(currentItem)).trigger('create');
+
+            Dashboard.hideLoadingMsg();
+        });
+    }
+
+    $(document).on('pageshow', "#itemGalleryPage", function () {
+
+        var page = this;
+
+        reload(page);
+
+    }).on('pagehide', "#itemGalleryPage", function () {
+
+        var page = this;
+
+        currentItem = null;
+    });
+
+})(jQuery, document);