comparison interfaces/AB.js @ 1376:7af61d6fd41b

Bug #1567: AB.js interfaces, the playback toggle now controls both playback start and playback stop commands. Button text updated to reflect.

 				}
 				obj.parent.metric.moved(time,obj.value);
 			}
 			console.log("Selected "+id+' ('+time+')');
 		};
+        this.playback.setAttribute("playstate","ready");
 		this.playback.onclick = function(event)
 		{
 			var id = event.currentTarget.parentElement.getAttribute('track-id');
-			audioEngineContext.play(id);
+            if (event.currentTarget.getAttribute("playstate") == "ready")
+            {
+                audioEngineContext.play(id);
+            } else if (event.currentTarget.getAttribute("playstate") == "playing") {
+                audioEngineContext.stop();
+            }
+			
 		};
 		
 		this.enable = function()
 		{
 			if (this.parent.state == 1)

 			{
 				progress = String(progress);
 				progress = progress.split('.')[0];
 				this.playback.textContent = progress+'%';
 			} else {
-				this.playback.textContent = "Listen";
+				this.playback.textContent = "Play";
 			}
 		};
         this.startPlayback = function()
         {
             $('.comparitor-button').text('Listen');
-            $(this.playback).text('Playing');
+            $(this.playback).text('Stop');
+            this.playback.setAttribute("playstate","playing");
         };
         this.stopPlayback = function()
         {
             $(this.playback).text('Listen');
+            this.playback.setAttribute("playstate","ready");
         };
 		this.exportXMLDOM = function(audioObject)
 		{
 			var node = storage.document.createElement('value');
 			node.textContent = this.value;