Added season pass for toggling monitored status of seasons

Linked from missing
2025-08-14 02:37:08 -07:00 · 2013-08-05 02:09:41 -07:00 · 2013-08-05 02:09:41 -07:00 · 6ca17942f0
commit 6ca17942f0
parent 694714726c
12 changed files with 316 additions and 22 deletions
--- a/UI/SeasonPass/SeriesLayout.js
+++ b/UI/SeasonPass/SeriesLayout.js
@ -0,0 +1,117 @@
+'use strict';
+define(
+    [
+        'marionette',
+        'backgrid',
+        'Series/SeasonCollection',
+        'Cells/ToggleCell',
+        'Shared/Actioneer'
+    ], function (Marionette, Backgrid, SeasonCollection, ToggleCell, Actioneer) {
+        return Marionette.Layout.extend({
+            template: 'SeasonPass/SeriesLayoutTemplate',
+
+            ui: {
+                seasonSelect: '.x-season-select',
+                expander    : '.x-expander',
+                seasonGrid  : '.x-season-grid'
+            },
+
+            events: {
+                'change .x-season-select': '_seasonSelected',
+                'click .x-expander'        : '_expand'
+            },
+
+            regions: {
+                seasonGrid: '.x-season-grid'
+            },
+
+            columns:
+                [
+                    {
+                        name      : 'monitored',
+                        label     : '',
+                        cell      : ToggleCell,
+                        trueClass : 'icon-bookmark',
+                        falseClass: 'icon-bookmark-empty',
+                        tooltip   : 'Toggle monitored status',
+                        sortable  : false
+                    },
+                    {
+                        name : 'seasonNumber',
+                        label: 'Season',
+                        cell : Backgrid.IntegerCell.extend({
+                            className: 'season-number-cell'
+                        })
+                    }
+                ],
+
+            initialize: function (options) {
+                this.seasonCollection = options.seasonCollection.bySeries(this.model.get('id'));
+                this.model.set('seasons', this.seasonCollection);
+                this.expanded = false;
+            },
+
+            onRender: function () {
+                this.seasonGrid.show(new Backgrid.Grid({
+                    columns   : this.columns,
+                    collection: this.seasonCollection,
+                    className : 'table table-condensed season-grid span5'
+                }));
+
+                if (!this.expanded) {
+                    this.seasonGrid.$el.hide();
+                }
+
+                this._setExpanderIcon();
+            },
+
+            _seasonSelected: function () {
+                var self = this;
+                var seasonNumber = parseInt(this.ui.seasonSelect.val());
+
+                if (seasonNumber == -1) {
+                    return;
+                }
+
+                var promise = $.ajax({
+                    url: this.seasonCollection.url + '/pass',
+                    type: 'POST',
+                    data: {
+                        seriesId: this.model.get('id'),
+                        seasonNumber: seasonNumber
+                    }
+                });
+
+                promise.done(function (data) {
+                    self.seasonCollection = new SeasonCollection(data);
+                    self.render();
+                });
+            },
+
+            _expand: function () {
+                if (this.expanded) {
+                    this.ui.seasonGrid.slideUp();
+                    this.expanded = false;
+                }
+
+                else {
+                    this.ui.seasonGrid.slideDown();
+                    this.expanded = true;
+                }
+
+                this._setExpanderIcon();
+            },
+
+            _setExpanderIcon: function () {
+                if (this.expanded) {
+                    this.ui.expander.removeClass('icon-chevron-right');
+                    this.ui.expander.addClass('icon-chevron-down');
+                }
+
+                else {
+                    this.ui.expander.removeClass('icon-chevron-down');
+                    this.ui.expander.addClass('icon-chevron-right');
+                }
+            }
+        });
+    });