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

chrome/browser/resources/options/options_page.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() {
   /////////////////////////////////////////////////////////////////////////////
   // OptionsPage class:
 
   /**
    * Base class for options page.
    * @constructor
    * @param {string} name Options page name, also defines id of the div element
    *     containing the options view and the name of options page navigation bar
    *     item as name+'PageNav'.
    * @param {string} title Options page title, used for navigation bar
    * @extends {EventTarget}
    */
   function OptionsPage(name, title, pageDivName) {
     this.name = name;
     this.title = title;
     this.pageDivName = pageDivName;
     this.pageDiv = $(this.pageDivName);
     this.tab = null;
-    this.managed = false;
   }
 
   const SUBPAGE_SHEET_COUNT = 2;
 
   /**
    * Main level option pages. Maps lower-case page names to the respective page
    * object.
    * @protected
    */
   OptionsPage.registeredPages = {};
@@ skipping 766 matching lines @@
      * @type {OptionsPage}
      */
     associatedControls: null,
 
     /**
      * Initializes page content.
      */
     initializePage: function() {},
 
     /**
-     * Sets managed banner visibility state.
-     */
-    setManagedBannerVisibility: function(visible) {
-      this.managed = visible;
-      if (this.visible) {
-        this.updateManagedBannerVisibility();
-      }
-    },
-
-    /**
      * Updates managed banner visibility state. This function iterates over
      * all input fields of a window and if any of these is marked as managed
      * it triggers the managed banner to be visible. The banner can be enforced
      * being on through the managed flag of this class but it can not be forced
      * being off if managed items exist.
      */
     updateManagedBannerVisibility: function() {
       var bannerDiv = $('managed-prefs-banner');
 
-      var hasManaged = this.managed;
-      if (!hasManaged) {
-        var inputElements = this.pageDiv.querySelectorAll('input');
-        for (var i = 0, len = inputElements.length; i < len; i++) {
-          if (inputElements[i].managed) {
-            hasManaged = true;
-            break;
-          }
-        }
+      var controlledByPolicy = false;
+      var controlledByExtension = false;
+      var inputElements = this.pageDiv.querySelectorAll('input[controlledBy]');
+      for (var i = 0, len = inputElements.length; i < len; i++) {
+        if (inputElements[i].controlledBy == 'policy')
+          controlledByPolicy = true;
+        else if (inputElements[i].controlledBy == 'extension')
+          controlledByExtension = true;
       }
-      if (hasManaged) {
+      if (controlledByPolicy || controlledByExtension) {
         bannerDiv.hidden = false;
-        var height = window.getComputedStyle($('managed-prefs-banner')).height;
+        var height = window.getComputedStyle(bannerDiv).height;
         $('subpage-backdrop').style.top = height;
+        $('policy-and-extension-managed-prefs-text').hidden =
+            !controlledByPolicy || !controlledByExtension;
+        $('policy-managed-prefs-text').hidden =
+            !controlledByPolicy || controlledByExtension;
+        $('extension-managed-prefs-text').hidden =
+            controlledByPolicy || !controlledByExtension;
       } else {
         bannerDiv.hidden = true;
         $('subpage-backdrop').style.top = '0';
       }
     },
 
     /**
      * Gets page visibility state.
      */
     get visible() {
@@ skipping 166 matching lines @@
     canShowPage: function() {
       return true;
     },
   };
 
   // Export
   return {
     OptionsPage: OptionsPage
   };
 });