diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index 1defe8d9b1..cbb232c96d 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -1144,11 +1144,6 @@ a.itemTag:hover { margin-left: .5em; } -.lazy { - opacity: 0; - transition: opacity .3s ease-in; -} - @media all and (min-height: 500px) { .alphabetPicker { diff --git a/dashboard-ui/scripts/episodes.js b/dashboard-ui/scripts/episodes.js index d596716ffc..6f2dc42e30 100644 --- a/dashboard-ui/scripts/episodes.js +++ b/dashboard-ui/scripts/episodes.js @@ -34,7 +34,8 @@ showTitle: true, showParentTitle: true, overlayText: true, - selectionPanel: true + selectionPanel: true, + lazy: true }); $('.itemsContainer', page).removeClass('timelineItemsContainer'); diff --git a/dashboard-ui/scripts/moviecollections.js b/dashboard-ui/scripts/moviecollections.js index 8a04646073..8985316792 100644 --- a/dashboard-ui/scripts/moviecollections.js +++ b/dashboard-ui/scripts/moviecollections.js @@ -33,7 +33,8 @@ shape: "portrait", context: 'movies', showTitle: true, - centerText: true + centerText: true, + lazy: true }); html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount); diff --git a/dashboard-ui/scripts/moviepeople.js b/dashboard-ui/scripts/moviepeople.js index 3e35afca1c..0ef500846b 100644 --- a/dashboard-ui/scripts/moviepeople.js +++ b/dashboard-ui/scripts/moviepeople.js @@ -34,7 +34,8 @@ context: 'movies', showTitle: true, showItemCounts: true, - coverImage: true + coverImage: true, + lazy: true }); html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, false, [], false); diff --git a/dashboard-ui/scripts/movies.js b/dashboard-ui/scripts/movies.js index 4e0a2dc72c..e3d2689c8d 100644 --- a/dashboard-ui/scripts/movies.js +++ b/dashboard-ui/scripts/movies.js @@ -35,7 +35,8 @@ shape: "backdrop", preferThumb: true, context: 'movies', - selectionPanel: true + selectionPanel: true, + lazy: true }); $('.itemsContainer', page).removeClass('timelineItemsContainer'); } @@ -45,7 +46,8 @@ items: result.Items, shape: "banner", preferBanner: true, - context: 'movies' + context: 'movies', + lazy: true }); $('.itemsContainer', page).removeClass('timelineItemsContainer'); } @@ -69,7 +71,8 @@ showTitle: true, timeline: true, centerText: true, - selectionPanel: true + selectionPanel: true, + lazy: true }); $('.itemsContainer', page).addClass('timelineItemsContainer'); } @@ -384,12 +387,4 @@ updateFilterControls(this); }); - $(function () { - $("body").on("create", function () { - $(".lazy").unveil(200, function () { - this.style.opacity = 1; - }); - }); - }); - })(jQuery, document); \ No newline at end of file diff --git a/dashboard-ui/scripts/musicalbumartists.js b/dashboard-ui/scripts/musicalbumartists.js index 26f7b070b0..a53c140035 100644 --- a/dashboard-ui/scripts/musicalbumartists.js +++ b/dashboard-ui/scripts/musicalbumartists.js @@ -32,7 +32,8 @@ context: 'music', showTitle: true, coverImage: true, - centerText: true + centerText: true, + lazy: true }); html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount); diff --git a/dashboard-ui/scripts/musicartists.js b/dashboard-ui/scripts/musicartists.js index 60d2fe572a..142bfaa3b2 100644 --- a/dashboard-ui/scripts/musicartists.js +++ b/dashboard-ui/scripts/musicartists.js @@ -31,7 +31,8 @@ context: 'music', showTitle: true, coverImage: true, - centerText: true + centerText: true, + lazy: true }); html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount); @@ -119,4 +120,10 @@ updateFilterControls(this); }); + $(function () { + $("body").on("create", function () { + $(".lazy").unveil(200); + }); + }); + })(jQuery, document); \ No newline at end of file diff --git a/dashboard-ui/scripts/musicgenres.js b/dashboard-ui/scripts/musicgenres.js index 51e38e50f7..a0aa9331c4 100644 --- a/dashboard-ui/scripts/musicgenres.js +++ b/dashboard-ui/scripts/musicgenres.js @@ -32,7 +32,8 @@ preferThumb: true, context: 'music', showItemCounts: true, - centerText: true + centerText: true, + lazy: true }); html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount); @@ -55,8 +56,8 @@ reloadItems(page); }); - LibraryBrowser.saveQueryValues('musicgenres', query); - + LibraryBrowser.saveQueryValues('musicgenres', query); + Dashboard.hideLoadingMsg(); }); } diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js index 72e192ac27..ddc4e42d00 100644 --- a/dashboard-ui/scripts/site.js +++ b/dashboard-ui/scripts/site.js @@ -1386,6 +1386,10 @@ $(function () { ApiClient.closeWebSocket(); } }); + + $("body").on("create", function () { + $(".lazy").unveil(200); + }); }); Dashboard.jQueryMobileInit(); @@ -1427,5 +1431,4 @@ $(document).on('pagebeforeshow', ".page", function () { if (!ApiClient.isWebSocketOpen()) { Dashboard.refreshSystemInfoFromServer(); } -}); - +}); \ No newline at end of file diff --git a/dashboard-ui/scripts/tvpeople.js b/dashboard-ui/scripts/tvpeople.js index e8a573ac9a..d434886be1 100644 --- a/dashboard-ui/scripts/tvpeople.js +++ b/dashboard-ui/scripts/tvpeople.js @@ -34,7 +34,8 @@ context: 'tv', showTitle: true, showItemCounts: true, - coverImage: true + coverImage: true, + lazy: true }); html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, false, [], false); diff --git a/dashboard-ui/scripts/tvshows.js b/dashboard-ui/scripts/tvshows.js index 2e751fa82e..96635ea906 100644 --- a/dashboard-ui/scripts/tvshows.js +++ b/dashboard-ui/scripts/tvshows.js @@ -34,7 +34,8 @@ items: result.Items, shape: "backdrop", preferThumb: true, - context: 'tv' + context: 'tv', + lazy: true }); $('.itemsContainer', page).removeClass('timelineItemsContainer'); @@ -45,7 +46,8 @@ items: result.Items, shape: "banner", preferBanner: true, - context: 'tv' + context: 'tv', + lazy: true }); $('.itemsContainer', page).removeClass('timelineItemsContainer'); } @@ -56,7 +58,8 @@ shape: "portrait", context: 'tv', showTitle: true, - centerText: true + centerText: true, + lazy: true }); $('.itemsContainer', page).removeClass('timelineItemsContainer'); } @@ -67,7 +70,8 @@ shape: "portrait", context: 'tv', timeline: true, - showTitle: true + showTitle: true, + lazy: true }); $('.itemsContainer', page).addClass('timelineItemsContainer');