milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

combine playlist with remote control

Browse source
This commit is contained in:
Luke Pulverenti 2015-03-18 12:56:14 -04:00
parent b73c66bd7f
commit d8f6787364
5 changed files with 90 additions and 107 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -371,6 +371,21 @@
document.title = new Date().getTime();
history.back();
});
$(page).on('click', '.lnkPlayFromIndex', function () {
var index = parseInt(this.getAttribute('data-index'));
MediaController.currentPlaylistIndex(index);
loadPlaylist(page);
}).on('click', '.lnkRemoveFromPlaylist', function () {
var index = parseInt(this.getAttribute('data-index'));
MediaController.removeFromPlaylist(index);
loadPlaylist(page);
});
}
function onPlaybackStart(e, state) {
@ -610,6 +625,63 @@
}
function loadPlaylist(page) {
var html = '';
html += '<table class="detailTable">';
html += '<thead><tr>';
html += '<th></th>';
html += '<th>' + Globalize.translate('HeaderName') + '</th>';
html += '<th>' + Globalize.translate('HeaderAlbum') + '</th>';
html += '<th>' + Globalize.translate('HeaderArtist') + '</th>';
html += '<th>' + Globalize.translate('HeaderAlbumArtist') + '</th>';
html += '<th>' + Globalize.translate('HeaderTime') + '</th>';
html += '</tr></thead>';
html += '<tbody>';
$.each(MediaController.playlist(), function (i, item) {
var name = LibraryBrowser.getPosterViewDisplayName(item);
var parentName = item.SeriesName || item.Album;
html += '<tr>';
html += '<td><button type="button" data-index="' + i + '" class="lnkPlayFromIndex" data-icon="play" data-iconpos="notext">' + Globalize.translate('ButtonPlay') + '</button></td>';
html += '<td>';
html += '<a href="itemdetails.html?id=' + item.Id + '">' + name + '</a>';
html += '</td>';
html += '<td>';
if (parentName) {
var parentId = item.AlbumId || item.SeriesId || item.ParentId;
html += '<a href="itemdetails.html?id=' + parentId + '">' + parentName + '</a>';
}
html += '</td>';
html += '<td>';
html += LibraryBrowser.getArtistLinksHtml(item.ArtistItems || []);
html += '</td>';
html += '<td>';
if (item.AlbumArtist) {
html += LibraryBrowser.getArtistLinksHtml(item.AlbumArtists || []);
}
html += '</td>';
html += '<td>' + Dashboard.getDisplayTime(item.RunTimeTicks) + '</td>';
html += '<td><button type="button" data-index="' + i + '" class="lnkRemoveFromIndex" data-icon="delete" data-iconpos="notext">' + Globalize.translate('ButtonRemove') + '</button></td>';
html += '</tr>';
});
html += '</tbody>';
html += '</table>';
$(".playlist", page).html(html).trigger('create');
}
$(document).on('pageinit', "#nowPlayingPage", function () {
var page = this;
@ -620,7 +692,12 @@
var page = this;
$('.tabButton:first', page).trigger('click');
var tab = getParameterByName('tab');
if (tab) {
$('.tabButton' + tab, page).trigger('click');
} else {
$('.tabButton:first', page).trigger('click');
}
$(function () {
@ -633,8 +710,8 @@
});
showIntro();
loadPlaylist(page);
}).on('pagehide', "#nowPlayingPage", function () {