New: Add Unknown Quality to profile (advanced)

src/UI/Settings/Profile/Edit/EditProfileLayout.js

@@ -53,18 +53,23 @@ define(
             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        : Config.getValueBoolean(Config.Keys.AdvancedSettings, false),
+                    sortable        : advancedShown,
 
                     sortableOptions : {
                         handle: '.x-drag-handle'
                     },
 
+                    visibleModelsFilter : function (model) {
+                        return model.get('quality').id !== 0 || advancedShown;
+                    },
+
                     collection: this.itemsCollection,
                     model     : this.model
                 });

src/UI/Settings/Quality/Definition/QualityDefinitionCollectionView.js

@@ -3,15 +3,14 @@
 define(
     [
         'marionette',
-        'backgrid',
-        'Settings/Quality/Definition/QualityDefinitionView'
-    ], function (Marionette, Backgrid, QualityDefinitionView) {
+        'Settings/Quality/Definition/QualityDefinitionItemView'
+    ], function (Marionette, QualityDefinitionItemView) {
     
         return Marionette.CompositeView.extend({
             template: 'Settings/Quality/Definition/QualityDefinitionCollectionTemplate',
             
             itemViewContainer: '.x-rows',
             
-            itemView: QualityDefinitionView
+            itemView: QualityDefinitionItemView
         });
     });

src/UI/Settings/Quality/Definition/QualityDefinitionItemView.js

@@ -9,7 +9,7 @@ define(
     ], function (Marionette, AsModelBoundView, fileSize) {
 
         var view = Marionette.ItemView.extend({
-            template: 'Settings/Quality/Definition/QualityDefinitionViewTemplate',
+            template: 'Settings/Quality/Definition/QualityDefinitionItemViewTemplate',
             className: 'row',
 
             ui: {
@@ -24,12 +24,15 @@ define(
                 'slide .x-slider': '_updateSize'
             },
 
-            initialize: function (options) {
-                this.profileCollection = options.profiles;
+            initialize: function () {
                 this.filesize = fileSize;
             },
 
             onRender: function () {
+                if (this.model.get('quality').id === 0) {
+                    this.$el.addClass('row advanced-setting');
+                }
+
                 this.ui.sizeSlider.slider({
                     range       : true,
                     min         : 0,