Include video ID in the progress bar to prevent false clears

www/js/callbacks.js

@@ -25,7 +25,7 @@ Callbacks = {
             .text("Connected")
             .appendTo($("#messagebuffer"));
         scrollChat();
-        stopQueueSpinner();
+        stopQueueSpinner(null);
     },
 
     disconnect: function() {
@@ -724,7 +724,7 @@ Callbacks = {
 
     queue: function(data) {
         PL_ACTION_QUEUE.queue(function (plq) {
-            stopQueueSpinner();
+            stopQueueSpinner(data.item.media.id);
             var li = makeQueueEntry(data.item, true);
             if (data.item.uid === PL_CURRENT)
                 li.addClass("queue_active");
@@ -762,7 +762,9 @@ Callbacks = {
     },
 
     queueFail: function (data) {
-        stopQueueSpinner();
+        if (data.id) {
+            stopQueueSpinner(id);
+        }
         queueMessage(data, "alert-danger");
     },
 

www/js/ui.js

@@ -420,7 +420,7 @@ function queue(pos, src) {
             delete data.link;
 
             socket.emit("queue", data);
-            startQueueSpinner();
+            startQueueSpinner(data.id);
             if (emitQueue.length > 0) {
                 notification.textContent = "Waiting to queue " + emitQueue[0].link;
             } else {

www/js/util.js

@@ -3041,12 +3041,13 @@ function showChannelSettings() {
 // There is a point where this file needed to stop and we have clearly passed
 // it but let's keep going and see what happens
 
-function startQueueSpinner() {
+function startQueueSpinner(id) {
     if ($("#queueprogress").length > 0) {
         return;
     }
 
-    var progress = $("<div/>").addClass("progress").attr("id", "queueprogress");
+    var progress = $("<div/>").addClass("progress").attr("id", "queueprogress")
+            .data("queue-id", id);
     var progressBar = $("<div/>").addClass("progress-bar progress-bar-striped active")
             .attr({
                 role: "progressbar",
@@ -3059,6 +3060,10 @@ function startQueueSpinner() {
     progress.appendTo($("#addfromurl"));
 }
 
-function stopQueueSpinner() {
-    $("#queueprogress").remove();
+function stopQueueSpinner(id) {
+    if (id && $("#queueprogress").data("queue-id") === id) {
+        $("#queueprogress").remove();
+    } else if (id === null) {
+        $("#queueprogress").remove();
+    }
 }