2013-04-11 20:50:47 -07:00
|
|
|
|
(function ($, document) {
|
|
|
|
|
|
2014-09-09 17:28:59 -07:00
|
|
|
|
var pageSizeKey = 'people';
|
|
|
|
|
|
2013-04-11 20:50:47 -07:00
|
|
|
|
// The base query options
|
|
|
|
|
var query = {
|
|
|
|
|
|
|
|
|
|
SortBy: "SortName",
|
|
|
|
|
SortOrder: "Ascending",
|
2013-07-11 13:25:12 -07:00
|
|
|
|
IncludeItemTypes: "Movie,Trailer",
|
2013-04-11 20:50:47 -07:00
|
|
|
|
Recursive: true,
|
2013-09-23 07:26:20 -07:00
|
|
|
|
Fields: "DateCreated",
|
2013-04-13 16:43:41 -07:00
|
|
|
|
PersonTypes: "",
|
2014-03-17 07:48:16 -07:00
|
|
|
|
StartIndex: 0,
|
|
|
|
|
Limit: 100
|
2013-04-11 20:50:47 -07:00
|
|
|
|
};
|
|
|
|
|
|
2014-05-01 19:54:33 -07:00
|
|
|
|
function getSavedQueryKey() {
|
|
|
|
|
|
|
|
|
|
return 'moviepeople' + (query.ParentId || '');
|
|
|
|
|
}
|
|
|
|
|
|
2013-04-11 20:50:47 -07:00
|
|
|
|
function reloadItems(page) {
|
|
|
|
|
|
|
|
|
|
Dashboard.showLoadingMsg();
|
|
|
|
|
|
|
|
|
|
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
|
|
|
|
|
$(document).scrollTop(0);
|
|
|
|
|
|
2013-04-11 20:50:47 -07:00
|
|
|
|
var html = '';
|
|
|
|
|
|
2015-01-22 23:15:15 -07:00
|
|
|
|
$('.listTopPaging', page).html(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,
|
|
|
|
|
pageSizeKey: pageSizeKey
|
2015-01-22 23:15:15 -07:00
|
|
|
|
})).trigger('create');
|
2013-04-11 20:50:47 -07:00
|
|
|
|
|
2013-10-18 09:09:47 -07:00
|
|
|
|
updateFilterControls(page);
|
|
|
|
|
|
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-01-22 23:15:15 -07:00
|
|
|
|
$('#items', page).html(html).lazyChildren();
|
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;
|
|
|
|
|
reloadItems(page);
|
|
|
|
|
});
|
|
|
|
|
|
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;
|
|
|
|
|
reloadItems(page);
|
|
|
|
|
});
|
|
|
|
|
|
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();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
2013-10-18 09:09:47 -07:00
|
|
|
|
function updateFilterControls(page) {
|
|
|
|
|
|
|
|
|
|
$('.chkPersonTypeFilter', page).each(function () {
|
|
|
|
|
|
|
|
|
|
var filters = "," + (query.PersonTypes || "");
|
|
|
|
|
var filterName = this.getAttribute('data-filter');
|
|
|
|
|
|
|
|
|
|
this.checked = filters.indexOf(',' + filterName) != -1;
|
|
|
|
|
|
|
|
|
|
}).checkboxradio('refresh');
|
|
|
|
|
|
|
|
|
|
$('.alphabetPicker', page).alphaValue(query.NameStartsWithOrGreater);
|
|
|
|
|
}
|
|
|
|
|
|
2013-04-11 20:50:47 -07:00
|
|
|
|
$(document).on('pageinit', "#moviePeoplePage", function () {
|
|
|
|
|
|
|
|
|
|
var page = this;
|
|
|
|
|
|
|
|
|
|
$('.chkStandardFilter', this).on('change', function () {
|
|
|
|
|
|
|
|
|
|
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;
|
|
|
|
|
|
|
|
|
|
reloadItems(page);
|
|
|
|
|
});
|
|
|
|
|
|
2013-04-13 16:43:41 -07:00
|
|
|
|
$('.chkPersonTypeFilter', this).on('change', function () {
|
|
|
|
|
|
|
|
|
|
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;
|
|
|
|
|
|
|
|
|
|
reloadItems(page);
|
|
|
|
|
});
|
|
|
|
|
|
2013-05-16 13:46:18 -07:00
|
|
|
|
$('.alphabetPicker', this).on('alphaselect', function (e, character) {
|
|
|
|
|
|
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
|
|
|
|
|
|
|
|
|
reloadItems(page);
|
|
|
|
|
|
|
|
|
|
}).on('alphaclear', function (e) {
|
|
|
|
|
|
2013-05-16 20:24:41 -07:00
|
|
|
|
query.NameStartsWithOrGreater = '';
|
2013-05-16 13:46:18 -07:00
|
|
|
|
|
|
|
|
|
reloadItems(page);
|
|
|
|
|
});
|
|
|
|
|
|
2013-04-11 20:50:47 -07:00
|
|
|
|
}).on('pagebeforeshow', "#moviePeoplePage", function () {
|
|
|
|
|
|
2014-05-01 19:54:33 -07:00
|
|
|
|
query.ParentId = LibraryMenu.getTopParentId();
|
|
|
|
|
|
2014-09-09 17:28:59 -07:00
|
|
|
|
var limit = LibraryBrowser.getDefaultPageSize(pageSizeKey, 100);
|
2014-05-01 19:54:33 -07:00
|
|
|
|
|
|
|
|
|
// If the default page size has changed, the start index will have to be reset
|
|
|
|
|
if (limit != query.Limit) {
|
|
|
|
|
query.Limit = limit;
|
|
|
|
|
query.StartIndex = 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
LibraryBrowser.loadSavedQueryValues(getSavedQueryKey(), query);
|
2013-10-17 13:59:46 -07:00
|
|
|
|
|
2013-04-11 20:50:47 -07:00
|
|
|
|
reloadItems(this);
|
|
|
|
|
|
|
|
|
|
}).on('pageshow', "#moviePeoplePage", function () {
|
|
|
|
|
|
2013-10-18 09:09:47 -07:00
|
|
|
|
updateFilterControls(this);
|
2013-04-11 20:50:47 -07:00
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
})(jQuery, document);
|