New: Manual Import episodes

2026-04-24 22:55:21 -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,81 @@
+var _ = require('underscore');
+var vent = require('vent');
+var Marionette = require('marionette');
+var Backgrid = require('backgrid');
+var EpisodeCollection = require('../../Series/EpisodeCollection');
+var LoadingView = require('../../Shared/LoadingView');
+var SelectAllCell = require('../../Cells/SelectAllCell');
+var EpisodeNumberCell = require('../../Series/Details/EpisodeNumberCell');
+var RelativeDateCell = require('../../Cells/RelativeDateCell');
+var SelectEpisodeRow = require('./SelectEpisodeRow');
+
+module.exports = Marionette.Layout.extend({
+    template  : 'ManualImport/Episode/SelectEpisodeLayoutTemplate',
+
+    regions : {
+        episodes : '.x-episodes'
+    },
+
+    events : {
+        'click .x-select' : '_selectEpisodes'
+    },
+
+    columns : [
+        {
+            name       : '',
+            cell       : SelectAllCell,
+            headerCell : 'select-all',
+            sortable   : false
+        },
+        {
+            name  : 'episodeNumber',
+            label : '#',
+            cell  : EpisodeNumberCell
+        },
+        {
+            name           : 'title',
+            label          : 'Title',
+            hideSeriesLink : true,
+            cell           : 'string',
+            sortable       : false
+        },
+        {
+            name  : 'airDateUtc',
+            label : 'Air Date',
+            cell  : RelativeDateCell
+        }
+    ],
+
+    initialize : function(options) {
+        this.series = options.series;
+        this.seasonNumber = options.seasonNumber;
+    },
+
+    onRender : function() {
+        this.episodes.show(new LoadingView());
+
+        this.episodeCollection = new EpisodeCollection({ seriesId : this.series.id });
+        this.episodeCollection.fetch();
+
+        this.listenToOnce(this.episodeCollection, 'sync', function () {
+
+            this.episodeView = new Backgrid.Grid({
+                columns    : this.columns,
+                collection : this.episodeCollection.bySeason(this.seasonNumber),
+                className  : 'table table-hover season-grid',
+                row        : SelectEpisodeRow
+            });
+
+            this.episodes.show(this.episodeView);
+        });
+    },
+
+    _selectEpisodes : function () {
+        var episodes = _.map(this.episodeView.getSelectedModels(), function (episode) {
+            return episode.toJSON();
+        });
+
+        this.trigger('manualimport:selected:episodes', { episodes: episodes });
+        vent.trigger(vent.Commands.CloseModal2Command);
+    }
+});
@@ -0,0 +1,21 @@
+<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 Episode(s)
+            </h3>
+
+        </div>
+        <div class="modal-body">
+            <div class="row">
+                <div class="col-md-12 x-episodes"></div>
+            </div>
+        </div>
+        <div class="modal-footer">
+            <button class="btn btn-default" data-dismiss="modal">cancel</button>
+            <button class="btn btn-success x-select" data-dismiss="modal">select episodes</button>
+        </div>
+    </div>
+</div>
@@ -0,0 +1,20 @@
+var Backgrid = require('backgrid');
+
+module.exports = Backgrid.Row.extend({
+    className : 'select-episode-row',
+
+    events : {
+        'click' : '_toggle'
+    },
+
+    _toggle : function(e) {
+
+        if (e.target.type === 'checkbox') {
+            return;
+        }
+
+        var checked = this.$el.find('.select-row-cell :checkbox').prop('checked');
+
+        this.model.trigger('backgrid:select', this.model, !checked);
+    }
+});