added a-z picker to more screens

dashboard-ui/css/librarybrowser.css

@@ -678,10 +678,10 @@ a.itemTag:hover {
 
 .alphabetPicker {
     position: fixed;
-    right: 0;
+    right: 2px;
     bottom: 0;
     top: 100px;
-    width: 25px;
+    width: 27px;
     z-index: 1000;
     text-align: center;
     font-size: 13px;
@@ -713,7 +713,7 @@ a.itemTag:hover {
     }
 
     .itemsContainerWithAlphaPicker {
-        margin-right: 25px;
+        margin-right: 27px;
     }
 }
 

dashboard-ui/moviepeople.html

@@ -16,6 +16,8 @@
             <a href="moviestudios.html">Studios</a>
         </div>
 
+        <div class="alphabetPicker">
+        </div>
         <div data-role="content">
             <div class="viewSettings">
                 <div class="viewControls">

dashboard-ui/musicartists.html

@@ -12,6 +12,9 @@
             <a href="musicartists.html" class="ui-btn-active">Artists</a>
             <a href="musicgenres.html">Genres</a>
         </div>
+
+        <div class="alphabetPicker">
+        </div>
         <div data-role="content">
             <div class="viewSettings">
                 <div class="viewControls">

dashboard-ui/scripts/Itemdetailpage.js

@@ -264,7 +264,7 @@
 
             var html = LibraryBrowser.getPosterViewHtml({
                 items: result.Items,
-                useAverageAspectRatio: true,
+                useAverageAspectRatio: item.MediaType != "Game",
                 showNewIndicator: true,
                 shape: item.Type == "MusicAlbum" ? "square" : "portrait"
             });
@@ -320,7 +320,6 @@
     }
 
     function renderChildren(page, item) {
-
         var sortBy = item.Type == "Boxset" ? "ProductionYear,SortName" : "SortName";
 
         ApiClient.getItems(Dashboard.getCurrentUserId(), {

dashboard-ui/scripts/moviepeople.js

@@ -108,6 +108,19 @@
             reloadItems(page);
         });
 
+        $('.alphabetPicker', this).on('alphaselect', function (e, character) {
+
+            query.NameStartsWith = character;
+
+            reloadItems(page);
+
+        }).on('alphaclear', function (e) {
+
+            query.NameStartsWith = '';
+
+            reloadItems(page);
+        });
+
     }).on('pagebeforeshow', "#moviePeoplePage", function () {
 
         var limit = LibraryBrowser.getDefaultPageSize();
@@ -143,6 +156,8 @@
             this.checked = filters.indexOf(',' + filterName) != -1;
 
         }).checkboxradio('refresh');
+
+        $('.alphabetPicker', this).alphaValue(query.NameStartsWith);
     });
 
 })(jQuery, document);

dashboard-ui/scripts/musicartists.js

@@ -98,6 +98,19 @@
             reloadItems(page);
         });
 
+        $('.alphabetPicker', this).on('alphaselect', function (e, character) {
+
+            query.NameStartsWith = character;
+
+            reloadItems(page);
+
+        }).on('alphaclear', function (e) {
+
+            query.NameStartsWith = '';
+
+            reloadItems(page);
+        });
+
     }).on('pagebeforeshow', "#musicArtistsPage", function () {
 
         var limit = LibraryBrowser.getDefaultPageSize();
@@ -126,6 +139,8 @@
         }).checkboxradio('refresh');
 
         $('#chkIsOnTour', this).checked(query.IsOnTour === true).checkboxradio('refresh');
+
+        $('.alphabetPicker', this).alphaValue(query.NameStartsWith);
     });
 
 })(jQuery, document);

dashboard-ui/scripts/tvpeople.js

@@ -108,6 +108,19 @@
             reloadItems(page);
         });
 
+        $('.alphabetPicker', this).on('alphaselect', function (e, character) {
+
+            query.NameStartsWith = character;
+
+            reloadItems(page);
+
+        }).on('alphaclear', function (e) {
+
+            query.NameStartsWith = '';
+
+            reloadItems(page);
+        });
+
     }).on('pagebeforeshow', "#tvPeoplePage", function () {
 
         var limit = LibraryBrowser.getDefaultPageSize();
@@ -152,6 +165,8 @@
             this.checked = filters.indexOf(',' + filterName) != -1;
 
         }).checkboxradio('refresh');
+
+        $('.alphabetPicker', this).alphaValue(query.NameStartsWith);
     });
 
 })(jQuery, document);

dashboard-ui/tvpeople.html

@@ -13,6 +13,9 @@
             <a href="tvpeople.html" class="ui-btn-active">Actors</a>
             <a href="tvstudios.html">Networks</a>
         </div>
+
+        <div class="alphabetPicker">
+        </div>
         <div data-role="content">
             <div class="viewSettings">
                 <div class="viewControls">