New: Manual Import episodes

2026-04-21 22:05:43 -04:00 · 2015-03-03 16:42:37 -08:00
parent 29ca1bc9da
commit 6dd22e7dcb
66 changed files with 1766 additions and 117 deletions
@@ -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);
+    }
+});
@@ -0,0 +1,30 @@
+<div class="modal-content">
+    <div class="manual-import-modal">
+        <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+
+            <h3>
+                Manual Import - Select Series
+            </h3>
+
+        </div>
+        <div class="modal-body">
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="form-group">
+                        <input type="text" class="form-control x-filter" placeholder="Filter series" />
+                    </div>
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col-md-12 x-series"></div>
+            </div>
+        </div>
+        <div class="modal-footer">
+            <button class="btn btn-default" data-dismiss="modal">cancel</button>
+        </div>
+    </div>
+</div>
+
+
@@ -0,0 +1,13 @@
+var Backgrid = require('backgrid');
+
+module.exports = Backgrid.Row.extend({
+    className : 'select-row select-series-row',
+
+    events : {
+        'click' : '_onClick'
+    },
+
+    _onClick : function() {
+        this.model.collection.trigger('row:selected', { model: this.model });
+    }
+});