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

audio page progress

Browse source
This commit is contained in:
Luke Pulverenti 2013-04-22 23:56:11 -04:00
parent d775c77482
commit 03a19ef190
11 changed files with 277 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

14
dashboard-ui/scripts/Itemdetailpage.js
View file

@ -127,10 +127,18 @@
function setInitialCollapsibleState(page, item) {
if (item.ChildCount) {
if (item.ChildCount && item.Type == "MusicAlbum") {
$('#itemSongs', page).show();
$('#childrenCollapsible', page).hide();
renderChildren(page, item);
}
else if (item.ChildCount) {
$('#itemSongs', page).hide();
$('#childrenCollapsible', page).show();
renderChildren(page, item);
} else {
}
else {
$('#itemSongs', page).hide();
$('#childrenCollapsible', page).hide();
}
if (LibraryBrowser.shouldDisplayGallery(item)) {
@ -212,7 +220,7 @@
if (item.Type == "MusicAlbum") {
$('#childrenContent', page).html(LibraryBrowser.getSongTableHtml(result.Items)).trigger('create');
$('#itemSongs', page).html(LibraryBrowser.getSongTableHtml(result.Items)).trigger('create');
} else {
var html = LibraryBrowser.getPosterDetailViewHtml({

46
dashboard-ui/scripts/librarybrowser.js
View file

@ -162,19 +162,36 @@
return html;
},
getSongTableHtml: function (items) {
getSongTableHtml: function (items, options) {
options = options || {};
var html = '';
html += '<table class="detailTable">';
var cssClass = options.center ? "centeredDetailTable detailTable" : "detailTable";
if (options.strech) {
cssClass += " stretchedDetailTable";
}
html += '<table class="' + cssClass + '">';
html += '<tr>';
html += '<th></th>';
html += '<th>Track</th>';
if (options.showAlbum) {
html += '<th>Album</th>';
}
if (options.showArtist) {
html += '<th>Artists</th>';
}
html += '<th>Duration</th>';
html += '<th>Play Count</th>';
html += '<th></th>';
html += '<th class="userDataCell"></th>';
html += '</tr>';
@ -193,13 +210,21 @@
html += '<td><a href="' + LibraryBrowser.getHref(item) + '">' + (item.Name || "") + '</a></td>';
if (options.showAlbum) {
html += '<td><a href="itemdetails.html?id=' + item.ParentId + '">' + item.Album + '</a></td>';
}
if (options.showArtist) {
html += '<td>' + item.Artist + '</td>';
}
var time = DashboardPage.getDisplayText(item.RunTimeTicks || 0);
html += '<td>' + time + '</td>';
html += '<td>' + (item.UserData ? item.UserData.PlayCount : 0) + '</td>';
html += '<td>' + LibraryBrowser.getUserDataIconsHtml(item) + '</td>';
html += '<td class="userDataCell">' + LibraryBrowser.getUserDataIconsHtml(item) + '</td>';
html += '</tr>';
}
@ -540,8 +565,15 @@
else if (item.Type == "Person")
links.push('<a class="ui-link" href="http://www.tv.com/people/' + providerIds.Tvcom + '" target="_blank">TV.com</a>');
}
if (providerIds.Musicbrainz)
links.push('<a class="ui-link" href="http://musicbrainz.org/release/' + providerIds.Musicbrainz + '" target="_blank">MusicBrainz</a>');
if (providerIds.Musicbrainz) {
if (item.Type == "MusicArtist" || item.Type == "Artist") {
links.push('<a class="ui-link" href="http://musicbrainz.org/artist/' + providerIds.Musicbrainz + '" target="_blank">MusicBrainz</a>');
} else {
links.push('<a class="ui-link" href="http://musicbrainz.org/release/' + providerIds.Musicbrainz + '" target="_blank">MusicBrainz</a>');
}
}
if (providerIds.Gamesdb)
links.push('<a class="ui-link" href="http://www.games-db.com/Game/' + providerIds.Gamesdb + '" target="_blank">GamesDB</a>');
@ -996,12 +1028,10 @@
else if (item.MediaType == "Audio" || item.Type == "MusicAlbum") {
url = "css/images/items/detail/audio.png";
useBackgroundColor = true;
maxwidth = 150;
}
else if (item.MediaType == "Game") {
url = "css/images/items/detail/game.png";
useBackgroundColor = true;
maxwidth = 150;
}
else if (item.Type == "Person") {
url = "css/images/items/detail/person.png";

108
dashboard-ui/scripts/songs.js Normal file
View file

@ -0,0 +1,108 @@
(function ($, document) {
// The base query options
var query = {
SortBy: "Artist,Album,SortName",
SortOrder: "Ascending",
IncludeItemTypes: "Audio",
Recursive: true,
Fields: "PrimaryImageAspectRatio,ItemCounts,DateCreated,UserData,AudioInfo,ParentId",
Limit: 200,
StartIndex: 0
};
function reloadItems(page) {
Dashboard.showLoadingMsg();
ApiClient.getItems(Dashboard.getCurrentUserId(), query).done(function (result) {
var html = '';
$('.listTopPaging', page).html(LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true)).trigger('create');
html += LibraryBrowser.getSongTableHtml(result.Items, {
showAlbum: true,
showArtist: true,
center: true,
strech: true
});
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
$('#items', page).html(html).trigger('create');
$('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page);
});
$('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit;
reloadItems(page);
});
$('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit;
reloadItems(page);
});
Dashboard.hideLoadingMsg();
});
}
$(document).on('pageinit', "#songsPage", function () {
var page = this;
$('.radioSortBy', this).on('click', function () {
query.SortBy = this.getAttribute('data-sortby');
query.StartIndex = 0;
reloadItems(page);
});
$('.radioSortOrder', this).on('click', function () {
query.SortOrder = this.getAttribute('data-sortorder');
query.StartIndex = 0;
reloadItems(page);
});
$('.chkStandardFilter', this).on('change', function () {
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(page);
});
}).on('pagebeforeshow', "#songsPage", function () {
reloadItems(this);
}).on('pageshow', "#songsPage", function () {
// Reset form values using the last used query
$('.radioSortBy', this).each(function () {
this.checked = query.SortBy == this.getAttribute('data-sortby');
}).checkboxradio('refresh');
$('.radioSortOrder', this).each(function () {
this.checked = query.SortOrder == this.getAttribute('data-sortorder');
}).checkboxradio('refresh');
});
})(jQuery, document);