From aa524c8039c27b7b2f2e7be56045484ba9108ee6 Mon Sep 17 00:00:00 2001
From: kingosticks <kingosticks@gmail.com>
Date: Wed, 4 Mar 2015 21:41:52 +0000
Subject: [PATCH] Change play/pause control text with play state

---
 mopidy_musicbox_webclient/static/index.html     | 8 ++++----
 mopidy_musicbox_webclient/static/js/controls.js | 4 ++++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/mopidy_musicbox_webclient/static/index.html b/mopidy_musicbox_webclient/static/index.html
index 123b148..2a9a02f 100644
--- a/mopidy_musicbox_webclient/static/index.html
+++ b/mopidy_musicbox_webclient/static/index.html
@@ -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 -->
diff --git a/mopidy_musicbox_webclient/static/js/controls.js b/mopidy_musicbox_webclient/static/js/controls.js
index 407ef92..07a324d 100644
--- a/mopidy_musicbox_webclient/static/js/controls.js
+++ b/mopidy_musicbox_webclient/static/js/controls.js
@@ -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;
 }