andpp/mopidy-musicbox-webclient
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Change play/pause control text with play state

Browse Source
This commit is contained in:
kingosticks 2015-03-04 21:41:52 +00:00
parent 941fac19e8
commit aa524c8039
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
mopidy_musicbox_webclient/static/index.html
View File

@ -433,7 +433,7 @@
</div>
<div id="controldiv" class="playPausebtn">
<a href="#" onclick="doPlay(); return false"><span id="btplay"><img src="images/icons/pause_32x32.png"
alt="Play" id="playimg"/></span></a>
alt="Play" id="playimg" title="Play"/></span></a>
</div>
</div>
<div data-role="footer" data-tap-toggle="false" data-position="fixed" id="nowPlayingFooter">
@ -447,9 +447,9 @@
</p>
<div class="nowPlayingControls" style="float:left; margin-left: 5px;">
<a href="#" onclick="doPrevious(); return false" title="Previous"><span id="btprev"><i class="fa fa-fast-backward"></i></span></a>
&nbsp; <a href="#" onclick="doPlay(); return false" title="Play"><span id="btplayNowPlaying"><i class="fa fa-play"></i></span></a>
&nbsp; <a href="#" onclick="doNext(); return false" title="Next"><span id="btnext"><i class="fa fa-fast-forward"></i></span></a>
<a href="#" onclick="doPrevious(); return false"><span id="btprev" title="Previous"><i class="fa fa-fast-backward"></i></span></a>
&nbsp; <a href="#" onclick="doPlay(); return false"><span id="btplayNowPlaying" title="Play"><i class="fa fa-play"></i></span></a>
&nbsp; <a href="#" onclick="doNext(); return false"><span id="btnext" title="Next"><i class="fa fa-fast-forward"></i></span></a>
</div>
</div>
<!-- /footer -->

4
mopidy_musicbox_webclient/static/js/controls.js vendored
View File

@ -262,10 +262,14 @@ function doShuffle() {
function setPlayState(nwplay) {
if (nwplay) {
$("#playimg").attr('src', 'images/icons/pause_32x32.png');
$("#playimg").attr('title', 'Pause');
$("#btplayNowPlaying >i").removeClass('fa-play').addClass('fa-pause');
$("#btplayNowPlaying").attr('title', 'Pause');
} else {
$("#playimg").attr('src', 'images/icons/play_alt_32x32.png');
$("#playimg").attr('title', 'Play');
$("#btplayNowPlaying >i").removeClass('fa-pause').addClass('fa-play');
$("#btplayNowPlaying").attr('title', 'Play');
}
play = nwplay;
}