added page size selection

dashboard-ui/css/librarybrowser.css

@@ -56,6 +56,14 @@
     margin: .5em 0 .25em;
 }
 
+.labelPageSize {
+    margin-left: 1em;
+}
+
+.labelPageSize, .selectPageSize {
+    display: none;
+}
+
 @media all and (min-width: 650px) {
     .libraryPage .ui-content {
         padding: 10px 20px 100px;
@@ -68,6 +76,10 @@
         .viewControls + .listTopPaging {
             margin-left: 1em;
         }
+
+    .labelPageSize, .selectPageSize {
+        display: inline;
+    }
 }
 
 @media all and (min-width: 750px) {

dashboard-ui/scripts/boxsets.js

@@ -48,6 +48,12 @@
 		        reloadItems(page);
 		    });
 
+		    $('.selectPageSize', page).on('change', function () {
+		        query.Limit = parseInt(this.value);
+		        query.StartIndex = 0;
+		        reloadItems(page);
+		    });
+
 		    Dashboard.hideLoadingMsg();
 		});
 	}

dashboard-ui/scripts/gamegenrepage.js

@@ -48,6 +48,12 @@
 			    reloadItems(page);
 			});
 
+			$('.selectPageSize', page).on('change', function () {
+			    query.Limit = parseInt(this.value);
+			    query.StartIndex = 0;
+			    reloadItems(page);
+			});
+
 			Dashboard.hideLoadingMsg();
 		});
 	}

dashboard-ui/scripts/gamespage.js

@@ -58,6 +58,12 @@
 			    reloadItems(page);
 			});
 
+			$('.selectPageSize', page).on('change', function () {
+			    query.Limit = parseInt(this.value);
+			    query.StartIndex = 0;
+			    reloadItems(page);
+			});
+
 			Dashboard.hideLoadingMsg();
 		});
 	}

dashboard-ui/scripts/gamestudiospage.js

@@ -48,6 +48,12 @@
 			    reloadItems(page);
 			});
 
+			$('.selectPageSize', page).on('change', function () {
+			    query.Limit = parseInt(this.value);
+			    query.StartIndex = 0;
+			    reloadItems(page);
+			});
+
 			Dashboard.hideLoadingMsg();
 		});
 	}

dashboard-ui/scripts/gamesystemspage.js

@@ -48,6 +48,12 @@
 			    reloadItems(page);
 			});
 
+			$('.selectPageSize', page).on('change', function () {
+			    query.Limit = parseInt(this.value);
+			    query.StartIndex = 0;
+			    reloadItems(page);
+			});
+
 			Dashboard.hideLoadingMsg();
 		});
 	}

dashboard-ui/scripts/itembynamedetailpage.js

@@ -422,6 +422,12 @@
                 loadItems(page, query);
             });
 
+            $('.selectPageSize', page).on('change', function () {
+                query.Limit = parseInt(this.value);
+                query.StartIndex = 0;
+                loadItems(page);
+            });
+
             Dashboard.hideLoadingMsg();
         });
     }

dashboard-ui/scripts/itemlistpage.js

@@ -57,6 +57,12 @@
                 reloadItems(page);
             });
 
+            $('.selectPageSize', page).on('change', function () {
+                query.Limit = parseInt(this.value);
+                query.StartIndex = 0;
+                reloadItems(page);
+            });
+
             Dashboard.hideLoadingMsg();
         });
 

dashboard-ui/scripts/librarybrowser.js

@@ -652,6 +652,29 @@
                 html += '<button data-icon="arrow-left" data-iconpos="notext" data-inline="true" data-mini="true" class="btnPreviousPage" ' + (query.StartIndex ? '' : 'disabled') + '>Previous Page</button>';
 
                 html += '<button data-icon="arrow-right" data-iconpos="notext" data-inline="true" data-mini="true" class="btnNextPage" ' + (query.StartIndex + query.Limit > totalRecordCount ? 'disabled' : '') + '>Next Page</button>';
+
+                var id = "selectPageSize" + new Date().getTime();
+
+                var options = '';
+
+                function getOption(val) {
+
+                    if (query.Limit == val) {
+
+                        return '<option value="' + val + '" selected="selected">' + val + '</option>';
+
+                    } else {
+                        return '<option value="' + val + '">' + val + '</option>';
+                    }
+                }
+
+                options += getOption(20);
+                options += getOption(50);
+                options += getOption(100);
+                options += getOption(200);
+                options += getOption(300);
+
+                html += '<label class="labelPageSize" for="' + id + '">Limit: </label><select class="selectPageSize" id="' + id + '" data-enhance="false" data-role="none">' + options + '</select>';
             }
 
             html += '</div>';
@@ -1372,7 +1395,7 @@
             html += '<div class="posterViewItem" style="padding-bottom:0px;">';
             html += '<a href="#pop_' + index + '_' + tag + '" data-transition="fade" data-rel="popup" data-position-to="window">';
             html += '<img class="galleryImage" src="' + LibraryBrowser.getImageUrl(item, type, index, {
-               maxwidth: downloadWidth,
+                maxwidth: downloadWidth,
                 tag: tag
             }) + '" />';
             html += '</div>';

dashboard-ui/scripts/moviegenres.js

@@ -48,6 +48,12 @@
                 reloadItems(page);
             });
 
+            $('.selectPageSize', page).on('change', function () {
+                query.Limit = parseInt(this.value);
+                query.StartIndex = 0;
+                reloadItems(page);
+            });
+
             Dashboard.hideLoadingMsg();
         });
     }

