[Chrome Settings UI] If User Exceptions are not allowed, prevent editing / viewing.

chrome/browser/resources/options/content_settings_exceptions_area.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.define('options.contentSettings', function() {
   /** @const */ var ControlledSettingIndicator =
                     options.ControlledSettingIndicator;
   /** @const */ var InlineEditableItemList = options.InlineEditableItemList;
   /** @const */ var InlineEditableItem = options.InlineEditableItem;
   /** @const */ var ArrayDataModel = cr.ui.ArrayDataModel;
@@ skipping 502 matching lines @@
                                       entry);
       } else {
         var addRowItem = new ExceptionsAddRowListItem(this.contentType,
                                                       this.mode);
         addRowItem.deletable = false;
         return addRowItem;
       }
     },
 
     /**
+     * Updates visibility of each row, depending on content.
+     */
+    updateRowVisibility: function() {
+      // Rows with user exceptions are visible iff this.isEditable().
+      // All other rows are visible.
+      var isEditable = this.isEditable();
+      for (var index = 0; index < this.dataModel.length; ++index) {
+        var item = this.getListItemByIndex(index);
+        if (item.dataItem.source == 'preference')
+          item.hidden = !isEditable;
+      }
+    },
+
+    /**
+     * Sets whether user is allowed to set preference exceptions. Updates UI.
+     *
+     * @param {string} allowEdit Whether or not user may set preference
+     *    exceptions.
+     */
+    setAllowEdit: function(allowEdit) {
+      var oldIsEditable = this.isEditable();
+      this.allowEdit = allowEdit;
+      var newIsEditable = this.isEditable();
+
+      // If visibility changed, add or remove the Add New Exception row.
+      if (oldIsEditable != newIsEditable) {
+        var oldSize = this.dataModel.length;

[Dan Beam, 2016/04/27 21:47:27]

unused

[huangs, 2016/04/27 21:53:13]

Done.

+        if (newIsEditable) {
+          this.dataModel.push(null);
+        } else {

[Dan Beam, 2016/04/27 21:47:27]

no curlies

[huangs, 2016/04/27 21:53:13]

Done.

+          console.log(this.dataModel.pop());

[Dan Beam, 2016/04/27 21:47:27]

remove log

[huangs, 2016/04/27 21:53:13]

Done.

+        }
+      }
+      this.updateRowVisibility();

[Dan Beam, 2016/04/27 21:47:27]

does this need to be called if oldIsEditable == newIsEditable?

[huangs, 2016/04/27 21:53:13]

Done.

+    },
+
+    /**
      * Sets the exceptions in the js model.
      *
      * @param {Array<options.Exception>} entries A list of dictionaries of
      *     values, each dictionary represents an exception.
      */
     setExceptions: function(entries) {
       var deleteCount = this.dataModel.length;
 
       if (this.isEditable()) {
         // We don't want to remove the Add New Exception row.
         deleteCount = deleteCount - 1;
       }
 
       var args = [0, deleteCount];
       args.push.apply(args, entries);
       this.dataModel.splice.apply(this.dataModel, args);
+      this.updateRowVisibility();
     },
 
     /**
      * The browser has finished checking a pattern for validity. Update the list
      * item to reflect this.
      *
      * @param {string} pattern The pattern.
      * @param {boolean} valid Whether said pattern is valid in the context of a
      *     content exception setting.
      */
     patternValidityCheckComplete: function(pattern, valid) {
       var listItems = this.items;
       for (var i = 0; i < listItems.length; i++) {
         var listItem = listItems[i];
         // Don't do anything for messages for the item if it is not the intended
         // recipient, or if the response is stale (i.e. the input value has
         // changed since we sent the request to analyze it).
         if (pattern == listItem.input.value)
           listItem.setPatternValid(valid);
       }
     },
 
     /**
      * Returns whether the rows are editable in this list.
      */
     isEditable: function() {
-      // Exceptions of the following lists are not editable for now.
-      return isEditableType(this.contentType);
+      return this.allowEdit && isEditableType(this.contentType);
     },
 
     /**
      * Removes all exceptions from the js model.
      */
     reset: function() {
+      this.allowEdit = true;
       if (this.isEditable()) {
         // The null creates the Add New Exception row.
         this.dataModel = new ArrayDataModel([null]);
       } else {
         this.dataModel = new ArrayDataModel([]);
       }
     },
 
     /** @override */
     deleteItemAtIndex: function(index) {
@@ skipping 113 matching lines @@
     }
   };
 
   return {
     ExceptionsListItem: ExceptionsListItem,
     ExceptionsAddRowListItem: ExceptionsAddRowListItem,
     ExceptionsList: ExceptionsList,
     ContentSettingsExceptionsArea: ContentSettingsExceptionsArea,
   };
 });