2013-04-22 00:38:03 -04:00
|
|
|
|
(function ($, document) {
|
|
|
|
|
|
2015-07-08 20:20:01 -04:00
|
|
|
|
var data = {};
|
2015-09-03 15:04:29 -04:00
|
|
|
|
function getPageData() {
|
2015-07-08 20:20:01 -04:00
|
|
|
|
var key = getSavedQueryKey();
|
|
|
|
|
var pageData = data[key];
|
|
|
|
|
|
|
|
|
|
if (!pageData) {
|
|
|
|
|
pageData = data[key] = {
|
|
|
|
|
query: {
|
|
|
|
|
SortBy: "SortName",
|
|
|
|
|
SortOrder: "Ascending",
|
|
|
|
|
Recursive: true,
|
|
|
|
|
Fields: "PrimaryImageAspectRatio,SortName,DateCreated,SyncInfo,ItemCounts",
|
|
|
|
|
StartIndex: 0,
|
|
|
|
|
ImageTypeLimit: 1,
|
|
|
|
|
EnableImageTypes: "Primary,Backdrop,Banner,Thumb",
|
|
|
|
|
Limit: LibraryBrowser.getDefaultPageSize()
|
2015-09-03 15:04:29 -04:00
|
|
|
|
},
|
|
|
|
|
view: LibraryBrowser.getSavedView(key) || LibraryBrowser.getDefaultItemsView('Poster', 'Poster')
|
2015-07-08 20:20:01 -04:00
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
pageData.query.ParentId = LibraryMenu.getTopParentId();
|
|
|
|
|
LibraryBrowser.loadSavedQueryValues(key, pageData.query);
|
|
|
|
|
}
|
2015-09-03 15:04:29 -04:00
|
|
|
|
return pageData;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function getQuery() {
|
|
|
|
|
|
|
|
|
|
return getPageData().query;
|
2015-07-08 20:20:01 -04:00
|
|
|
|
}
|
2013-04-22 00:38:03 -04:00
|
|
|
|
|
2014-05-01 22:54:33 -04:00
|
|
|
|
function getSavedQueryKey() {
|
|
|
|
|
|
2015-10-15 00:32:10 -04:00
|
|
|
|
return LibraryBrowser.getSavedQueryKey('artists');
|
2014-05-01 22:54:33 -04:00
|
|
|
|
}
|
|
|
|
|
|
2016-02-15 11:57:51 -05:00
|
|
|
|
function reloadItems(page) {
|
2013-04-22 00:38:03 -04:00
|
|
|
|
|
|
|
|
|
Dashboard.showLoadingMsg();
|
|
|
|
|
|
2015-07-08 20:20:01 -04:00
|
|
|
|
var query = getQuery();
|
2015-09-03 15:04:29 -04:00
|
|
|
|
|
2015-12-14 10:43:03 -05:00
|
|
|
|
ApiClient.getArtists(Dashboard.getCurrentUserId(), query).then(function (result) {
|
2013-04-22 00:38:03 -04:00
|
|
|
|
|
2013-05-18 13:07:20 -04:00
|
|
|
|
// Scroll back up so they can see the results from the beginning
|
2015-06-28 10:45:21 -04:00
|
|
|
|
window.scrollTo(0, 0);
|
2013-05-18 13:07:20 -04:00
|
|
|
|
|
2015-09-03 15:04:29 -04:00
|
|
|
|
var view = getPageData().view;
|
2013-04-22 00:38:03 -04:00
|
|
|
|
|
2015-09-03 15:04:29 -04:00
|
|
|
|
var html = '';
|
2015-01-28 14:30:45 -05:00
|
|
|
|
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
2014-07-20 00:46:29 -04:00
|
|
|
|
startIndex: query.StartIndex,
|
|
|
|
|
limit: query.Limit,
|
|
|
|
|
totalRecordCount: result.TotalRecordCount,
|
2014-08-02 22:16:37 -04:00
|
|
|
|
showLimit: false,
|
2015-09-03 15:04:29 -04:00
|
|
|
|
updatePageSizeSetting: false,
|
|
|
|
|
addLayoutButton: true,
|
|
|
|
|
currentLayout: view,
|
2016-02-15 11:57:51 -05:00
|
|
|
|
filterButton: true
|
2015-01-28 14:30:45 -05:00
|
|
|
|
});
|
|
|
|
|
|
2015-06-28 10:45:21 -04:00
|
|
|
|
page.querySelector('.listTopPaging').innerHTML = pagingHtml;
|
2013-04-22 00:38:03 -04:00
|
|
|
|
|
2016-02-15 11:57:51 -05:00
|
|
|
|
updateFilterControls(page);
|
2013-10-18 12:09:47 -04:00
|
|
|
|
|
2014-07-05 17:15:25 -04:00
|
|
|
|
if (view == "List") {
|
|
|
|
|
|
|
|
|
|
html = LibraryBrowser.getListViewHtml({
|
|
|
|
|
items: result.Items,
|
|
|
|
|
context: 'music',
|
|
|
|
|
sortBy: query.SortBy
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
else if (view == "Poster") {
|
|
|
|
|
html = LibraryBrowser.getPosterViewHtml({
|
|
|
|
|
items: result.Items,
|
|
|
|
|
shape: "square",
|
|
|
|
|
context: 'music',
|
|
|
|
|
showTitle: true,
|
|
|
|
|
coverImage: true,
|
2015-07-06 03:06:09 -04:00
|
|
|
|
lazy: true,
|
2014-07-05 17:15:25 -04:00
|
|
|
|
centerText: true,
|
2015-07-06 03:06:09 -04:00
|
|
|
|
overlayPlayButton: true
|
2014-11-10 22:41:19 -05:00
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
else if (view == "PosterCard") {
|
|
|
|
|
|
|
|
|
|
html = LibraryBrowser.getPosterViewHtml({
|
|
|
|
|
items: result.Items,
|
|
|
|
|
shape: "square",
|
|
|
|
|
context: 'music',
|
|
|
|
|
showTitle: true,
|
|
|
|
|
coverImage: true,
|
2014-08-02 22:16:37 -04:00
|
|
|
|
lazy: true,
|
2014-11-10 22:41:19 -05:00
|
|
|
|
cardLayout: true,
|
|
|
|
|
showSongCount: true
|
2014-07-05 17:15:25 -04:00
|
|
|
|
});
|
|
|
|
|
}
|
2013-04-22 00:38:03 -04:00
|
|
|
|
|
2015-09-03 15:04:29 -04:00
|
|
|
|
var elem = page.querySelector('#items');
|
2015-06-28 10:45:21 -04:00
|
|
|
|
elem.innerHTML = html + pagingHtml;
|
|
|
|
|
ImageLoader.lazyChildren(elem);
|
2015-01-28 14:30:45 -05:00
|
|
|
|
|
2013-04-22 00:38:03 -04:00
|
|
|
|
$('.btnNextPage', page).on('click', function () {
|
|
|
|
|
query.StartIndex += query.Limit;
|
2016-02-15 11:57:51 -05:00
|
|
|
|
reloadItems(page);
|
2013-04-22 00:38:03 -04:00
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$('.btnPreviousPage', page).on('click', function () {
|
|
|
|
|
query.StartIndex -= query.Limit;
|
2016-02-15 11:57:51 -05:00
|
|
|
|
reloadItems(page);
|
2015-09-03 15:04:29 -04:00
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$('.btnChangeLayout', page).on('layoutchange', function (e, layout) {
|
|
|
|
|
getPageData().view = layout;
|
|
|
|
|
LibraryBrowser.saveViewSetting(getSavedQueryKey(), layout);
|
2016-02-15 11:57:51 -05:00
|
|
|
|
reloadItems(page);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$('.btnFilter', page).on('click', function () {
|
|
|
|
|
showFilterMenu(page);
|
2013-04-22 00:38:03 -04:00
|
|
|
|
});
|
|
|
|
|
|
2014-05-01 22:54:33 -04:00
|
|
|
|
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
|
2015-07-08 20:20:01 -04:00
|
|
|
|
LibraryBrowser.setLastRefreshed(page);
|
2013-04-22 00:38:03 -04:00
|
|
|
|
Dashboard.hideLoadingMsg();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
2016-02-15 11:57:51 -05:00
|
|
|
|
function showFilterMenu(page) {
|
2015-09-03 15:04:29 -04:00
|
|
|
|
|
2016-02-15 11:57:51 -05:00
|
|
|
|
require(['components/filterdialog/filterdialog'], function (filterDialogFactory) {
|
2014-05-23 19:58:28 -04:00
|
|
|
|
|
2016-02-15 11:57:51 -05:00
|
|
|
|
var filterDialog = new filterDialogFactory({
|
|
|
|
|
query: getQuery(),
|
|
|
|
|
mode: 'artists'
|
|
|
|
|
});
|
2014-05-23 19:58:28 -04:00
|
|
|
|
|
2016-02-15 11:57:51 -05:00
|
|
|
|
Events.on(filterDialog, 'filterchange', function () {
|
|
|
|
|
reloadItems(page);
|
|
|
|
|
});
|
2014-05-23 19:58:28 -04:00
|
|
|
|
|
2016-02-15 11:57:51 -05:00
|
|
|
|
filterDialog.show();
|
2015-09-07 11:54:57 -04:00
|
|
|
|
});
|
2013-10-18 12:09:47 -04:00
|
|
|
|
}
|
|
|
|
|
|
2016-02-15 11:57:51 -05:00
|
|
|
|
function updateFilterControls(tabContent) {
|
2014-11-09 23:20:11 -05:00
|
|
|
|
|
2016-02-15 11:57:51 -05:00
|
|
|
|
var query = getQuery();
|
2014-11-09 23:20:11 -05:00
|
|
|
|
|
2016-02-15 11:57:51 -05:00
|
|
|
|
$('.alphabetPicker', tabContent).alphaValue(query.NameStartsWithOrGreater);
|
2014-11-09 23:20:11 -05:00
|
|
|
|
}
|
|
|
|
|
|
2016-02-15 11:57:51 -05:00
|
|
|
|
function initPage(tabContent) {
|
2013-04-22 00:38:03 -04:00
|
|
|
|
|
2015-09-08 10:35:52 -04:00
|
|
|
|
$('.alphabetPicker', tabContent).on('alphaselect', function (e, character) {
|
2013-05-16 16:46:18 -04:00
|
|
|
|
|
2015-07-08 20:20:01 -04:00
|
|
|
|
var query = getQuery();
|
2015-09-03 15:04:29 -04:00
|
|
|
|
|
2013-05-16 23:24:41 -04:00
|
|
|
|
query.NameStartsWithOrGreater = character;
|
2013-05-17 14:05:49 -04:00
|
|
|
|
query.StartIndex = 0;
|
2013-05-16 16:46:18 -04:00
|
|
|
|
|
2016-02-15 11:57:51 -05:00
|
|
|
|
reloadItems(tabContent);
|
2013-05-16 16:46:18 -04:00
|
|
|
|
|
|
|
|
|
}).on('alphaclear', function (e) {
|
|
|
|
|
|
2015-07-08 20:20:01 -04:00
|
|
|
|
var query = getQuery();
|
2014-07-05 17:15:25 -04:00
|
|
|
|
|
2015-09-03 15:04:29 -04:00
|
|
|
|
query.NameStartsWithOrGreater = '';
|
2014-07-05 17:15:25 -04:00
|
|
|
|
|
2016-02-15 11:57:51 -05:00
|
|
|
|
reloadItems(tabContent);
|
2014-07-20 00:46:29 -04:00
|
|
|
|
});
|
2015-09-03 15:04:29 -04:00
|
|
|
|
}
|
2014-07-20 00:46:29 -04:00
|
|
|
|
|
2015-09-03 15:04:29 -04:00
|
|
|
|
window.MusicPage.initArtistsTab = function (page, tabContent) {
|
2013-05-15 15:40:47 -04:00
|
|
|
|
|
2016-02-15 11:57:51 -05:00
|
|
|
|
initPage(tabContent);
|
2015-09-03 15:04:29 -04:00
|
|
|
|
};
|
2013-10-17 16:59:46 -04:00
|
|
|
|
|
2015-09-03 15:04:29 -04:00
|
|
|
|
window.MusicPage.renderArtistsTab = function (page, tabContent) {
|
2014-07-05 17:15:25 -04:00
|
|
|
|
|
2015-09-03 15:04:29 -04:00
|
|
|
|
if (LibraryBrowser.needsRefresh(tabContent)) {
|
2016-02-15 11:57:51 -05:00
|
|
|
|
reloadItems(tabContent);
|
2015-07-08 20:20:01 -04:00
|
|
|
|
}
|
2015-09-03 15:04:29 -04:00
|
|
|
|
};
|
2013-04-22 00:38:03 -04:00
|
|
|
|
|
|
|
|
|
})(jQuery, document);
|