mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

rework tv tabs

Browse source
This commit is contained in:
Luke Pulverenti 2015-09-21 13:46:02 -04:00
parent c27e5ffee2
commit 88dc11d90f
19 changed files with 811 additions and 965 deletions
Download patch file Download diff file Expand all files Collapse all files

119
dashboard-ui/scripts/tvpeople.js
View file

@ -1,29 +1,43 @@
(function ($, document) {
var pageSizeKey = 'people';
var data = {};
// The base query options
var query = {
function getQuery() {
SortBy: "SortName",
SortOrder: "Ascending",
IncludeItemTypes: "Series,Episode",
Recursive: true,
Fields: "DateCreated,ItemCounts",
PersonTypes: "",
StartIndex: 0,
Limit: 100
};
var key = getSavedQueryKey();
var pageData = data[key];
if (!pageData) {
pageData = data[key] = {
query: {
SortBy: "SortName",
SortOrder: "Ascending",
IncludeItemTypes: "Series,Episode",
Recursive: true,
Fields: "DateCreated,ItemCounts",
PersonTypes: "",
StartIndex: 0,
Limit: 100
}
};
pageData.query.ParentId = LibraryMenu.getTopParentId();
LibraryBrowser.loadSavedQueryValues(key, pageData.query);
}
return pageData.query;
}
function getSavedQueryKey() {
return 'tvpeople' + (query.ParentId || '');
return getWindowUrl() + 'people';
}
function reloadItems(page) {
function reloadItems(page, viewPanel) {
Dashboard.showLoadingMsg();
var query = getQuery();
ApiClient.getPeople(Dashboard.getCurrentUserId(), query).done(function (result) {
// Scroll back up so they can see the results from the beginning
@ -36,12 +50,15 @@
totalRecordCount: result.TotalRecordCount,
viewButton: true,
viewIcon: 'filter-list',
showLimit: false
showLimit: false,
updatePageSizeSetting: false,
pageSizeKey: pageSizeKey,
viewPanelClass: 'peopleViewPanel'
});
page.querySelector('.listTopPaging').innerHTML = pagingHtml;
updateFilterControls(page);
updateFilterControls(page, viewPanel);
html = LibraryBrowser.getPosterViewHtml({
items: result.Items,
@ -53,18 +70,18 @@
lazy: true
});
var elem = page.querySelector('#items');
var elem = page.querySelector('.itemsContainer');
elem.innerHTML = html + pagingHtml;
ImageLoader.lazyChildren(elem);
$('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit;
reloadItems(page);
reloadItems(page, viewPanel);
});
$('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit;
reloadItems(page);
reloadItems(page, viewPanel);
});
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
@ -73,35 +90,26 @@
});
}
function updateFilterControls(page) {
function updateFilterControls(tabContent, viewPanel) {
$('.chkStandardFilter', page).each(function () {
var filters = "," + (query.Filters || "");
var filterName = this.getAttribute('data-filter');
this.checked = filters.indexOf(',' + filterName) != -1;
}).checkboxradio('refresh');
$('.chkPersonTypeFilter', page).each(function () {
var query = getQuery();
$('.chkPersonTypeFilter', viewPanel).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);
$('.alphabetPicker', tabContent).alphaValue(query.NameStartsWithOrGreater);
}
$(document).on('pageinit', "#tvPeoplePage", function () {
function initPage(tabContent, viewPanel) {
var page = this;
$('.chkStandardFilter', this).on('change', function () {
$('.chkStandardFilter', viewPanel).on('change', function () {
var query = getQuery();
var filterName = this.getAttribute('data-filter');
var filters = query.Filters || "";
@ -114,11 +122,12 @@
query.StartIndex = 0;
query.Filters = filters;
reloadItems(page);
reloadItems(tabContent, viewPanel);
});
$('.chkPersonTypeFilter', this).on('change', function () {
$('.chkPersonTypeFilter', viewPanel).on('change', function () {
var query = getQuery();
var filterName = this.getAttribute('data-filter');
var filters = query.PersonTypes || "";
@ -131,41 +140,39 @@
query.StartIndex = 0;
query.PersonTypes = filters;
reloadItems(page);
reloadItems(tabContent, viewPanel);
});
$('.alphabetPicker', this).on('alphaselect', function (e, character) {
$('.alphabetPicker', tabContent).on('alphaselect', function (e, character) {
var query = getQuery();
query.NameStartsWithOrGreater = character;
query.StartIndex = 0;
reloadItems(page);
reloadItems(tabContent, viewPanel);
}).on('alphaclear', function (e) {
var query = getQuery();
query.NameStartsWithOrGreater = '';
reloadItems(page);
reloadItems(tabContent, viewPanel);
});
}
}).on('pagebeforeshow', "#tvPeoplePage", function () {
window.TvPage.initPeopleTab = function (page, tabContent) {
query.ParentId = LibraryMenu.getTopParentId();
var viewPanel = page.querySelector('.peopleViewPanel');
initPage(tabContent, viewPanel);
};
var limit = LibraryBrowser.getDefaultPageSize(pageSizeKey, 100);
window.TvPage.renderPeopleTab = function (page, tabContent) {
// 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;
if (LibraryBrowser.needsRefresh(tabContent)) {
var viewPanel = page.querySelector('.peopleViewPanel');
reloadItems(tabContent, viewPanel);
updateFilterControls(tabContent, viewPanel);
}
LibraryBrowser.loadSavedQueryValues(getSavedQueryKey(), query);
query.SortBy = "SortName";
reloadItems(this);
updateFilterControls(this);
});
};
})(jQuery, document);