mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-17 19:08:18 -07:00
rework people
This commit is contained in:
Luke Pulverenti
parent
4bc4e81c51
commit
2f11b55964
@ -29,14 +29,14 @@
|
||||
"web-component-tester": "*",
|
||||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
||||
},
|
||||
"homepage": "https://github.com/PolymerElements/iron-a11y-keys-behavior",
|
||||
"homepage": "https://github.com/polymerelements/iron-a11y-keys-behavior",
|
||||
"_release": "1.0.6",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.0.6",
|
||||
"commit": "af5c98b1cf9b3d180a6326c99ac9c7057eee647f"
|
||||
},
|
||||
"_source": "git://github.com/PolymerElements/iron-a11y-keys-behavior.git",
|
||||
"_source": "git://github.com/polymerelements/iron-a11y-keys-behavior.git",
|
||||
"_target": "^1.0.0",
|
||||
"_originalSource": "PolymerElements/iron-a11y-keys-behavior"
|
||||
"_originalSource": "polymerelements/iron-a11y-keys-behavior"
|
||||
}
|
||||
@ -30,14 +30,14 @@
|
||||
"web-component-tester": "*",
|
||||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
||||
},
|
||||
"homepage": "https://github.com/polymerelements/paper-ripple",
|
||||
"homepage": "https://github.com/PolymerElements/paper-ripple",
|
||||
"_release": "1.0.2",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.0.2",
|
||||
"commit": "b546dbe6ad0b1f58cac80caec3136cf3232e12fc"
|
||||
},
|
||||
"_source": "git://github.com/polymerelements/paper-ripple.git",
|
||||
"_source": "git://github.com/PolymerElements/paper-ripple.git",
|
||||
"_target": "^1.0.0",
|
||||
"_originalSource": "polymerelements/paper-ripple"
|
||||
"_originalSource": "PolymerElements/paper-ripple"
|
||||
}
|
||||
@ -1023,19 +1023,22 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
||||
}
|
||||
|
||||
.playedIndicator {
|
||||
display: block;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border-radius: 50%;
|
||||
color: #fff;
|
||||
background: rgb(82, 181, 75);
|
||||
background: rgba(82, 181, 75, .9);
|
||||
line-height: 19px;
|
||||
background: rgba(82, 181, 75, .95);
|
||||
line-height: 21px;
|
||||
line-height: initial;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@ -1044,11 +1047,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.textIndicator {
|
||||
height: 22px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
.mediaSourceIndicator {
|
||||
display: block;
|
||||
position: absolute;
|
||||
@ -1536,10 +1534,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.peopleTabDisabled .tvPeopleTab, .peopleTabDisabled .moviePeopleTab {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tvEpisodesTabDisabled .tvEpisodesTab {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@ -14,8 +14,7 @@
|
||||
<a href="tv.html?tab=3" class="ui-btn-active"><iron-icon icon="live-tv"></iron-icon>${TabShows}</a>
|
||||
<a href="tv.html?tab=4" class="tvEpisodesTab"><iron-icon icon="slideshow"></iron-icon>${TabEpisodes}</a>
|
||||
<a href="tv.html?tab=5"><iron-icon icon="video-library"></iron-icon>${TabGenres}</a>
|
||||
<a href="tv.html?tab=6" class="tvPeopleTab"><iron-icon icon="people"></iron-icon>${TabPeople}</a>
|
||||
<a href="tv.html?tab=7" class="tvStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabNetworks}</a>
|
||||
<a href="tv.html?tab=6" class="tvStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabNetworks}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -13,7 +13,6 @@
|
||||
<paper-tab class="movieTrailersTab">${TabTrailers}</paper-tab>
|
||||
<paper-tab>${TabCollections}</paper-tab>
|
||||
<paper-tab>${TabGenres}</paper-tab>
|
||||
<paper-tab class="moviePeopleTab">${TabPeople}</paper-tab>
|
||||
<paper-tab class="movieStudiosTab">${TabStudios}</paper-tab>
|
||||
</paper-tabs>
|
||||
<div class="legacyTabs scopedLibraryViewNav">
|
||||
@ -22,8 +21,7 @@
|
||||
<a href="movies.html?tab=2" class="movieTrailersTab">${TabTrailers}</a>
|
||||
<a href="movies.html?tab=3">${TabCollections}</a>
|
||||
<a href="movies.html?tab=4">${TabGenres}</a>
|
||||
<a href="movies.html?tab=5" class="moviePeopleTab">${TabPeople}</a>
|
||||
<a href="movies.html?tab=6" class="movieStudiosTab">${TabStudios}</a>
|
||||
<a href="movies.html?tab=5" class="movieStudiosTab">${TabStudios}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -109,17 +107,6 @@
|
||||
</neon-animatable>
|
||||
<neon-animatable>
|
||||
<div class="pageTabContent" data-index="5">
|
||||
<div class="alphabetPicker">
|
||||
</div>
|
||||
<div class="viewSettings">
|
||||
<div class="listTopPaging">
|
||||
</div>
|
||||
</div>
|
||||
<div class="itemsContainer"></div>
|
||||
</div>
|
||||
</neon-animatable>
|
||||
<neon-animatable>
|
||||
<div class="pageTabContent" data-index="6">
|
||||
<div class="viewSettings">
|
||||
<div class="listTopPaging">
|
||||
</div>
|
||||
@ -238,57 +225,6 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div data-role="panel" class="viewPanel peopleViewPanel hide" data-theme="b" data-position="right" data-display="overlay" data-position-fixed="true">
|
||||
<div class="ui-panel-inner">
|
||||
<form>
|
||||
|
||||
<div>
|
||||
<h1>
|
||||
${HeaderFilters}
|
||||
</h1>
|
||||
<div class="checkboxContainer">
|
||||
<input class="chkStandardFilter" type="checkbox" id="chkIsFavoritePerson" data-filter="IsFavorite" data-role="none">
|
||||
<label for="chkIsFavoritePerson">${OptionFavorite}</label>
|
||||
</div>
|
||||
|
||||
<div class="checkboxContainer">
|
||||
<input class="chkStandardFilter" type="checkbox" id="chkLikesPerson" data-filter="Likes" data-role="none">
|
||||
<label for="chkLikesPerson">${OptionLikes}</label>
|
||||
</div>
|
||||
|
||||
<div class="checkboxContainer">
|
||||
<input class="chkStandardFilter" type="checkbox" id="chkDislikesPerson" data-filter="Dislikes" data-role="none">
|
||||
<label for="chkDislikesPerson">${OptionDislikes}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h1>
|
||||
${HeaderPersonTypes}
|
||||
</h1>
|
||||
|
||||
<div class="checkboxContainer">
|
||||
<input class="chkPersonTypeFilter" type="checkbox" id="chkActorPerson" data-filter="Actor" data-role="none">
|
||||
<label for="chkActorPerson">${OptionActors}</label>
|
||||
</div>
|
||||
|
||||
<div class="checkboxContainer">
|
||||
<input class="chkPersonTypeFilter" type="checkbox" id="chkDirectorPerson" data-filter="Director" data-role="none">
|
||||
<label for="chkDirectorPerson">${OptionDirectors}</label>
|
||||
</div>
|
||||
|
||||
<div class="checkboxContainer">
|
||||
<input class="chkPersonTypeFilter" type="checkbox" id="chkProducerPerson" data-filter="Producer" data-role="none">
|
||||
<label for="chkProducerPerson">${OptionProducers}</label>
|
||||
</div>
|
||||
|
||||
<div class="checkboxContainer">
|
||||
<input class="chkPersonTypeFilter" type="checkbox" id="chkWriterPerson" data-filter="Writer" data-role="none">
|
||||
<label for="chkWriterPerson">${OptionWriters}</label>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div data-role="content">
|
||||
|
||||
</div>
|
||||
|
||||
@ -2383,7 +2383,7 @@
|
||||
|
||||
if (item.Type == "Series" || item.Type == "Season" || item.Type == "BoxSet" || item.MediaType == "Video" || item.MediaType == "Game" || item.MediaType == "Book") {
|
||||
if (item.UserData.UnplayedItemCount) {
|
||||
return '<div class="playedIndicator textIndicator">' + item.UserData.UnplayedItemCount + '</div>';
|
||||
return '<div class="playedIndicator">' + item.UserData.UnplayedItemCount + '</div>';
|
||||
}
|
||||
|
||||
if (item.Type != 'TvChannel') {
|
||||
@ -2399,7 +2399,7 @@
|
||||
getGroupCountIndicator: function (item) {
|
||||
|
||||
if (item.ChildCount) {
|
||||
return '<div class="playedIndicator textIndicator">' + item.ChildCount + '</div>';
|
||||
return '<div class="playedIndicator">' + item.ChildCount + '</div>';
|
||||
}
|
||||
|
||||
return '';
|
||||
|
||||
@ -1,177 +0,0 @@
|
||||
(function ($, document) {
|
||||
|
||||
var pageSizeKey = 'people';
|
||||
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;
|
||||
}
|
||||
|
||||
function getSavedQueryKey() {
|
||||
|
||||
return getWindowUrl() + 'people';
|
||||
}
|
||||
|
||||
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
|
||||
window.scrollTo(0, 0);
|
||||
|
||||
var html = '';
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
viewIcon: 'filter-list',
|
||||
showLimit: false,
|
||||
updatePageSizeSetting: false,
|
||||
pageSizeKey: pageSizeKey,
|
||||
viewPanelClass: 'peopleViewPanel'
|
||||
});
|
||||
|
||||
page.querySelector('.listTopPaging').innerHTML = pagingHtml;
|
||||
|
||||
updateFilterControls(page, viewPanel);
|
||||
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
items: result.Items,
|
||||
shape: "portrait",
|
||||
showTitle: true,
|
||||
showItemCounts: true,
|
||||
coverImage: true,
|
||||
lazy: true
|
||||
});
|
||||
|
||||
var elem = page.querySelector('.itemsContainer');
|
||||
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);
|
||||
|
||||
Dashboard.hideLoadingMsg();
|
||||
});
|
||||
}
|
||||
|
||||
function updateFilterControls(tabContent, viewPanel) {
|
||||
|
||||
var query = getQuery();
|
||||
$('.chkPersonTypeFilter', viewPanel).each(function () {
|
||||
|
||||
var filters = "," + (query.PersonTypes || "");
|
||||
var filterName = this.getAttribute('data-filter');
|
||||
|
||||
this.checked = filters.indexOf(',' + filterName) != -1;
|
||||
|
||||
});
|
||||
|
||||
$('.alphabetPicker', tabContent).alphaValue(query.NameStartsWithOrGreater);
|
||||
}
|
||||
|
||||
function initPage(tabContent, viewPanel) {
|
||||
|
||||
$('.chkStandardFilter', viewPanel).on('change', function () {
|
||||
|
||||
var query = getQuery();
|
||||
var filterName = this.getAttribute('data-filter');
|
||||
var filters = query.Filters || "";
|
||||
|
||||
filters = (',' + filters).replace(',' + filterName, '').substring(1);
|
||||
|
||||
if (this.checked) {
|
||||
filters = filters ? (filters + ',' + filterName) : filterName;
|
||||
}
|
||||
|
||||
query.StartIndex = 0;
|
||||
query.Filters = filters;
|
||||
|
||||
reloadItems(tabContent, viewPanel);
|
||||
});
|
||||
|
||||
$('.chkPersonTypeFilter', viewPanel).on('change', function () {
|
||||
|
||||
var query = getQuery();
|
||||
var filterName = this.getAttribute('data-filter');
|
||||
var filters = query.PersonTypes || "";
|
||||
|
||||
filters = (',' + filters).replace(',' + filterName, '').substring(1);
|
||||
|
||||
if (this.checked) {
|
||||
filters = filters ? (filters + ',' + filterName) : filterName;
|
||||
}
|
||||
|
||||
query.StartIndex = 0;
|
||||
query.PersonTypes = filters;
|
||||
|
||||
reloadItems(tabContent, viewPanel);
|
||||
});
|
||||
|
||||
$('.alphabetPicker', tabContent).on('alphaselect', function (e, character) {
|
||||
|
||||
var query = getQuery();
|
||||
query.NameStartsWithOrGreater = character;
|
||||
query.StartIndex = 0;
|
||||
|
||||
reloadItems(tabContent, viewPanel);
|
||||
|
||||
}).on('alphaclear', function (e) {
|
||||
|
||||
var query = getQuery();
|
||||
query.NameStartsWithOrGreater = '';
|
||||
|
||||
reloadItems(tabContent, viewPanel);
|
||||
});
|
||||
}
|
||||
|
||||
window.MoviesPage.initPeopleTab = function (page, tabContent) {
|
||||
|
||||
var viewPanel = page.querySelector('.peopleViewPanel');
|
||||
initPage(tabContent, viewPanel);
|
||||
};
|
||||
|
||||
window.MoviesPage.renderPeopleTab = function (page, tabContent) {
|
||||
|
||||
if (LibraryBrowser.needsRefresh(tabContent)) {
|
||||
var viewPanel = page.querySelector('.peopleViewPanel');
|
||||
reloadItems(tabContent, viewPanel);
|
||||
updateFilterControls(tabContent, viewPanel);
|
||||
}
|
||||
};
|
||||
|
||||
})(jQuery, document);
|
||||
@ -299,11 +299,6 @@
|
||||
renderMethod = 'renderGenresTab';
|
||||
break;
|
||||
case 5:
|
||||
depends.push('scripts/moviepeople');
|
||||
renderMethod = 'renderPeopleTab';
|
||||
initMethod = 'initPeopleTab';
|
||||
break;
|
||||
case 6:
|
||||
depends.push('scripts/moviestudios');
|
||||
renderMethod = 'renderStudiosTab';
|
||||
break;
|
||||
|
||||
@ -1777,7 +1777,6 @@ var AppInfo = {};
|
||||
|
||||
if (!AppInfo.hasLowImageBandwidth) {
|
||||
AppInfo.enableStudioTabs = true;
|
||||
AppInfo.enablePeopleTabs = true;
|
||||
AppInfo.enableTvEpisodesTab = true;
|
||||
AppInfo.enableMovieTrailersTab = true;
|
||||
}
|
||||
@ -1915,10 +1914,6 @@ var AppInfo = {};
|
||||
elem.classList.add('studioTabDisabled');
|
||||
}
|
||||
|
||||
if (!AppInfo.enablePeopleTabs) {
|
||||
elem.classList.add('peopleTabDisabled');
|
||||
}
|
||||
|
||||
if (!AppInfo.enableTvEpisodesTab) {
|
||||
elem.classList.add('tvEpisodesTabDisabled');
|
||||
}
|
||||
|
||||
@ -1,178 +0,0 @@
|
||||
(function ($, document) {
|
||||
|
||||
var pageSizeKey = 'people';
|
||||
var data = {};
|
||||
|
||||
function getQuery() {
|
||||
|
||||
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 getWindowUrl() + 'people';
|
||||
}
|
||||
|
||||
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
|
||||
window.scrollTo(0, 0);
|
||||
|
||||
var html = '';
|
||||
var pagingHtml = LibraryBrowser.getQueryPagingHtml({
|
||||
startIndex: query.StartIndex,
|
||||
limit: query.Limit,
|
||||
totalRecordCount: result.TotalRecordCount,
|
||||
viewButton: true,
|
||||
viewIcon: 'filter-list',
|
||||
showLimit: false,
|
||||
updatePageSizeSetting: false,
|
||||
pageSizeKey: pageSizeKey,
|
||||
viewPanelClass: 'peopleViewPanel'
|
||||
});
|
||||
|
||||
page.querySelector('.listTopPaging').innerHTML = pagingHtml;
|
||||
|
||||
updateFilterControls(page, viewPanel);
|
||||
|
||||
html = LibraryBrowser.getPosterViewHtml({
|
||||
items: result.Items,
|
||||
shape: "portrait",
|
||||
context: 'tv',
|
||||
showTitle: true,
|
||||
showItemCounts: true,
|
||||
coverImage: true,
|
||||
lazy: true
|
||||
});
|
||||
|
||||
var elem = page.querySelector('.itemsContainer');
|
||||
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);
|
||||
|
||||
Dashboard.hideLoadingMsg();
|
||||
});
|
||||
}
|
||||
|
||||
function updateFilterControls(tabContent, viewPanel) {
|
||||
|
||||
var query = getQuery();
|
||||
$('.chkPersonTypeFilter', viewPanel).each(function () {
|
||||
|
||||
var filters = "," + (query.PersonTypes || "");
|
||||
var filterName = this.getAttribute('data-filter');
|
||||
|
||||
this.checked = filters.indexOf(',' + filterName) != -1;
|
||||
|
||||
});
|
||||
|
||||
$('.alphabetPicker', tabContent).alphaValue(query.NameStartsWithOrGreater);
|
||||
}
|
||||
|
||||
function initPage(tabContent, viewPanel) {
|
||||
|
||||
$('.chkStandardFilter', viewPanel).on('change', function () {
|
||||
|
||||
var query = getQuery();
|
||||
var filterName = this.getAttribute('data-filter');
|
||||
var filters = query.Filters || "";
|
||||
|
||||
filters = (',' + filters).replace(',' + filterName, '').substring(1);
|
||||
|
||||
if (this.checked) {
|
||||
filters = filters ? (filters + ',' + filterName) : filterName;
|
||||
}
|
||||
|
||||
query.StartIndex = 0;
|
||||
query.Filters = filters;
|
||||
|
||||
reloadItems(tabContent, viewPanel);
|
||||
});
|
||||
|
||||
$('.chkPersonTypeFilter', viewPanel).on('change', function () {
|
||||
|
||||
var query = getQuery();
|
||||
var filterName = this.getAttribute('data-filter');
|
||||
var filters = query.PersonTypes || "";
|
||||
|
||||
filters = (',' + filters).replace(',' + filterName, '').substring(1);
|
||||
|
||||
if (this.checked) {
|
||||
filters = filters ? (filters + ',' + filterName) : filterName;
|
||||
}
|
||||
|
||||
query.StartIndex = 0;
|
||||
query.PersonTypes = filters;
|
||||
|
||||
reloadItems(tabContent, viewPanel);
|
||||
});
|
||||
|
||||
$('.alphabetPicker', tabContent).on('alphaselect', function (e, character) {
|
||||
|
||||
var query = getQuery();
|
||||
query.NameStartsWithOrGreater = character;
|
||||
query.StartIndex = 0;
|
||||
|
||||
reloadItems(tabContent, viewPanel);
|
||||
|
||||
}).on('alphaclear', function (e) {
|
||||
|
||||
var query = getQuery();
|
||||
query.NameStartsWithOrGreater = '';
|
||||
|
||||
reloadItems(tabContent, viewPanel);
|
||||
});
|
||||
}
|
||||
|
||||
window.TvPage.initPeopleTab = function (page, tabContent) {
|
||||
|
||||
var viewPanel = page.querySelector('.peopleViewPanel');
|
||||
initPage(tabContent, viewPanel);
|
||||
};
|
||||
|
||||
window.TvPage.renderPeopleTab = function (page, tabContent) {
|
||||
|
||||
if (LibraryBrowser.needsRefresh(tabContent)) {
|
||||
var viewPanel = page.querySelector('.peopleViewPanel');
|
||||
reloadItems(tabContent, viewPanel);
|
||||
updateFilterControls(tabContent, viewPanel);
|
||||
}
|
||||
};
|
||||
|
||||
})(jQuery, document);
|
||||
@ -222,11 +222,6 @@
|
||||
renderMethod = 'renderGenresTab';
|
||||
break;
|
||||
case 6:
|
||||
depends.push('scripts/tvpeople');
|
||||
renderMethod = 'renderPeopleTab';
|
||||
initMethod = 'initPeopleTab';
|
||||
break;
|
||||
case 7:
|
||||
depends.push('scripts/tvstudios');
|
||||
renderMethod = 'renderStudiosTab';
|
||||
break;
|
||||
@ -284,15 +279,6 @@
|
||||
|
||||
var page = this;
|
||||
|
||||
if (LibraryBrowser.needsRefresh(page)) {
|
||||
reload(page);
|
||||
}
|
||||
});
|
||||
|
||||
pageIdOn('pageshow', "tvRecommendedPage", function () {
|
||||
|
||||
var page = this;
|
||||
|
||||
if (!page.getAttribute('data-title')) {
|
||||
|
||||
var parentId = LibraryMenu.getTopParentId();
|
||||
|
||||
@ -14,7 +14,6 @@
|
||||
<paper-tab>${TabShows}</paper-tab>
|
||||
<paper-tab class="tvEpisodesTab">${TabEpisodes}</paper-tab>
|
||||
<paper-tab>${TabGenres}</paper-tab>
|
||||
<paper-tab class="tvPeopleTab">${TabPeople}</paper-tab>
|
||||
<paper-tab class="tvStudiosTab">${TabNetworks}</paper-tab>
|
||||
</paper-tabs>
|
||||
<div class="legacyTabs scopedLibraryViewNav">
|
||||
@ -24,8 +23,7 @@
|
||||
<a href="tv.html?tab=3">${TabShows}</a>
|
||||
<a href="tv.html?tab=4" class="tvEpisodesTab">${TabEpisodes}</a>
|
||||
<a href="tv.html?tab=5">${TabGenres}</a>
|
||||
<a href="tv.html?tab=6" class="tvPeopleTab">${TabPeople}</a>
|
||||
<a href="tv.html?tab=7" class="tvStudiosTab">${TabNetworks}</a>
|
||||
<a href="tv.html?tab=6" class="tvStudiosTab">${TabNetworks}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -35,7 +33,7 @@
|
||||
<div class="pageTabContent" data-index="0">
|
||||
<div id="resumableSection" style="display: none;" class="scopedContent homePageSection">
|
||||
<div>
|
||||
<h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderResume}</h1>
|
||||
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderResume}</h1>
|
||||
<paper-button raised class="submit mini categorySyncButton" data-category="Resume"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
|
||||
</div>
|
||||
|
||||
@ -45,7 +43,7 @@
|
||||
|
||||
<div class="homePageSection">
|
||||
<div>
|
||||
<h1 class="listHeader nextUpHeader" style="display:inline-block;vertical-align:middle;">${HeaderNextUp}</h1>
|
||||
<h1 class="listHeader nextUpHeader" style="display: inline-block; vertical-align: middle;">${HeaderNextUp}</h1>
|
||||
<paper-button raised class="submit mini categorySyncButton" data-category="NextUp"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
|
||||
</div>
|
||||
<div id="nextUpItems" class="itemsContainer">
|
||||
@ -58,7 +56,7 @@
|
||||
<div class="pageTabContent" data-index="1">
|
||||
<div class="homePageSection">
|
||||
<div>
|
||||
<h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderLatestEpisodes}</h1>
|
||||
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderLatestEpisodes}</h1>
|
||||
<paper-button raised class="submit mini categorySyncButton" data-category="Latest"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
|
||||
</div>
|
||||
<div id="latestEpisodes" class="itemsContainer">
|
||||
@ -72,7 +70,9 @@
|
||||
</div>
|
||||
<div class="noItemsMessage" style="display: none;">
|
||||
<p>${MessageNothingHere}</p>
|
||||
<p><a href="metadata.html">${MessagePleaseEnsureInternetMetadata}</a></p>
|
||||
<p>
|
||||
<a href="metadata.html">${MessagePleaseEnsureInternetMetadata}</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</neon-animatable>
|
||||
@ -84,7 +84,7 @@
|
||||
<div class="listTopPaging">
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align: center;"></div>
|
||||
</div>
|
||||
</neon-animatable>
|
||||
<neon-animatable>
|
||||
@ -107,22 +107,11 @@
|
||||
</neon-animatable>
|
||||
<neon-animatable>
|
||||
<div class="pageTabContent" data-index="6">
|
||||
<div class="alphabetPicker">
|
||||
</div>
|
||||
<div class="viewSettings">
|
||||
<div class="listTopPaging">
|
||||
</div>
|
||||
</div>
|
||||
<div class="itemsContainer"></div>
|
||||
</div>
|
||||
</neon-animatable>
|
||||
<neon-animatable>
|
||||
<div class="pageTabContent" data-index="7">
|
||||
<div class="viewSettings">
|
||||
<div class="listTopPaging">
|
||||
</div>
|
||||
</div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
|
||||
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align: center;"></div>
|
||||
</div>
|
||||
</neon-animatable>
|
||||
</neon-animated-pages>
|
||||
@ -258,36 +247,6 @@
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div data-role="panel" class="viewPanel peopleViewPanel hide" data-theme="b" data-position="right" data-display="overlay" data-position-fixed="true">
|
||||
<div class="ui-panel-inner">
|
||||
<form>
|
||||
|
||||
<div>
|
||||
<h1>
|
||||
${HeaderFilters}
|
||||
</h1>
|
||||
<div class="paperCheckboxList">
|
||||
<paper-checkbox class="chkStandardFilter" data-filter="IsFavorite">${OptionFavorite}</paper-checkbox>
|
||||
<paper-checkbox class="chkStandardFilter" data-filter="Likes">${OptionLikes}</paper-checkbox>
|
||||
<paper-checkbox class="chkStandardFilter" data-filter="Dislikes">${OptionDislikes}</paper-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h1>
|
||||
${HeaderPersonTypes}
|
||||
</h1>
|
||||
|
||||
<div class="paperCheckboxList">
|
||||
<paper-checkbox class="chkPersonTypeFilter" data-filter="Actor">${OptionActors}</paper-checkbox>
|
||||
<paper-checkbox class="chkPersonTypeFilter" data-filter="GuestStar">${OptionGuestStars}</paper-checkbox>
|
||||
<paper-checkbox class="chkPersonTypeFilter" data-filter="Director">${OptionDirectors}</paper-checkbox>
|
||||
<paper-checkbox class="chkPersonTypeFilter" data-filter="Producer">${OptionProducers}</paper-checkbox>
|
||||
<paper-checkbox class="chkPersonTypeFilter" data-filter="Writer">${OptionWriters}</paper-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div data-role="content">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user