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

Fix not usable buttons in desktop layout

Browse source
This commit is contained in:
ferferga 2020-06-22 17:55:28 +02:00
parent f6a9f4679a
commit dba995c5f0
1 changed files with 30 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

53
src/components/remotecontrol/remotecontrol.js
View file

@ -354,17 +354,19 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
function updateRepeatModeDisplay(repeatMode) { function updateRepeatModeDisplay(repeatMode) {
var context = dlg; var context = dlg;
var toggleRepeatButton = context.querySelector('.repeatToggleButton'); let toggleRepeatButtons = context.querySelectorAll('.repeatToggleButton');
if ('RepeatAll' == repeatMode) { for (let toggleRepeatButton of toggleRepeatButtons) {
toggleRepeatButton.innerHTML = "<span class='material-icons repeat'></span>"; if ('RepeatAll' == repeatMode) {
toggleRepeatButton.classList.add('repeatButton-active'); toggleRepeatButton.innerHTML = "<span class='material-icons repeat'></span>";
} else if ('RepeatOne' == repeatMode) { toggleRepeatButton.classList.add('repeatButton-active');
toggleRepeatButton.innerHTML = "<span class='material-icons repeat_one'></span>"; } else if ('RepeatOne' == repeatMode) {
toggleRepeatButton.classList.add('repeatButton-active'); toggleRepeatButton.innerHTML = "<span class='material-icons repeat_one'></span>";
} else { toggleRepeatButton.classList.add('repeatButton-active');
toggleRepeatButton.innerHTML = "<span class='material-icons repeat'></span>"; } else {
toggleRepeatButton.classList.remove('repeatButton-active'); toggleRepeatButton.innerHTML = "<span class='material-icons repeat'></span>";
toggleRepeatButton.classList.remove('repeatButton-active');
}
} }
} }
@ -511,11 +513,14 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
function onShuffleQueueModeChange() { function onShuffleQueueModeChange() {
let shuffleMode = playbackManager.getQueueShuffleMode(this); let shuffleMode = playbackManager.getQueueShuffleMode(this);
let context = dlg; let context = dlg;
let shuffleButton = context.querySelector('.btnShuffleQueue'); let shuffleButtons = context.querySelectorAll('.btnShuffleQueue');
if ('Sorted' === shuffleMode) {
shuffleButton.classList.remove('shuffleQueue-active'); for (let shuffleButton of shuffleButtons) {
} else if ('Shuffle' === shuffleMode) { if ('Sorted' === shuffleMode) {
shuffleButton.classList.add('shuffleQueue-active'); shuffleButton.classList.remove('shuffleQueue-active');
} else if ('Shuffle' === shuffleMode) {
shuffleButton.classList.add('shuffleQueue-active');
}
} }
onPlaylistUpdate(); onPlaylistUpdate();
} }
@ -703,15 +708,17 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
playbackManager.fastForward(currentPlayer); playbackManager.fastForward(currentPlayer);
} }
}); });
context.querySelector('.btnShuffleQueue').addEventListener('click', function () { for (let shuffleButton of context.querySelectorAll('.btnShuffleQueue')) {
if (currentPlayer) { shuffleButton.addEventListener('click', function () {
if (playbackManager.getQueueShuffleMode(currentPlayer) === 'Sorted') { if (currentPlayer) {
playbackManager.setQueueShuffleMode('Shuffle', currentPlayer); if (playbackManager.getQueueShuffleMode(currentPlayer) === 'Sorted') {
} else { playbackManager.setQueueShuffleMode('Shuffle', currentPlayer);
playbackManager.setQueueShuffleMode('Sorted', currentPlayer); } else {
playbackManager.setQueueShuffleMode('Sorted', currentPlayer);
}
} }
} });
}); }
context.querySelector('.btnPreviousTrack').addEventListener('click', function (e) { context.querySelector('.btnPreviousTrack').addEventListener('click', function (e) {
if (currentPlayer) { if (currentPlayer) {