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

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

@ -354,8 +354,9 @@ 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');
for (let toggleRepeatButton of toggleRepeatButtons) {
if ('RepeatAll' == repeatMode) { if ('RepeatAll' == repeatMode) {
toggleRepeatButton.innerHTML = "<span class='material-icons repeat'></span>"; toggleRepeatButton.innerHTML = "<span class='material-icons repeat'></span>";
toggleRepeatButton.classList.add('repeatButton-active'); toggleRepeatButton.classList.add('repeatButton-active');
@ -367,6 +368,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
toggleRepeatButton.classList.remove('repeatButton-active'); toggleRepeatButton.classList.remove('repeatButton-active');
} }
} }
}
function updatePlayerVolumeState(context, isMuted, volumeLevel) { function updatePlayerVolumeState(context, isMuted, volumeLevel) {
var view = context; var view = context;
@ -511,12 +513,15 @@ 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');
for (let shuffleButton of shuffleButtons) {
if ('Sorted' === shuffleMode) { if ('Sorted' === shuffleMode) {
shuffleButton.classList.remove('shuffleQueue-active'); shuffleButton.classList.remove('shuffleQueue-active');
} else if ('Shuffle' === shuffleMode) { } else if ('Shuffle' === shuffleMode) {
shuffleButton.classList.add('shuffleQueue-active'); shuffleButton.classList.add('shuffleQueue-active');
} }
}
onPlaylistUpdate(); onPlaylistUpdate();
} }
@ -703,7 +708,8 @@ 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')) {
shuffleButton.addEventListener('click', function () {
if (currentPlayer) { if (currentPlayer) {
if (playbackManager.getQueueShuffleMode(currentPlayer) === 'Sorted') { if (playbackManager.getQueueShuffleMode(currentPlayer) === 'Sorted') {
playbackManager.setQueueShuffleMode('Shuffle', currentPlayer); playbackManager.setQueueShuffleMode('Shuffle', currentPlayer);
@ -712,6 +718,7 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
} }
} }
}); });
}
context.querySelector('.btnPreviousTrack').addEventListener('click', function (e) { context.querySelector('.btnPreviousTrack').addEventListener('click', function (e) {
if (currentPlayer) { if (currentPlayer) {