Added spinner to add series buttons

UI/AddSeries/Existing/ImportSeriesView.js

@@ -10,7 +10,8 @@ define([
         template: 'AddSeries/SearchResultTemplate',
 
         ui: {
-            qualityProfile: '.x-quality-profile'
+            qualityProfile: '.x-quality-profile',
+            addButton     : '.x-add'
         },
 
         events: {
@@ -22,6 +23,8 @@ define([
         },
 
         addSeries: function () {
+            var icon = this.ui.addButton.find('icon');
+            icon.removeClass('icon-plus').addClass('icon-spin icon-spinner disabled');
 
             var self = this;
 
@@ -35,6 +38,7 @@ define([
 
             this.model.save(undefined, {
                 success: function () {
+                    icon.removeClass('icon-spin icon-spinner disabled').addClass('icon-search');
                     NzbDrone.Shared.Messenger.show({
                         message: 'Added: ' + self.model.get('title')
                     });
@@ -42,6 +46,9 @@ define([
                     NzbDrone.vent.trigger(NzbDrone.Events.SeriesAdded, { existing: true, series: self.model });
                     self.trigger('seriesAdded');
                     self.close();
+                },
+                fail: function () {
+                    icon.removeClass('icon-spin icon-spinner disabled').addClass('icon-search');
                 }
             });
         }

UI/AddSeries/Existing/UnmappedFolderCompositeViewTemplate.html

@@ -7,7 +7,7 @@
             </div>
 
             <div class="btn btn-primary x-btn-search pull-right">
-                <icon class="icon-search "></icon>
+                <icon class="icon-search"></icon>
             </div>
         </div>
     </div>

UI/AddSeries/New/SearchResultView.js

@@ -20,6 +20,8 @@ define(['app', 'Series/SeriesCollection'], function (app) {
         },
 
         addSeries: function () {
+            var icon = this.ui.addButton.find('icon');
+            icon.removeClass('icon-plus').addClass('icon-spin icon-spinner disabled');
 
             var quality = this.ui.qualityProfile.val();
             var rootFolderId = this.ui.rootFolder.val();
@@ -32,11 +34,15 @@ define(['app', 'Series/SeriesCollection'], function (app) {
             this.model.save(undefined, {
                 url    : NzbDrone.Series.SeriesCollection.prototype.url,
                 success: function () {
+                    icon.removeClass('icon-spin icon-spinner disabled').addClass('icon-search');
                     NzbDrone.Shared.Messenger.show({
                         message: 'Added: ' + self.model.get('title')
                     });
 
                     NzbDrone.vent.trigger(NzbDrone.Events.SeriesAdded, { existing: false, series: self.model });
+                },
+                fail: function () {
+                    icon.removeClass('icon-spin icon-spinner disabled').addClass('icon-search');
                 }
             });
         }

UI/AddSeries/SearchResultTemplate.html

@@ -21,7 +21,9 @@
                     {{/each}}
                 </select>
 
-                <div class="btn btn-success icon-plus x-add pull-right"/>
+                <div class="btn btn-success x-add pull-right">
+                    <icon class="icon-plus"></icon>
+                </div>
             </div>
             <div class="row">
                 <h2>{{title}}</h2>