Show a different banner in chrome://settings for extension-controlled settings.

chrome/browser/resources/options/pref_ui.js

 // Copyright (c) 2011 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', function() {
 
   var Preferences = options.Preferences;
 
   /**
    * Helper function update element's state from pref change event.
    * @private
    * @param {!HTMLElement} el The element to update.
    * @param {!Event} event The pref change event.
    */
   function updateElementState_(el, event) {
-    el.managed = false;
+    el.controlledBy = null;
 
     if (!event.value)
       return;
 
-    el.managed = event.value['managed'];
+    el.controlledBy = event.value['controlledBy'];
 
     // Disable UI elements if the backend says so.
     // |reenable| is a flag that tells us if the element is disabled because the
     // preference is not modifiable by the user. If the element is disabled but
     // the flag is not set, it means that the element has been disabled
     // somewhere else, so we don't do anything.
     if (el.disabled && !el.notUserModifiable)
       return;
 
     el.disabled = event.value['disabled'];
     el.notUserModifiable = event.value['disabled'];
+
+    OptionsPage.updateManagedBannerVisibility();
   }
 
   /////////////////////////////////////////////////////////////////////////////
   // PrefCheckbox class:
   // TODO(jhawkins): Refactor all this copy-pasted code!
 
   // Define a constructor that uses an input element as its underlying element.
   var PrefCheckbox = cr.ui.define('input');
 
   PrefCheckbox.prototype = {
@@ skipping 52 matching lines @@
     },
   };
 
   /**
    * The preference name.
    * @type {string}
    */
   cr.defineProperty(PrefCheckbox, 'pref', cr.PropertyKind.ATTR);
 
   /**
+   * Whether the preference is controlled by something else than the user's
+   * settings (either 'policy' or 'extension').
+   * @type {string}
+   */
+  cr.defineProperty(PrefCheckbox, 'controlledBy', cr.PropertyKind.ATTR);
+
+  /**
    * The user metric string.
    * @type {string}
    */
   cr.defineProperty(PrefCheckbox, 'metric', cr.PropertyKind.ATTR);
 
   /**
    * Whether to use inverted pref value.
    * @type {boolean}
    */
   cr.defineProperty(PrefCheckbox, 'inverted_pref', cr.PropertyKind.BOOL_ATTR);
@@ skipping 39 matching lines @@
     },
   };
 
   /**
    * The preference name.
    * @type {string}
    */
   cr.defineProperty(PrefRadio, 'pref', cr.PropertyKind.ATTR);
 
   /**
+   * Whether the preference is controlled by something else than the user's
+   * settings (either 'policy' or 'extension').
+   * @type {string}
+   */
+  cr.defineProperty(PrefRadio, 'controlledBy', cr.PropertyKind.ATTR);
+
+  /**
    * The user metric string.
    * @type {string}
    */
   cr.defineProperty(PrefRadio, 'metric', cr.PropertyKind.ATTR);
 
   /////////////////////////////////////////////////////////////////////////////
   // PrefNumeric class:
 
   // Define a constructor that uses an input element as its underlying element.
   var PrefNumeric = function() {};
@@ skipping 26 matching lines @@
     }
   };
 
   /**
    * The preference name.
    * @type {string}
    */
   cr.defineProperty(PrefNumeric, 'pref', cr.PropertyKind.ATTR);
 
   /**
+   * Whether the preference is controlled by something else than the user's
+   * settings (either 'policy' or 'extension').
+   * @type {string}
+   */
+  cr.defineProperty(PrefNumeric, 'controlledBy', cr.PropertyKind.ATTR);
+
+  /**
    * The user metric string.
    * @type {string}
    */
   cr.defineProperty(PrefNumeric, 'metric', cr.PropertyKind.ATTR);
 
   /////////////////////////////////////////////////////////////////////////////
   // PrefNumber class:
 
   // Define a constructor that uses an input element as its underlying element.
   var PrefNumber = cr.ui.define('input');
@@ skipping 126 matching lines @@
     },
   };
 
   /**
    * The preference name.
    * @type {string}
    */
   cr.defineProperty(PrefRange, 'pref', cr.PropertyKind.ATTR);
 
   /**
+   * Whether the preference is controlled by something else than the user's
+   * settings (either 'policy' or 'extension').
+   * @type {string}
+   */
+  cr.defineProperty(PrefRange, 'controlledBy', cr.PropertyKind.ATTR);
+
+  /**
    * The user metric string.
    * @type {string}
    */
   cr.defineProperty(PrefRange, 'metric', cr.PropertyKind.ATTR);
 
   /////////////////////////////////////////////////////////////////////////////
   // PrefSelect class:
 
   // Define a constructor that uses a select element as its underlying element.
   var PrefSelect = cr.ui.define('select');
@@ skipping 70 matching lines @@
     },
   };
 
   /**
    * The preference name.
    * @type {string}
    */
   cr.defineProperty(PrefSelect, 'pref', cr.PropertyKind.ATTR);
 
   /**
+   * Whether the preference is controlled by something else than the user's
+   * settings (either 'policy' or 'extension').
+   * @type {string}
+   */
+  cr.defineProperty(PrefSelect, 'controlledBy', cr.PropertyKind.ATTR);
+
+  /**
    * The user metric string.
    * @type {string}
    */
   cr.defineProperty(PrefSelect, 'metric', cr.PropertyKind.ATTR);
 
   /**
    * The data type for the preference options.
    * @type {string}
    */
   cr.defineProperty(PrefSelect, 'dataType', cr.PropertyKind.ATTR);
@@ skipping 47 matching lines @@
     }
   };
 
   /**
    * The preference name.
    * @type {string}
    */
   cr.defineProperty(PrefTextField, 'pref', cr.PropertyKind.ATTR);
 
   /**
+   * Whether the preference is controlled by something else than the user's
+   * settings (either 'policy' or 'extension').
+   * @type {string}
+   */
+  cr.defineProperty(PrefTextField, 'controlledBy', cr.PropertyKind.ATTR);
+
+  /**
    * The user metric string.
    * @type {string}
    */
   cr.defineProperty(PrefTextField, 'metric', cr.PropertyKind.ATTR);
 
   /**
    * The data type for the preference options.
    * @type {string}
    */
   cr.defineProperty(PrefTextField, 'dataType', cr.PropertyKind.ATTR);
 
   // Export
   return {
     PrefCheckbox: PrefCheckbox,
     PrefNumber: PrefNumber,
     PrefNumeric: PrefNumeric,
     PrefRadio: PrefRadio,
     PrefRange: PrefRange,
     PrefSelect: PrefSelect,
     PrefTextField: PrefTextField
   };
 
 });