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

update live tv filters

This commit is contained in:
Luke Pulverenti 2016-02-14 21:51:05 -05:00
parent 71cc832d1c
commit 6fb474ce5f
6 changed files with 134 additions and 121 deletions

View file

@ -2910,7 +2910,7 @@
var option = options.items[i];
html += '<paper-radio-button class="menuSortBy block" data-id="' + option.id + '" name="' + option.id.replace(',', '_') + '">' + option.name + '</paper-radio-button>';
html += '<paper-radio-button class="menuSortBy" style="display:block;" data-id="' + option.id + '" name="' + option.id.replace(',', '_') + '">' + option.name + '</paper-radio-button>';
}
html += '</paper-radio-group>';
@ -2918,8 +2918,8 @@
html += Globalize.translate('HeaderSortOrder');
html += '</h2>';
html += '<paper-radio-group class="groupSortOrder" selected="' + (options.query.SortOrder || 'Ascending') + '">';
html += '<paper-radio-button name="Ascending" class="menuSortOrder block">' + Globalize.translate('OptionAscending') + '</paper-radio-button>';
html += '<paper-radio-button name="Descending" class="menuSortOrder block">' + Globalize.translate('OptionDescending') + '</paper-radio-button>';
html += '<paper-radio-button name="Ascending" style="display:block;" class="menuSortOrder block">' + Globalize.translate('OptionAscending') + '</paper-radio-button>';
html += '<paper-radio-button name="Descending" style="display:block;" class="menuSortOrder block">' + Globalize.translate('OptionDescending') + '</paper-radio-button>';
html += '</paper-radio-group>';
html += '</div>';

View file

@ -38,7 +38,7 @@
});
}
function renderChannels(page, viewPanel, result) {
function renderChannels(page, result) {
var query = getQuery();
@ -46,16 +46,11 @@
startIndex: query.StartIndex,
limit: query.Limit,
totalRecordCount: result.TotalRecordCount,
viewButton: true,
showLimit: false,
viewPanelClass: 'channelViewPanel',
updatePageSizeSetting: false,
viewIcon: 'filter-list'
filterButton: true
}));
updateFilterControls(viewPanel);
var html = getChannelsHtml(result.Items);
var elem = page.querySelector('#items');
@ -64,18 +59,39 @@
$('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit;
reloadItems(page, viewPanel);
reloadItems(page);
});
$('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit;
reloadItems(page, viewPanel);
reloadItems(page);
});
$('.btnFilter', page).on('click', function () {
showFilterMenu(page);
});
LibraryBrowser.saveQueryValues(getSavedQueryKey(), query);
}
function reloadItems(page, viewPanel) {
function showFilterMenu(page) {
require(['components/filterdialog/filterdialog'], function (filterDialogFactory) {
var filterDialog = new filterDialogFactory({
query: getQuery(),
mode: 'livetvchannels'
});
Events.on(filterDialog, 'filterchange', function () {
reloadItems(page);
});
filterDialog.show();
});
}
function reloadItems(page) {
Dashboard.showLoadingMsg();
@ -85,7 +101,7 @@
ApiClient.getLiveTvChannels(query).then(function (result) {
renderChannels(page, viewPanel, result);
renderChannels(page, result);
Dashboard.hideLoadingMsg();
@ -93,54 +109,10 @@
});
}
function updateFilterControls(page) {
var query = getQuery();
$('.chkFavorite', page).checked(query.IsFavorite == true);
$('.chkLikes', page).checked(query.IsLiked == true);
$('.chkDislikes', page).checked(query.IsDisliked == true);
}
window.LiveTvPage.initChannelsTab = function (page, tabContent) {
var viewPanel = page.querySelector('.channelViewPanel');
$('.chkFavorite', viewPanel).on('change', function () {
var query = getQuery();
query.StartIndex = 0;
query.IsFavorite = this.checked ? true : null;
reloadItems(tabContent, viewPanel);
});
$('.chkLikes', viewPanel).on('change', function () {
var query = getQuery();
query.StartIndex = 0;
query.IsLiked = this.checked ? true : null;
reloadItems(tabContent, viewPanel);
});
$('.chkDislikes', viewPanel).on('change', function () {
var query = getQuery();
query.StartIndex = 0;
query.IsDisliked = this.checked ? true : null;
reloadItems(tabContent, viewPanel);
});
};
window.LiveTvPage.renderChannelsTab = function (page, tabContent) {
var viewPanel = page.querySelector('.channelViewPanel');
if (LibraryBrowser.needsRefresh(tabContent)) {
reloadItems(tabContent, viewPanel);
updateFilterControls(viewPanel);
reloadItems(tabContent);
}
};

View file

@ -162,7 +162,6 @@
depends.push('paper-icon-item');
depends.push('paper-item-body');
renderMethod = 'renderChannelsTab';
initMethod = 'initChannelsTab';
break;
case 3:
depends.push('scripts/livetvrecordings');