From 95da7ac9fb87528a607daaa600580cf5396bb66b Mon Sep 17 00:00:00 2001 From: Luke Pulverenti Date: Sun, 14 Apr 2013 17:30:10 -0400 Subject: [PATCH] removed list page css class. made generic list page more like the others --- dashboard-ui/css/librarybrowser.css | 6 +- dashboard-ui/itemlist.html | 96 +----------- dashboard-ui/moviegenres.html | 2 +- dashboard-ui/moviepeople.html | 2 +- dashboard-ui/movies.html | 2 +- dashboard-ui/moviestudios.html | 2 +- dashboard-ui/scripts/itemlistpage.js | 217 ++++++--------------------- dashboard-ui/tvgenres.html | 2 +- dashboard-ui/tvpeople.html | 2 +- dashboard-ui/tvshows.html | 2 +- dashboard-ui/tvstudios.html | 2 +- 11 files changed, 60 insertions(+), 275 deletions(-) diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index d9fc5c25d..945beca85 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -20,7 +20,7 @@ } .libraryPage, .itemListContent { - background: #494949 url(images/bgflip.png) repeat-x!important; + background: #262626!important; background-attachment: fixed!important; } @@ -28,8 +28,8 @@ color: #fff; } -.listPage { - background: #262626!important; +.type-home { + background: #494949 url(images/bgflip.png) repeat-x!important; } .listHeader { diff --git a/dashboard-ui/itemlist.html b/dashboard-ui/itemlist.html index 3a208f6b3..37c423f42 100644 --- a/dashboard-ui/itemlist.html +++ b/dashboard-ui/itemlist.html @@ -7,100 +7,8 @@
- -

- -

-
- -
- -
- -
-
- -
- View - Sort - Filter - Index -
- -
- - - - - -
+

+
diff --git a/dashboard-ui/moviegenres.html b/dashboard-ui/moviegenres.html index fd7254f30..0c99af267 100644 --- a/dashboard-ui/moviegenres.html +++ b/dashboard-ui/moviegenres.html @@ -4,7 +4,7 @@ Media Browser -
+

Movies

diff --git a/dashboard-ui/moviepeople.html b/dashboard-ui/moviepeople.html index c35002381..b7fc595f9 100644 --- a/dashboard-ui/moviepeople.html +++ b/dashboard-ui/moviepeople.html @@ -4,7 +4,7 @@ Media Browser -
+

Movies

diff --git a/dashboard-ui/movies.html b/dashboard-ui/movies.html index 740fb89ff..741cc5c8c 100644 --- a/dashboard-ui/movies.html +++ b/dashboard-ui/movies.html @@ -4,7 +4,7 @@ Media Browser -
+

Movies

diff --git a/dashboard-ui/moviestudios.html b/dashboard-ui/moviestudios.html index 095160db4..c8150a53d 100644 --- a/dashboard-ui/moviestudios.html +++ b/dashboard-ui/moviestudios.html @@ -4,7 +4,7 @@ Media Browser -
+

Movies

diff --git a/dashboard-ui/scripts/itemlistpage.js b/dashboard-ui/scripts/itemlistpage.js index a2b0e827e..9d487751b 100644 --- a/dashboard-ui/scripts/itemlistpage.js +++ b/dashboard-ui/scripts/itemlistpage.js @@ -1,190 +1,67 @@ -var ItemListPage = { +(function ($, document) { - onPageShow: function () { + // The base query options + var query = { - ItemListPage.reload(); - }, + SortBy: "SortName", + SortOrder: "Ascending", + Fields: "PrimaryImageAspectRatio,UserData,DisplayMediaType,ItemCounts,DateCreated", + Limit: LibraryBrowser.getDetaultPageSize(), + StartIndex: 0 + }; - reload: function () { - - var page = $.mobile.activePage; - - var parentId = getParameterByName('parentId'); - - var query = { - Fields: "PrimaryImageAspectRatio", - Recursive: getParameterByName('Recursive') == 'true' - }; - - var filters = []; - - if (getParameterByName('IsResumable') == 'true') { - filters.push("IsResumable"); - $('#chkResumable', page).checked(true).checkboxradio("refresh"); - } - - if (getParameterByName('IsFavorite') == 'true') { - filters.push("IsFavorite"); - $('#chkIsFavorite', page).checked(true).checkboxradio("refresh"); - } - - if (getParameterByName('IsRecentlyAdded') == 'true') { - filters.push("IsRecentlyAdded"); - $('#chkRecentlyAdded', page).checked(true).checkboxradio("refresh"); - } - - var sortBy = getParameterByName('SortBy') || 'SortName'; - query.SortBy = sortBy; - $('.radioSortBy', page).checked(false).checkboxradio("refresh"); - $('#radio' + sortBy, page).checked(true).checkboxradio("refresh"); - - var order = getParameterByName('SortOrder') || 'Ascending'; - - query.SortOrder = order; - $('.radioSortOrder', page).checked(false).checkboxradio("refresh"); - $('#radio' + order, page).checked(true).checkboxradio("refresh"); - - query.Filters = filters.join(','); - //query.limit = 100; - - if (parentId) { - query.parentId = parentId; - - ApiClient.getItem(Dashboard.getCurrentUserId(), parentId).done(ItemListPage.renderTitle); - } - else { - $('#itemName', page).html(getParameterByName('Title') || "Media Library"); - } - - ItemListPage.refreshItems(query); - }, - - refreshItems: function (query) { + function reloadItems(page) { Dashboard.showLoadingMsg(); - var page = $.mobile.activePage; + var userId = Dashboard.getCurrentUserId(); - page.itemQuery = query; + ApiClient.getItems(userId, query).done(function (result) { - ApiClient.getItems(Dashboard.getCurrentUserId(), query).done(ItemListPage.renderItems); - }, + var html = ''; - renderItems: function (result) { + var showPaging = result.TotalRecordCount > query.Limit; - var items = result.Items; + if (showPaging) { + html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true); + } - var query = $.mobile.activePage.itemQuery; + html += LibraryBrowser.getPosterDetailViewHtml({ + items: result.Items, + useAverageAspectRatio: true + }); - var renderOptions = { + if (showPaging) { + html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount); + } - items: items, - useAverageAspectRatio: query.Recursive !== true, - showTitle: query.Recursive - }; + var elem = $('#items', page).html(html).trigger('create'); - var html = LibraryBrowser.getPosterViewHtml(renderOptions); + $('select', elem).on('change', function () { + query.StartIndex = (parseInt(this.value) - 1) * query.Limit; + reloadItems(page); + }); - $('#listItems', $.mobile.activePage).html(html); + Dashboard.hideLoadingMsg(); + }); - Dashboard.hideLoadingMsg(); - }, + ApiClient.getItem(userId, query.ParentId).done(function (item) { - renderTitle: function (item) { + $('#itemName', page).html(item.Name); - - $('#itemName', $.mobile.activePage).html(item.Name); - }, - - sortBy: function (sortBy) { - - var query = $.mobile.activePage.itemQuery; - query.SortBy = sortBy; - ItemListPage.refreshItems(query); - }, - - sortOrder: function (order) { - - var query = $.mobile.activePage.itemQuery; - query.SortOrder = order; - ItemListPage.refreshItems(query); - }, - - filter: function(name, add) - { - var query = $.mobile.activePage.itemQuery; - var filters = query.Filters || ""; - - filters = (',' + filters).replace(',' + name, '').substring(1); - - if (add) { - filters = filters ? (filters + ',' + name) : name; - } - - query.Filters = filters; - - ItemListPage.refreshItems(query); - }, - - showSortPanel: function () { - - var page = $.mobile.activePage; - - $('#viewpanel', page).hide(); - $('#filterpanel', page).hide(); - $('#indexpanel', page).hide(); - $('#sortpanel', page).show(); - - $('#btnViewPanel', page).buttonMarkup({ theme: "c" }); - $('#btnSortPanel', page).buttonMarkup({ theme: "a" }); - $('#btnIndexPanel', page).buttonMarkup({ theme: "c" }); - $('#btnFilterPanel', page).buttonMarkup({ theme: "c" }); - }, - - showViewPanel: function () { - - var page = $.mobile.activePage; - - $('#viewpanel', page).show(); - $('#filterpanel', page).hide(); - $('#indexpanel', page).hide(); - $('#sortpanel', page).hide(); - - $('#btnViewPanel', page).buttonMarkup({ theme: "a" }); - $('#btnSortPanel', page).buttonMarkup({ theme: "c" }); - $('#btnIndexPanel', page).buttonMarkup({ theme: "c" }); - $('#btnFilterPanel', page).buttonMarkup({ theme: "c" }); - }, - - showIndexPanel: function () { - - var page = $.mobile.activePage; - - $('#viewpanel', page).hide(); - $('#filterpanel', page).hide(); - $('#indexpanel', page).show(); - $('#sortpanel', page).hide(); - - $('#btnViewPanel', page).buttonMarkup({ theme: "c" }); - $('#btnSortPanel', page).buttonMarkup({ theme: "c" }); - $('#btnIndexPanel', page).buttonMarkup({ theme: "a" }); - $('#btnFilterPanel', page).buttonMarkup({ theme: "c" }); - }, - - showFilterPanel: function () { - - var page = $.mobile.activePage; - - $('#viewpanel', page).hide(); - $('#filterpanel', page).show(); - $('#indexpanel', page).hide(); - $('#sortpanel', page).hide(); - - $('#btnViewPanel', page).buttonMarkup({ theme: "c" }); - $('#btnSortPanel', page).buttonMarkup({ theme: "c" }); - $('#btnIndexPanel', page).buttonMarkup({ theme: "c" }); - $('#btnFilterPanel', page).buttonMarkup({ theme: "a" }); + }); } -}; -$(document).on('pageshow', "#itemListPage", ItemListPage.onPageShow); + $(document).on('pageinit', "#itemListPage", function () { + + + }).on('pagebeforeshow', "#itemListPage", function () { + + query.ParentId = getParameterByName('parentId'); + reloadItems(this); + + }).on('pageshow', "#itemListPage", function () { + + }); + +})(jQuery, document); \ No newline at end of file diff --git a/dashboard-ui/tvgenres.html b/dashboard-ui/tvgenres.html index 6e92c239b..f71d87956 100644 --- a/dashboard-ui/tvgenres.html +++ b/dashboard-ui/tvgenres.html @@ -4,7 +4,7 @@ Media Browser -
+

TV Shows

diff --git a/dashboard-ui/tvpeople.html b/dashboard-ui/tvpeople.html index c8bdc805e..e57e19c32 100644 --- a/dashboard-ui/tvpeople.html +++ b/dashboard-ui/tvpeople.html @@ -4,7 +4,7 @@ Media Browser -
+

TV Shows

diff --git a/dashboard-ui/tvshows.html b/dashboard-ui/tvshows.html index 0d6ab94be..c1a729888 100644 --- a/dashboard-ui/tvshows.html +++ b/dashboard-ui/tvshows.html @@ -4,7 +4,7 @@ Media Browser -
+

TV Shows

diff --git a/dashboard-ui/tvstudios.html b/dashboard-ui/tvstudios.html index 861f4704c..1f9be0fbb 100644 --- a/dashboard-ui/tvstudios.html +++ b/dashboard-ui/tvstudios.html @@ -4,7 +4,7 @@ Media Browser -
+

TV Shows