diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index 6eaf1c086b..d2b0f722f2 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -87,9 +87,10 @@ .libraryItemsGrid th { padding-bottom: 10px; + border-bottom: 1px solid #555; } - .libraryItemsGrid td, .libraryItemsGrid th { + .libraryItemsGrid td { border-top: 1px solid #555; border-bottom: 1px solid #555; } diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js index fa6030abd8..f05bcd64a5 100644 --- a/dashboard-ui/scripts/librarybrowser.js +++ b/dashboard-ui/scripts/librarybrowser.js @@ -1,5 +1,5 @@ var LibraryBrowser = { - + getPosterViewHtml: function (options) { var items = options.items; @@ -148,72 +148,72 @@ return html; }, - getBoxsetPosterViewHtml: function (options) { + getBoxsetPosterViewHtml: function (options) { - var items = options.items; + var items = options.items; - var primaryImageAspectRatio = options.useAverageAspectRatio ? LibraryBrowser.getAveragePrimaryImageAspectRatio(items) : null; + var primaryImageAspectRatio = options.useAverageAspectRatio ? LibraryBrowser.getAveragePrimaryImageAspectRatio(items) : null; - var html = ""; + var html = ""; - for (var i = 0, length = items.length; i < length; i++) { - var item = items[i]; + for (var i = 0, length = items.length; i < length; i++) { + var item = items[i]; - var hasPrimaryImage = item.ImageTags && item.ImageTags.Primary; + var hasPrimaryImage = item.ImageTags && item.ImageTags.Primary; - var href = item.url || ("boxset.html?id=" + item.Id); + var href = item.url || ("boxset.html?id=" + item.Id); - var showText = options.showTitle || !hasPrimaryImage || (item.Type !== 'Movie' && item.Type !== 'Series' && item.Type !== 'Season' && item.Type !== 'Trailer'); + var showText = options.showTitle || !hasPrimaryImage || (item.Type !== 'Movie' && item.Type !== 'Series' && item.Type !== 'Season' && item.Type !== 'Trailer'); - var cssClass = showText ? "posterViewItem posterViewItemWithDualText" : "posterViewItem posterViewItemWithNoText"; + var cssClass = showText ? "posterViewItem posterViewItemWithDualText" : "posterViewItem posterViewItemWithNoText"; - html += "
"; + } - return html; - }, + return html; + }, getAveragePrimaryImageAspectRatio: function (items) { @@ -258,10 +258,10 @@ if (str) { var char = String(str.substr(0, 1).charCodeAt()); - var sum = 0; - for (var i = 0; i < char.length; i++) { - sum += parseInt(char.charAt(i)); - } + var sum = 0; + for (var i = 0; i < char.length; i++) { + sum += parseInt(char.charAt(i)); + } var index = String(sum).substr(-1); return LibraryBrowser.metroColors[index]; @@ -271,45 +271,72 @@ }, - renderLinks: function (item) { - var page = $.mobile.activePage; -//console.log(item); - if (item.ProviderIds) { + renderLinks: function (item) { + var page = $.mobile.activePage; + //console.log(item); + if (item.ProviderIds) { - var html = 'Links: '; - var links = []; + var html = 'Links: '; + var links = []; - if (item.ProviderIds.Imdb) { - if (item.Type == "Movie" || item.Type == "Episode") - links.push('IMDb'); - else if (item.Type == "Person") - links.push('IMDb'); - } - if (item.ProviderIds.Tmdb) { - if (item.Type == "Movie") - links.push('TMDB'); - else if (item.Type == "Person") - links.push('TMDB'); - } - if (item.ProviderIds.Tvdb) - links.push('TVDB'); - if (item.ProviderIds.Tvcom) { - if (item.Type == "Episode") - links.push('TV.com'); - else if (item.Type == "Person") - links.push('TV.com'); - } - if (item.ProviderIds.Musicbrainz) - links.push('MusicBrainz'); - if (item.ProviderIds.Gamesdb) - links.push('GamesDB'); + if (item.ProviderIds.Imdb) { + if (item.Type == "Movie" || item.Type == "Episode") + links.push('IMDb'); + else if (item.Type == "Person") + links.push('IMDb'); + } + if (item.ProviderIds.Tmdb) { + if (item.Type == "Movie") + links.push('TMDB'); + else if (item.Type == "Person") + links.push('TMDB'); + } + if (item.ProviderIds.Tvdb) + links.push('TVDB'); + if (item.ProviderIds.Tvcom) { + if (item.Type == "Episode") + links.push('TV.com'); + else if (item.Type == "Person") + links.push('TV.com'); + } + if (item.ProviderIds.Musicbrainz) + links.push('MusicBrainz'); + if (item.ProviderIds.Gamesdb) + links.push('GamesDB'); - html += links.join(' / '); + html += links.join(' / '); - $('#itemLinks', page).html(html); + $('#itemLinks', page).html(html); - } else { - $('#itemLinks', page).hide(); - } - } + } else { + $('#itemLinks', page).hide(); + } + }, + + getPagingHtml: function (query, totalRecordCount) { + + var html = ''; + + var pageCount = Math.ceil(totalRecordCount / query.Limit); + var pageNumber = (query.StartIndex / query.Limit) + 1; + + var dropdownHtml = ''; + + var recordsEnd = Math.min(query.StartIndex + query.Limit, totalRecordCount); + + html += '