New: Show download protocol in Queue

src/UI/Activity/Queue/QueueActionsCell.js

@@ -16,6 +16,10 @@ define(
                 'click .x-grab'   : '_grab'
             },
 
+            ui: {
+                'import' : '.x-import'
+            },
+
             render: function () {
                 this.$el.empty();
 
@@ -69,6 +73,8 @@ define(
                     data: JSON.stringify(this.model.toJSON())
                 });
 
+                $(this.ui.import).spinForPromise(promise);
+
                 promise.success(function () {
                     //find models that have the same series id and episode ids and remove them
                     self.model.trigger('destroy', self.model);

src/UI/Activity/Queue/QueueLayout.js

@@ -12,6 +12,7 @@ define(
         'Activity/Queue/QueueActionsCell',
         'Activity/Queue/TimeleftCell',
         'Activity/Queue/ProgressCell',
+        'Release/ProtocolCell',
         'Shared/Grid/Pager'
     ], function (Marionette,
                  Backgrid,
@@ -24,6 +25,7 @@ define(
                  QueueActionsCell,
                  TimeleftCell,
                  ProgressCell,
+                 ProtocolCell,
                  GridPager) {
         return Marionette.Layout.extend({
             template: 'Activity/Queue/QueueLayoutTemplate',
@@ -65,6 +67,11 @@ define(
                         cell      : QualityCell,
                         sortable  : false
                     },
+                    {
+                        name      : 'protocol',
+                        label     : 'Protocol',
+                        cell      : ProtocolCell
+                    },
                     {
                         name      : 'timeleft',
                         label     : 'Timeleft',

src/UI/Activity/Queue/QueueLayoutTemplate.hbs

@@ -1,6 +1,6 @@
-<div class="row">
+<div class="row">
     <div class="col-md-12 table-responsive">
-        <div id="x-queue"/>
+        <div id="x-queue" class="queue"/>
     </div>
 </div>