dashboard-ui/scripts/moviepeople.js

@@ -49,6 +49,12 @@
                 reloadItems(page);
             });
 
+            $('.selectPageSize', page).on('change', function () {
+                query.Limit = parseInt(this.value);
+                query.StartIndex = 0;
+                reloadItems(page);
+            });
+
             Dashboard.hideLoadingMsg();
         });
     }

dashboard-ui/scripts/movies.js

@@ -60,6 +60,12 @@
                 reloadItems(page);
             });
 
+            $('.selectPageSize', page).on('change', function () {
+                query.Limit = parseInt(this.value);
+                query.StartIndex = 0;
+                reloadItems(page);
+            });
+
             Dashboard.hideLoadingMsg();
         });
     }

dashboard-ui/scripts/moviestudios.js

@@ -48,6 +48,12 @@
                 reloadItems(page);
             });
 
+            $('.selectPageSize', page).on('change', function () {
+                query.Limit = parseInt(this.value);
+                query.StartIndex = 0;
+                reloadItems(page);
+            });
+
             Dashboard.hideLoadingMsg();
         });
     }

dashboard-ui/scripts/movietrailers.js

@@ -58,6 +58,12 @@
                 reloadItems(page);
             });
 
+            $('.selectPageSize', page).on('change', function () {
+                query.Limit = parseInt(this.value);
+                query.StartIndex = 0;
+                reloadItems(page);
+            });
+
             Dashboard.hideLoadingMsg();
         });
     }

dashboard-ui/scripts/musicalbums.js

@@ -48,6 +48,12 @@
                 reloadItems(page);
             });
 
+            $('.selectPageSize', page).on('change', function () {
+                query.Limit = parseInt(this.value);
+                query.StartIndex = 0;
+                reloadItems(page);
+            });
+
             Dashboard.hideLoadingMsg();
         });
     }

dashboard-ui/scripts/musicartists.js

@@ -48,6 +48,12 @@
                 reloadItems(page);
             });
 
+            $('.selectPageSize', page).on('change', function () {
+                query.Limit = parseInt(this.value);
+                query.StartIndex = 0;
+                reloadItems(page);
+            });
+
             Dashboard.hideLoadingMsg();
         });
     }

dashboard-ui/scripts/musicgenres.js

@@ -48,6 +48,12 @@
                 reloadItems(page);
             });
 
+            $('.selectPageSize', page).on('change', function () {
+                query.Limit = parseInt(this.value);
+                query.StartIndex = 0;
+                reloadItems(page);
+            });
+
             Dashboard.hideLoadingMsg();
         });
     }

dashboard-ui/scripts/songs.js

@@ -46,6 +46,12 @@
                 reloadItems(page);
             });
 
+            $('.selectPageSize', page).on('change', function () {
+                query.Limit = parseInt(this.value);
+                query.StartIndex = 0;
+                reloadItems(page);
+            });
+
             Dashboard.hideLoadingMsg();
         });
     }

dashboard-ui/scripts/tvgenres.js

@@ -48,6 +48,12 @@
                 reloadItems(page);
             });
 
+            $('.selectPageSize', page).on('change', function () {
+                query.Limit = parseInt(this.value);
+                query.StartIndex = 0;
+                reloadItems(page);
+            });
+
             Dashboard.hideLoadingMsg();
         });
     }

dashboard-ui/scripts/tvpeople.js

@@ -49,6 +49,12 @@
                 reloadItems(page);
             });
 
+            $('.selectPageSize', page).on('change', function () {
+                query.Limit = parseInt(this.value);
+                query.StartIndex = 0;
+                reloadItems(page);
+            });
+
             Dashboard.hideLoadingMsg();
         });
     }

dashboard-ui/scripts/tvshows.js

@@ -59,6 +59,12 @@
                 reloadItems(page);
             });
 
+            $('.selectPageSize', page).on('change', function () {
+                query.Limit = parseInt(this.value);
+                query.StartIndex = 0;
+                reloadItems(page);
+            });
+
             Dashboard.hideLoadingMsg();
         });
     }

dashboard-ui/scripts/tvstudios.js

@@ -48,6 +48,12 @@
                 reloadItems(page);
             });
 
+            $('.selectPageSize', page).on('change', function () {
+                query.Limit = parseInt(this.value);
+                query.StartIndex = 0;
+                reloadItems(page);
+            });
+
             Dashboard.hideLoadingMsg();
         });
     }

dashboard-ui/songs.html

@@ -33,8 +33,8 @@
                         <strong>Sort By:</strong>
                     </legend>
 
-                    <input class="radioSortBy" data-theme="c" type="radio" name="radioSortBy" id="radioSortName" value="on" checked="checked" data-sortby="Artist,Album,SortName" data-mini="true">
+                    <input class="radioSortBy" data-theme="c" type="radio" name="radioSortBy" id="radioArtistAlbumSortName" value="on" checked="checked" data-sortby="Artist,Album,SortName" data-mini="true">
-                    <label for="radioSortName">Name</label>
+                    <label for="radioArtistAlbumSortName">Artist, Album, Track</label>
 
                     <input class="radioSortBy" data-theme="c" type="radio" name="radioSortBy" id="radioAlbum" value="on" checked="checked" data-sortby="Album" data-mini="true">
                     <label for="radioAlbum">Album</label>