2013-04-11 20:50:47 -07:00
|
|
|
|
(function ($, document) {
|
|
|
|
|
|
2014-09-09 17:28:59 -07:00
|
|
|
|
var pageSizeKey = 'people';
|
2015-08-15 11:17:22 -07:00
|
|
|
|
var data = {};
|
|
|
|
|
|
|
|
|
|
function getQuery() {
|
|
|
|
|
|
|
|
|
|
var key = getSavedQueryKey();
|
|
|
|
|
var pageData = data[key];
|
|
|
|
|
|
|
|
|
|
if (!pageData) {
|
|
|
|
|
pageData = data[key] = {
|
|
|
|
|
query: {
|
|
|
|
|
SortBy: "SortName",
|
|
|
|
|
SortOrder: "Ascending",
|
|
|
|
|
IncludeItemTypes: "Movie,Trailer",
|
|
|
|
|
Recursive: true,
|
|
|
|
|
Fields: "DateCreated,ItemCounts",
|
|
|
|
|
PersonTypes: "",
|
|
|
|
|
StartIndex: 0,
|
|
|
|
|
Limit: 100
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
pageData.query.ParentId = LibraryMenu.getTopParentId();
|
|
|
|
|
LibraryBrowser.loadSavedQueryValues(key, pageData.query);
|
|
|
|
|
}
|
|
|
|
|
return pageData.query;
|
|
|
|
|
}
|
2013-04-11 20:50:47 -07:00
|
|
|
|
|
2014-05-01 19:54:33 -07:00
|
|
|
|
function getSavedQueryKey() {
|
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
return getWindowUrl();
|
2014-05-01 19:54:33 -07:00
|
|
|
|
}
|
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
function reloadItems(page, viewPanel) {
|
2013-04-11 20:50:47 -07:00
|
|
|
|
|
|
|
|
|
Dashboard.showLoadingMsg();
|
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
var query = getQuery();
|
2013-04-11 20:50:47 -07:00
|
|
|
|
ApiClient.getPeople(Dashboard.getCurrentUserId(), query).done(function (result) {
|
|
|
|
|
|
2013-05-18 10:07:20 -07:00
|
|
|
|
// Scroll back up so they can see the results from the beginning
|
2015-06-28 07:45:21 -07:00
|
|
|
|
window.scrollTo(0, 0);
|
2013-05-18 10:07:20 -07:00
|
|
|
|
|
2013-04-11 20:50:47 -07:00
|
|
|
|
var html = '';
|
2015-01-28 12:30:45 -07:00
|
|
|
|
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
2014-07-19 21:46:29 -07:00
|
|
|
|
startIndex: query.StartIndex,
|
|
|
|
|
limit: query.Limit,
|
|
|
|
|
totalRecordCount: result.TotalRecordCount,
|
|
|
|
|
viewButton: true,
|
|
|
|
|
showLimit: false,
|
2014-09-09 17:28:59 -07:00
|
|
|
|
updatePageSizeSetting: false,
|
2015-08-15 11:17:22 -07:00
|
|
|
|
pageSizeKey: pageSizeKey,
|
|
|
|
|
viewPanelClass: 'peopleViewPanel'
|
2015-01-28 12:30:45 -07:00
|
|
|
|
});
|
|
|
|
|
|
2015-06-28 07:45:21 -07:00
|
|
|
|
page.querySelector('.listTopPaging').innerHTML = pagingHtml;
|
2013-04-11 20:50:47 -07:00
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
updateFilterControls(page, viewPanel);
|
2013-10-18 09:09:47 -07:00
|
|
|
|
|
2014-01-03 13:32:27 -07:00
|
|
|
|
html = LibraryBrowser.getPosterViewHtml({
|
2013-04-11 20:50:47 -07:00
|
|
|
|
items: result.Items,
|
2014-01-03 13:32:27 -07:00
|
|
|
|
shape: "portrait",
|
|
|
|
|
context: 'movies',
|
|
|
|
|
showTitle: true,
|
|
|
|
|
showItemCounts: true,
|
2014-04-09 20:47:57 -07:00
|
|
|
|
coverImage: true,
|
|
|
|
|
lazy: true
|
2013-04-11 20:50:47 -07:00
|
|
|
|
});
|
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
var elem = page.querySelector('.itemsContainer');
|
2015-06-28 07:45:21 -07:00
|
|
|
|
elem.innerHTML = html + pagingHtml;
|
|
|
|
|
ImageLoader.lazyChildren(elem);
|
2013-04-11 20:50:47 -07:00
|
|
|
|
|
2013-04-18 22:08:18 -07:00
|
|
|
|
$('.btnNextPage', page).on('click', function () {
|
2013-04-15 15:03:05 -07:00
|
|
|
|
query.StartIndex += query.Limit;
|
2015-08-15 11:17:22 -07:00
|
|
|
|
reloadItems(page, viewPanel);
|
2013-04-15 15:03:05 -07:00
|
|
|
|
});
|
|
|
|
|
|
2013-04-18 22:08:18 -07:00
|
|
|
|
$('.btnPreviousPage', page).on('click', function () {
|
2013-04-15 15:03:05 -07:00
|
|
|
|
query.StartIndex -= query.Limit;
|
2015-08-15 11:17:22 -07:00
|
|
|
|
reloadItems(page, viewPanel);
|
2013-04-15 15:03:05 -07:00
|
|
|
|
});
|
|
|
|
|
|
2014-05-01 19:54:33 -07:00
|
|
|
|
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
|
2013-10-18 09:09:47 -07:00
|
|
|
|
|
2013-04-11 20:50:47 -07:00
|
|
|
|
Dashboard.hideLoadingMsg();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
function updateFilterControls(tabContent, viewPanel) {
|
2013-10-18 09:09:47 -07:00
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
var query = getQuery();
|
|
|
|
|
$('.chkPersonTypeFilter', viewPanel).each(function () {
|
2013-10-18 09:09:47 -07:00
|
|
|
|
|
|
|
|
|
var filters = "," + (query.PersonTypes || "");
|
|
|
|
|
var filterName = this.getAttribute('data-filter');
|
|
|
|
|
|
|
|
|
|
this.checked = filters.indexOf(',' + filterName) != -1;
|
|
|
|
|
|
|
|
|
|
}).checkboxradio('refresh');
|
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
$('.alphabetPicker', tabContent).alphaValue(query.NameStartsWithOrGreater);
|
2013-10-18 09:09:47 -07:00
|
|
|
|
}
|
|
|
|
|
|
2015-08-15 11:30:52 -07:00
|
|
|
|
function initPage(tabContent, viewPanel) {
|
2013-04-11 20:50:47 -07:00
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
$('.chkStandardFilter', viewPanel).on('change', function () {
|
2013-04-11 20:50:47 -07:00
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
var query = getQuery();
|
2013-04-11 20:50:47 -07:00
|
|
|
|
var filterName = this.getAttribute('data-filter');
|
|
|
|
|
var filters = query.Filters || "";
|
|
|
|
|
|
|
|
|
|
filters = (',' + filters).replace(',' + filterName, '').substring(1);
|
|
|
|
|
|
|
|
|
|
if (this.checked) {
|
|
|
|
|
filters = filters ? (filters + ',' + filterName) : filterName;
|
|
|
|
|
}
|
|
|
|
|
|
2013-04-13 19:41:42 -07:00
|
|
|
|
query.StartIndex = 0;
|
2013-04-11 20:50:47 -07:00
|
|
|
|
query.Filters = filters;
|
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
reloadItems(tabContent, viewPanel);
|
2013-04-11 20:50:47 -07:00
|
|
|
|
});
|
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
$('.chkPersonTypeFilter', viewPanel).on('change', function () {
|
2013-04-13 16:43:41 -07:00
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
var query = getQuery();
|
2013-04-13 16:43:41 -07:00
|
|
|
|
var filterName = this.getAttribute('data-filter');
|
|
|
|
|
var filters = query.PersonTypes || "";
|
|
|
|
|
|
|
|
|
|
filters = (',' + filters).replace(',' + filterName, '').substring(1);
|
|
|
|
|
|
|
|
|
|
if (this.checked) {
|
|
|
|
|
filters = filters ? (filters + ',' + filterName) : filterName;
|
|
|
|
|
}
|
|
|
|
|
|
2013-04-13 19:41:42 -07:00
|
|
|
|
query.StartIndex = 0;
|
2013-04-13 16:43:41 -07:00
|
|
|
|
query.PersonTypes = filters;
|
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
reloadItems(tabContent, viewPanel);
|
2013-04-13 16:43:41 -07:00
|
|
|
|
});
|
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
$('.alphabetPicker', tabContent).on('alphaselect', function (e, character) {
|
2013-05-16 13:46:18 -07:00
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
var query = getQuery();
|
2013-05-16 20:24:41 -07:00
|
|
|
|
query.NameStartsWithOrGreater = character;
|
2013-05-17 11:05:49 -07:00
|
|
|
|
query.StartIndex = 0;
|
2013-05-16 13:46:18 -07:00
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
reloadItems(tabContent, viewPanel);
|
2013-05-16 13:46:18 -07:00
|
|
|
|
|
|
|
|
|
}).on('alphaclear', function (e) {
|
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
var query = getQuery();
|
2013-05-16 20:24:41 -07:00
|
|
|
|
query.NameStartsWithOrGreater = '';
|
2013-05-16 13:46:18 -07:00
|
|
|
|
|
2015-08-15 11:17:22 -07:00
|
|
|
|
reloadItems(tabContent, viewPanel);
|
2013-05-16 13:46:18 -07:00
|
|
|
|
});
|
2015-08-15 11:30:52 -07:00
|
|
|
|
}
|
2013-05-16 13:46:18 -07:00
|
|
|
|
|
2015-08-18 09:11:56 -07:00
|
|
|
|
window.MoviesPage.initPeopleTab = function (page, tabContent) {
|
2015-08-15 11:30:52 -07:00
|
|
|
|
|
2015-08-18 09:11:56 -07:00
|
|
|
|
var viewPanel = page.querySelector('.peopleViewPanel');
|
|
|
|
|
initPage(tabContent, viewPanel);
|
|
|
|
|
};
|
2015-08-15 11:30:52 -07:00
|
|
|
|
|
2015-08-18 09:11:56 -07:00
|
|
|
|
window.MoviesPage.renderPeopleTab = function (page, tabContent) {
|
2015-08-15 11:30:52 -07:00
|
|
|
|
|
2015-08-18 09:11:56 -07:00
|
|
|
|
if (LibraryBrowser.needsRefresh(tabContent)) {
|
|
|
|
|
var viewPanel = page.querySelector('.peopleViewPanel');
|
|
|
|
|
reloadItems(tabContent, viewPanel);
|
|
|
|
|
updateFilterControls(tabContent, viewPanel);
|
|
|
|
|
}
|
|
|
|
|
};
|
2013-04-11 20:50:47 -07:00
|
|
|
|
|
|
|
|
|
})(jQuery, document);
|