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

update movie trailer filters

Browse source
This commit is contained in:
Luke Pulverenti 2016-02-15 08:43:22 -05:00
parent 2feeee86a6
commit 914a579a66
2 changed files with 35 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

22
dashboard-ui/movies.html
View file

@ -203,28 +203,6 @@
</form> </form>
</div> </div>
</div> </div>
<div data-role="panel" class="viewPanel trailerViewPanel 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="IsPlayed">${OptionPlayed}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="IsUnPlayed">${OptionUnplayed}</paper-checkbox>
<paper-checkbox class="chkStandardFilter" data-filter="IsResumable">${OptionResumable}</paper-checkbox>
<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>
</form>
</div>
</div>
<div data-role="content"> <div data-role="content">
</div> </div>

81
dashboard-ui/scripts/movietrailers.js
View file

@ -32,7 +32,7 @@
return LibraryBrowser.getSavedQueryKey('trailers'); return LibraryBrowser.getSavedQueryKey('trailers');
} }
function reloadItems(page, viewPanel) { function reloadItems(page) {
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
@ -56,17 +56,15 @@
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
totalRecordCount: result.TotalRecordCount, totalRecordCount: result.TotalRecordCount,
viewButton: true,
viewIcon: 'filter-list',
sortButton: true, sortButton: true,
showLimit: false, showLimit: false,
viewPanelClass: 'trailerViewPanel', updatePageSizeSetting: false,
updatePageSizeSetting: false filterButton: true
}); });
page.querySelector('.listTopPaging').innerHTML = pagingHtml; page.querySelector('.listTopPaging').innerHTML = pagingHtml;
updateFilterControls(page, viewPanel); updateFilterControls(page);
html = LibraryBrowser.getPosterViewHtml({ html = LibraryBrowser.getPosterViewHtml({
items: result.Items, items: result.Items,
@ -82,12 +80,16 @@
$('.btnNextPage', page).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page, viewPanel); reloadItems(page);
}); });
$('.btnPreviousPage', page).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page, viewPanel); reloadItems(page);
});
$('.btnFilter', page).on('click', function () {
showFilterMenu(page);
}); });
// On callback make sure to set StartIndex = 0 // On callback make sure to set StartIndex = 0
@ -122,7 +124,7 @@
id: 'PremiereDate,SortName' id: 'PremiereDate,SortName'
}], }],
callback: function () { callback: function () {
reloadItems(page, viewPanel); reloadItems(page);
}, },
query: query query: query
}); });
@ -134,41 +136,30 @@
}); });
} }
function updateFilterControls(tabContent, viewPanel) { function showFilterMenu(page) {
require(['components/filterdialog/filterdialog'], function (filterDialogFactory) {
var filterDialog = new filterDialogFactory({
query: getQuery()
});
Events.on(filterDialog, 'filterchange', function () {
reloadItems(page);
});
filterDialog.show();
});
}
function updateFilterControls(tabContent) {
var query = getQuery(); var query = getQuery();
$('.chkStandardFilter', viewPanel).each(function () {
var filters = "," + (query.Filters || "");
var filterName = this.getAttribute('data-filter');
this.checked = filters.indexOf(',' + filterName) != -1;
});
$('.alphabetPicker', tabContent).alphaValue(query.NameStartsWithOrGreater); $('.alphabetPicker', tabContent).alphaValue(query.NameStartsWithOrGreater);
} }
function initPage(page, tabContent, viewPanel) { function initPage(page, tabContent) {
$('.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);
});
$('.alphabetPicker', tabContent).on('alphaselect', function (e, character) { $('.alphabetPicker', tabContent).on('alphaselect', function (e, character) {
@ -176,35 +167,33 @@
query.NameStartsWithOrGreater = character; query.NameStartsWithOrGreater = character;
query.StartIndex = 0; query.StartIndex = 0;
reloadItems(tabContent, viewPanel); reloadItems(tabContent);
}).on('alphaclear', function (e) { }).on('alphaclear', function (e) {
var query = getQuery(); var query = getQuery();
query.NameStartsWithOrGreater = ''; query.NameStartsWithOrGreater = '';
reloadItems(tabContent, viewPanel); reloadItems(tabContent);
}); });
$('.itemsContainer', tabContent).on('needsrefresh', function () { $('.itemsContainer', tabContent).on('needsrefresh', function () {
reloadItems(tabContent, viewPanel); reloadItems(tabContent);
}); });
} }
window.MoviesPage.initTrailerTab = function (page, tabContent) { window.MoviesPage.initTrailerTab = function (page, tabContent) {
var viewPanel = page.querySelector('.trailerViewPanel'); initPage(page, tabContent);
initPage(page, tabContent, viewPanel);
}; };
window.MoviesPage.renderTrailerTab = function (page, tabContent) { window.MoviesPage.renderTrailerTab = function (page, tabContent) {
if (LibraryBrowser.needsRefresh(tabContent)) { if (LibraryBrowser.needsRefresh(tabContent)) {
var viewPanel = page.querySelector('.trailerViewPanel'); reloadItems(tabContent);
reloadItems(tabContent, viewPanel); updateFilterControls(tabContent);
updateFilterControls(tabContent, viewPanel);
} }
}; };