Only make manual import cells clickable when previous steps have been done

src/UI/ManualImport/Cells/EpisodesCell.js

@@ -4,7 +4,7 @@ var NzbDroneCell = require('../../Cells/NzbDroneCell');
 var SelectEpisodeLayout = require('../Episode/SelectEpisodeLayout');
 
 module.exports = NzbDroneCell.extend({
-    className : 'episodes-cell editable',
+    className : 'episodes-cell',
 
     events : {
         'click' : '_onClick'

src/UI/ManualImport/Cells/SeasonCell.js

@@ -3,7 +3,7 @@ var NzbDroneCell = require('../../Cells/NzbDroneCell');
 var SelectSeasonLayout = require('../Season/SelectSeasonLayout');
 
 module.exports = NzbDroneCell.extend({
-    className : 'season-cell editable',
+    className : 'season-cell',
 
     events : {
         'click' : '_onClick'

src/UI/ManualImport/ManualImportRow.js

@@ -10,11 +10,13 @@ module.exports = Backgrid.Row.extend({
         this._originalInit.apply(this, arguments);
 
         this.listenTo(this.model, 'change', this._setError);
+        this.listenTo(this.model, 'change', this._setClasses);
     },
 
     render : function () {
         this._originalRender.apply(this, arguments);
         this._setError();
+        this._setClasses();
 
         return this;
     },
@@ -30,5 +32,10 @@ module.exports = Backgrid.Row.extend({
         else {
             this.$el.addClass('manual-import-error');
         }
+    },
+
+    _setClasses : function () {
+        this.$el.toggleClass('has-series', this.model.has('series'));
+        this.$el.toggleClass('has-season', this.model.has('seasonNumber'));
     }
 });

src/UI/ManualImport/manualimport.less

@@ -11,6 +11,18 @@
     min-width : 80px;
   }
 
+  .has-series {
+    .season-cell {
+      .clickable();
+    }
+  }
+
+  .has-season {
+    .episodes-cell {
+      .clickable();
+    }
+  }
+
   .editable {
     .clickable();