added music folders view

2025-03-30 19:56:21 +00:00 · 2015-11-15 21:33:32 -05:00 · 2015-11-15 21:33:32 -05:00 · 8d07bdcc53
commit 8d07bdcc53
parent 6afa97f6b8
6 changed files with 143 additions and 4 deletions
--- a/dashboard-ui/scripts/musicfolders.js
+++ b/dashboard-ui/scripts/musicfolders.js
@ -0,0 +1,110 @@
+(function ($, document) {
+
+    var data = {};
+    function getPageData() {
+        var key = getSavedQueryKey();
+        var pageData = data[key];
+
+        if (!pageData) {
+            pageData = data[key] = {
+                query: {
+                    SortBy: "SortName",
+                    SortOrder: "Ascending",
+                    Fields: "PrimaryImageAspectRatio,SortName,SyncInfo",
+                    StartIndex: 0,
+                    ImageTypeLimit: 1,
+                    EnableImageTypes: "Primary,Backdrop,Banner,Thumb",
+                    Limit: LibraryBrowser.getDefaultPageSize()
+                },
+                view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Poster', 'Poster')
+            };
+
+            pageData.query.ParentId = LibraryMenu.getTopParentId();
+            LibraryBrowser.loadSavedQueryValues(key, pageData.query);
+        }
+        return pageData;
+    }
+
+    function getQuery() {
+
+        return getPageData().query;
+    }
+
+    function getSavedQueryKey() {
+
+        return LibraryBrowser.getSavedQueryKey('folders');
+    }
+
+    function reloadItems(page, viewPanel) {
+
+        Dashboard.showLoadingMsg();
+
+        var query = getQuery();
+        ApiClient.getItems(Dashboard.getCurrentUserId(), query).done(function (result) {
+
+            // Scroll back up so they can see the results from the beginning
+            window.scrollTo(0, 0);
+
+            var html = '';
+            var view = getPageData().view;
+            var pagingHtml = LibraryBrowser.getQueryPagingHtml({
+                startIndex: query.StartIndex,
+                limit: query.Limit,
+                totalRecordCount: result.TotalRecordCount,
+                viewButton: false,
+                showLimit: false,
+                sortButton: false,
+                addLayoutButton: false,
+                currentLayout: view,
+                updatePageSizeSetting: false,
+                viewIcon: 'filter-list',
+                layouts: 'List,Poster,PosterCard,Timeline'
+            });
+
+            page.querySelector('.listTopPaging').innerHTML = pagingHtml;
+
+            if (view == "Poster") {
+                html = LibraryBrowser.getPosterViewHtml({
+                    items: result.Items,
+                    shape: "square",
+                    context: 'music',
+                    showTitle: true,
+                    showParentTitle: true,
+                    lazy: true,
+                    centerText: true,
+                    overlayPlayButton: true
+                });
+            }
+
+            var elem = page.querySelector('#items');
+            elem.innerHTML = html + pagingHtml;
+            ImageLoader.lazyChildren(elem);
+
+            $('.btnNextPage', page).on('click', function () {
+                query.StartIndex += query.Limit;
+                reloadItems(page, viewPanel);
+            });
+
+            $('.btnPreviousPage', page).on('click', function () {
+                query.StartIndex -= query.Limit;
+                reloadItems(page, viewPanel);
+            });
+
+            LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
+            LibraryBrowser.setLastRefreshed(page);
+            Dashboard.hideLoadingMsg();
+        });
+    }
+
+    window.MusicPage.initFoldersTab = function (page, tabContent) {
+
+    };
+
+    window.MusicPage.renderFoldersTab = function (page, tabContent) {
+
+        if (LibraryBrowser.needsRefresh(tabContent)) {
+            reloadItems(tabContent);
+        }
+    };
+
+})(jQuery, document);