New: Manual Import episodes

src/UI/ManualImport/Series/SelectSeriesLayout.js

@@ -0,0 +1,92 @@
+var _ = require('underscore');
+var vent = require('vent');
+var Marionette = require('marionette');
+var Backgrid = require('backgrid');
+var SeriesCollection = require('../../Series/SeriesCollection');
+var SelectRow = require('./SelectSeriesRow');
+
+module.exports = Marionette.Layout.extend({
+    template  : 'ManualImport/Series/SelectSeriesLayoutTemplate',
+
+    regions : {
+        series : '.x-series'
+    },
+
+    ui : {
+        filter : '.x-filter'
+    },
+
+    columns : [
+        {
+            name      : 'title',
+            label     : 'Title',
+            cell      : 'String',
+            sortValue : 'sortTitle'
+        }
+    ],
+
+    initialize : function() {
+        var self = this;
+
+        this.seriesCollection = SeriesCollection.clone();
+
+        _.each(this.seriesCollection.models, function (model) {
+            model.collection = self.seriesCollection;
+        });
+
+        this.listenTo(this.seriesCollection, 'row:selected', this._onSelected);
+    },
+
+    onRender : function() {
+        this.seriesView = new Backgrid.Grid({
+            columns    : this.columns,
+            collection : this.seriesCollection,
+            className  : 'table table-hover season-grid',
+            row        : SelectRow
+        });
+
+        this.series.show(this.seriesView);
+        this._setupFilter();
+    },
+
+    _setupFilter : function () {
+        var self = this;
+
+        //TODO: This should be a mixin (same as Add Series searching)
+        this.ui.filter.keyup(function(e) {
+            if (_.contains([
+                    9,
+                    16,
+                    17,
+                    18,
+                    19,
+                    20,
+                    33,
+                    34,
+                    35,
+                    36,
+                    37,
+                    38,
+                    39,
+                    40,
+                    91,
+                    92,
+                    93
+                ], e.keyCode)) {
+                return;
+            }
+
+            self._filter(self.ui.filter.val());
+        });
+    },
+
+    _filter : function (term) {
+        this.seriesCollection.setFilter(['title', term, 'contains']);
+    },
+
+    _onSelected : function (e) {
+        this.trigger('manualimport:selected:series', { model: e.model });
+
+        vent.trigger(vent.Commands.CloseModal2Command);
+    }
+});