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

fixes #506 - Song list - make columns headers clickable for sorting

Browse source
This commit is contained in:
Luke Pulverenti 2013-09-06 15:17:15 -04:00
parent b7d236b9e4
commit 029f458651
5 changed files with 133 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

68
dashboard-ui/scripts/songs.js
View file

@ -1,9 +1,11 @@
(function ($, document) {
var defaultSortBy = "Album,SortName";
// The base query options
var query = {
SortBy: "Album,SortName",
SortBy: defaultSortBy,
SortOrder: "Ascending",
IncludeItemTypes: "Audio",
Recursive: true,
@ -12,6 +14,22 @@
StartIndex: 0
};
function updateFilterControls(page) {
// Reset form values using the last used query
$('.radioSortBy', page).each(function () {
this.checked = query.SortBy == this.getAttribute('data-sortby');
}).checkboxradio('refresh');
$('.radioSortOrder', page).each(function () {
this.checked = query.SortOrder == this.getAttribute('data-sortorder');
}).checkboxradio('refresh');
}
function reloadItems(page) {
Dashboard.showLoadingMsg();
@ -27,7 +45,10 @@
html += LibraryBrowser.getSongTableHtml(result.Items, {
showAlbum: true,
showArtist: true
showArtist: true,
enableColumnSorting: true,
sortBy: query.SortBy,
sortOrder: query.SortOrder
});
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
@ -55,7 +76,37 @@
reloadItems(page);
});
$('.lnkColumnSort', page).on('click', function () {
var order = this.getAttribute('data-sortfield');
if (query.SortBy == order) {
if (query.SortOrder == "Descending") {
query.SortOrder = "Ascending";
query.SortBy = defaultSortBy;
} else {
query.SortOrder = "Descending";
query.SortBy = order;
}
} else {
query.SortOrder = "Ascending";
query.SortBy = order;
}
query.StartIndex = 0;
reloadItems(page);
});
Dashboard.hideLoadingMsg();
$(page).trigger('itemsreloaded');
});
}
@ -98,18 +149,11 @@
}).on('pageshow', "#songsPage", function () {
// Reset form values using the last used query
$('.radioSortBy', this).each(function () {
updateFilterControls(this);
this.checked = query.SortBy == this.getAttribute('data-sortby');
}).on('itemsreloaded', "#songsPage", function () {
}).checkboxradio('refresh');
$('.radioSortOrder', this).each(function () {
this.checked = query.SortOrder == this.getAttribute('data-sortorder');
}).checkboxradio('refresh');
updateFilterControls(this);
});
})(jQuery, document);