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

update now playing screen

This commit is contained in:
Luke Pulverenti 2017-01-18 08:33:18 -05:00
parent 3ead8a75b4
commit ad285bf734
20 changed files with 265 additions and 119 deletions

View file

@ -451,7 +451,7 @@
function getPlaylistItems(player) {
return Promise.resolve(playbackManager.playlist(player));
return playbackManager.getPlaylist(player);
return ApiClient.getItems(Dashboard.getCurrentUserId(), {
@ -487,7 +487,8 @@
icon: '',
title: globalize.translate('ButtonRemove'),
id: 'remove'
}]
}],
dragHandle: true
});
playlistNeedsRefresh = false;
@ -496,13 +497,12 @@
itemsContainer.innerHTML = html;
var index = playbackManager.getCurrentPlaylistIndex(player);
var playlistItemId = playbackManager.getCurrentPlaylistItemId(player);
if (index != -1) {
if (playlistItemId) {
var item = itemsContainer.querySelectorAll('.listItem')[index];
if (item) {
var img = item.querySelector('.listItemImage');
var img = itemsContainer.querySelector('.listItem[data-playlistItemId="' + playlistItemId + '"] .listItemImage');
if (img) {
img.classList.remove('lazy');
img.classList.add('playlistIndexIndicatorImage');
@ -531,7 +531,7 @@
}
function onPlaylistUpdate(e) {
var player = this;
playbackManager.getPlayerState(player).then(function (state) {
@ -598,6 +598,7 @@
events.off(player, 'statechange', onPlaybackStart);
events.off(player, 'repeatmodechange', onRepeatModeChange);
events.off(player, 'playlistitemremove', onPlaylistUpdate);
events.off(player, 'playlistitemmove', onPlaylistUpdate);
events.off(player, 'playbackstop', onPlaybackStopped);
events.off(player, 'volumechange', onVolumeChanged);
events.off(player, 'pause', onPlayPauseStateChanged);
@ -627,6 +628,7 @@
events.on(player, 'statechange', onPlaybackStart);
events.on(player, 'repeatmodechange', onRepeatModeChange);
events.on(player, 'playlistitemremove', onPlaylistUpdate);
events.on(player, 'playlistitemmove', onPlaylistUpdate);
events.on(player, 'playbackstop', onPlaybackStopped);
events.on(player, 'volumechange', onVolumeChanged);
events.on(player, 'pause', onPlayPauseStateChanged);
@ -768,10 +770,22 @@
playbackManager.toggleMute(currentPlayer);
});
context.querySelector('.playlist').addEventListener('action-remove', function (e) {
playbackManager.removeFromPlaylist(e.detail.index, currentPlayer);
var playlistContainer = context.querySelector('.playlist');
playlistContainer.addEventListener('action-remove', function (e) {
playbackManager.removeFromPlaylist([e.detail.playlistItemId], currentPlayer);
});
playlistContainer.addEventListener('itemdrop', function (e) {
var newIndex = e.detail.newIndex;
var playlistItemId = e.detail.playlistItemId;
playbackManager.movePlaylistItem(playlistItemId, newIndex, currentPlayer);
});
playlistContainer.enableDragReordering(true);
}
function onPlayerChange() {