mirrors/ympd
1
0
Fork 0
mirror of https://github.com/SuperBFG7/ympd synced 2025-10-22 09:27:41 +00:00
Code Issues Releases Wiki Activity

Feat: improved layout of playback card

Browse Source
This commit is contained in:
jcorporation
2018-08-18 15:23:02 +02:00
parent f78a9c8fef
commit 6d1f0437b3
3 changed files with 48 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
htdocs/js/mpd.js
View File

@@ -69,7 +69,7 @@ domCache.counter = document.getElementById('counter');
domCache.volumePrct = document.getElementById('volumePrct');
domCache.volumeControl = document.getElementById('volumeControl');
domCache.volumeIcon = document.getElementById('volumeIcon');
domCache.btnPlay = document.getElementById('btnPlay');
domCache.btnsPlay = document.querySelectorAll('.btnPlay');
domCache.btnPrev = document.getElementById('btnPrev');
domCache.btnNext = document.getElementById('btnNext');
domCache.progressBar = document.getElementById('progressBar');
@@ -876,13 +876,16 @@ function parseState(obj) {
//Set playstate
if (obj.data.state == 1) {
domCache.btnPlay.innerText = 'play_arrow';
for (var i = 0; i < domCache.btnsPlay.length; i++)
domCache.btnsPlay[i].innerText = 'play_arrow';
playstate = 'stop';
} else if (obj.data.state == 2) {
domCache.btnPlay.innerText = 'pause';
for (var i = 0; i < domCache.btnsPlay.length; i++)
domCache.btnsPlay[i].innerText = 'pause';
playstate = 'play';
} else {
domCache.btnPlay.innerText = 'play_arrow';
for (var i = 0; i < domCache.btnsPlay.length; i++)
domCache.btnsPlay[i].innerText = 'play_arrow';
playstate = 'pause';
}
@@ -897,9 +900,11 @@ function parseState(obj) {
domCache.btnPrev.removeAttribute('disabled');
if (obj.data.queueLength == 0)
domCache.btnPlay.setAttribute('disabled','disabled');
for (var i = 0; i < domCache.btnsPlay.length; i++)
domCache.btnsPlay[i].setAttribute('disabled','disabled');
else
domCache.btnPlay.removeAttribute('disabled');
for (var i = 0; i < domCache.btnsPlay.length; i++)
domCache.btnsPlay[i].removeAttribute('disabled');
//Set volume
if (obj.data.volume == -1) {