fixes #5971 better indication of current state of real time widget. Always display either play or pause icon but not both at the same time

4 files changed, 8 insertions, 12 deletions

diff --git a/plugins/Live/images/pause_disabled.gif b/plugins/Live/images/pause_disabled.gif
deleted file mode 100644
index dc62608e13..0000000000
--- a/plugins/Live/images/pause_disabled.gif
+++ /dev/null
diff --git a/plugins/Live/images/play_disabled.gif b/plugins/Live/images/play_disabled.gif
deleted file mode 100644
index 325147c244..0000000000
--- a/plugins/Live/images/play_disabled.gif
+++ /dev/null
diff --git a/plugins/Live/javascripts/live.js b/plugins/Live/javascripts/live.js
index dfda0f468a..59913b8b02 100644
--- a/plugins/Live/javascripts/live.js
+++ b/plugins/Live/javascripts/live.js
@@ -270,17 +270,13 @@ $(function() {
     };
 });
 
-var pauseImage = "plugins/Live/images/pause.gif";
-var pauseDisabledImage = "plugins/Live/images/pause_disabled.gif";
-var playImage = "plugins/Live/images/play.gif";
-var playDisabledImage = "plugins/Live/images/play_disabled.gif";
 function onClickPause() {
-    $('#pauseImage').attr('src', pauseImage);
-    $('#playImage').attr('src', playDisabledImage);
+    $('#pauseImage').hide();
+    $('#playImage').show();
     return $('#visitsLive').liveWidget('stop');
 }
 function onClickPlay() {
-    $('#playImage').attr('src', playImage);
-    $('#pauseImage').attr('src', pauseDisabledImage);
+    $('#playImage').hide();
+    $('#pauseImage').show();
     return $('#visitsLive').liveWidget('start');
 }
diff --git a/plugins/Live/templates/index.twig b/plugins/Live/templates/index.twig
index 489ef26682..3d51b19256 100644
--- a/plugins/Live/templates/index.twig
+++ b/plugins/Live/templates/index.twig
@@ -35,11 +35,11 @@
 
 {% spaceless %}
 <div class="visitsLiveFooter">
-    <a title="Pause Live!" href="javascript:void(0);" onclick="onClickPause();">
-        <img id="pauseImage" border="0" src="plugins/Live/images/pause_disabled.gif" />
+    <a title="Start Live!" href="javascript:void(0);" onclick="onClickPause();">
+        <img id="pauseImage" border="0" src="plugins/Live/images/pause.gif" />
     </a>
-    <a title="Start Live!" href="javascript:void(0);" onclick="onClickPlay();">
-        <img id="playImage" border="0" src="plugins/Live/images/play.gif" />
+    <a title="Pause Live!" href="javascript:void(0);" onclick="onClickPlay();">
+        <img id="playImage" style="display: none;" border="0" src="plugins/Live/images/play.gif" />
     </a>
     {% if not disableLink %}
         &nbsp;