UI Cleanup - Updated Settings subtree.

2026-04-25 22:37:27 -04:00 · 2015-02-14 00:37:11 +01:00
parent b69ea349ce
commit 019525dd9d
72 changed files with 1458 additions and 1039 deletions
@@ -1,4 +1,4 @@
-var _ = require('underscore');
+var _ = require('underscore');
 var vent = require('vent');
 var AppLayout = require('../../../AppLayout');
 var Marionette = require('marionette');
@@ -11,85 +11,107 @@ var SeriesCollection = require('../../../Series/SeriesCollection');
 var Config = require('../../../Config');
 var AsEditModalView = require('../../../Mixins/AsEditModalView');

-module.exports = (function(){
-    var view = Marionette.Layout.extend({
-        template             : 'Settings/Profile/Edit/EditProfileLayoutTemplate',
-        regions              : {
-            fields    : '#x-fields',
-            qualities : '#x-qualities'
-        },
-        ui                   : {deleteButton : '.x-delete'},
-        _deleteView          : DeleteView,
-        initialize           : function(options){
-            this.profileCollection = options.profileCollection;
-            this.itemsCollection = new Backbone.Collection(_.toArray(this.model.get('items')).reverse());
-            this.listenTo(SeriesCollection, 'all', this._updateDisableStatus);
-        },
-        onRender             : function(){
-            this._updateDisableStatus();
-        },
-        onShow               : function(){
-            this.fieldsView = new EditProfileView({model : this.model});
-            this._showFieldsView();
-            var advancedShown = Config.getValueBoolean(Config.Keys.AdvancedSettings, false);
-            this.sortableListView = new QualitySortableCollectionView({
-                selectable          : true,
-                selectMultiple      : true,
-                clickToSelect       : true,
-                clickToToggle       : true,
-                sortable            : advancedShown,
-                sortableOptions     : {handle : '.x-drag-handle'},
-                visibleModelsFilter : function(model){
-                    return model.get('quality').id !== 0 || advancedShown;
-                },
-                collection          : this.itemsCollection,
-                model               : this.model
-            });
-            this.sortableListView.setSelectedModels(this.itemsCollection.filter(function(item){
-                return item.get('allowed') === true;
-            }));
-            this.qualities.show(this.sortableListView);
-            this.listenTo(this.sortableListView, 'selectionChanged', this._selectionChanged);
-            this.listenTo(this.sortableListView, 'sortStop', this._updateModel);
-        },
-        _onBeforeSave        : function(){
-            var cutoff = this.fieldsView.getCutoff();
-            this.model.set('cutoff', cutoff);
-        },
-        _onAfterSave         : function(){
-            this.profileCollection.add(this.model, {merge : true});
-            vent.trigger(vent.Commands.CloseModalCommand);
-        },
-        _selectionChanged    : function(newSelectedModels, oldSelectedModels){
-            var addedModels = _.difference(newSelectedModels, oldSelectedModels);
-            var removeModels = _.difference(oldSelectedModels, newSelectedModels);
-            _.each(removeModels, function(item){
-                item.set('allowed', false);
-            });
-            _.each(addedModels, function(item){
-                item.set('allowed', true);
-            });
-            this._updateModel();
-        },
-        _updateModel         : function(){
-            this.model.set('items', this.itemsCollection.toJSON().reverse());
-            this._showFieldsView();
-        },
-        _showFieldsView      : function(){
-            this.fields.show(this.fieldsView);
-        },
-        _updateDisableStatus : function(){
-            if(this._isQualityInUse()) {
-                this.ui.deleteButton.addClass('disabled');
-                this.ui.deleteButton.attr('title', 'Can\'t delete a profile that is attached to a series.');
-            }
-            else {
-                this.ui.deleteButton.removeClass('disabled');
-            }
-        },
-        _isQualityInUse      : function(){
-            return SeriesCollection.where({"profileId" : this.model.id}).length !== 0;
+var view = Marionette.Layout.extend({
+    template : 'Settings/Profile/Edit/EditProfileLayoutTemplate',
+
+    regions : {
+        fields    : '#x-fields',
+        qualities : '#x-qualities'
+    },
+
+    ui : {
+        deleteButton : '.x-delete'
+    },
+
+    _deleteView : DeleteView,
+
+    initialize : function(options) {
+        this.profileCollection = options.profileCollection;
+        this.itemsCollection = new Backbone.Collection(_.toArray(this.model.get('items')).reverse());
+        this.listenTo(SeriesCollection, 'all', this._updateDisableStatus);
+    },
+
+    onRender : function() {
+        this._updateDisableStatus();
+    },
+
+    onShow : function() {
+        this.fieldsView = new EditProfileView({ model : this.model });
+        this._showFieldsView();
+        var advancedShown = Config.getValueBoolean(Config.Keys.AdvancedSettings, false);
+
+        this.sortableListView = new QualitySortableCollectionView({
+            selectable     : true,
+            selectMultiple : true,
+            clickToSelect  : true,
+            clickToToggle  : true,
+            sortable       : advancedShown,
+
+            sortableOptions : {
+                handle : '.x-drag-handle'
+            },
+
+            visibleModelsFilter : function(model) {
+                return model.get('quality').id !== 0 || advancedShown;
+            },
+
+            collection : this.itemsCollection,
+            model      : this.model
+        });
+
+        this.sortableListView.setSelectedModels(this.itemsCollection.filter(function(item) {
+            return item.get('allowed') === true;
+        }));
+        this.qualities.show(this.sortableListView);
+
+        this.listenTo(this.sortableListView, 'selectionChanged', this._selectionChanged);
+        this.listenTo(this.sortableListView, 'sortStop', this._updateModel);
+    },
+
+    _onBeforeSave : function() {
+        var cutoff = this.fieldsView.getCutoff();
+        this.model.set('cutoff', cutoff);
+    },
+
+    _onAfterSave : function() {
+        this.profileCollection.add(this.model, { merge : true });
+        vent.trigger(vent.Commands.CloseModalCommand);
+    },
+
+    _selectionChanged : function(newSelectedModels, oldSelectedModels) {
+        var addedModels = _.difference(newSelectedModels, oldSelectedModels);
+        var removeModels = _.difference(oldSelectedModels, newSelectedModels);
+
+        _.each(removeModels, function(item) {
+            item.set('allowed', false);
+        });
+        _.each(addedModels, function(item) {
+            item.set('allowed', true);
+        });
+        this._updateModel();
+    },
+
+    _updateModel : function() {
+        this.model.set('items', this.itemsCollection.toJSON().reverse());
+
+        this._showFieldsView();
+    },
+
+    _showFieldsView : function() {
+        this.fields.show(this.fieldsView);
+    },
+
+    _updateDisableStatus : function() {
+        if (this._isQualityInUse()) {
+            this.ui.deleteButton.addClass('disabled');
+            this.ui.deleteButton.attr('title', 'Can\'t delete a profile that is attached to a series.');
+        } else {
+            this.ui.deleteButton.removeClass('disabled');
        }
-    });
-    return AsEditModalView.call(view);
-}).call(this);
+    },
+
+    _isQualityInUse : function() {
+        return SeriesCollection.where({ 'profileId' : this.model.id }).length !== 0;
+    }
+});
+module.exports = AsEditModalView.call(view);