Display a banner above each panel that contains managed options....

chrome/browser/resources/options/options_page.js

 // Copyright (c) 2010 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;
   }
 
   OptionsPage.registeredPages_ = {};
 
   /**
    * Pages which are meant to have an entry in the nav, but
    * not have a permanent entry.
    */
   OptionsPage.registeredSubPages_ = {};
 
@@ skipping 126 matching lines @@
 
   OptionsPage.prototype = {
     __proto__: cr.EventTarget.prototype,
 
     /**
      * Initializes page content.
      */
     initializePage: function() {},
 
     /**
+     * Sets managed banner visibility state.
+     */
+    setManagedBannerVisibility: function(visible) {
+      this.managed = visible;
+      if (this.visible) {
+        $('managed-prefs-banner').style.display = visible ? 'block' : 'none';
+      }
+    },
+
+    /**
      * Gets page visibility state.
      */
     get visible() {
       var page = $(this.pageDivName);
       return page && page.ownerDocument.defaultView.getComputedStyle(
           page).display == 'block';
     },
 
     /**
      * Sets page visibility.
      */
     set visible(visible) {
       if ((this.visible && visible) || (!this.visible && !visible))
         return;
 
       if (visible) {
         this.pageDiv.style.display = 'block';
         if (this.isOverlay) {
           var overlay = $('overlay');
           overlay.classList.remove('hidden');
         } else {
+          var banner = $('managed-prefs-banner');
+          banner.style.display = this.managed ? 'block' : 'none';
+
           // Recent webkit change no longer allows url change from "chrome://".
           window.history.pushState({pageName: this.name},
                                    this.title);
         }
         if (this.tab) {
           this.tab.classList.add('navbar-item-selected');
           if (this.tab.parentNode && this.tab.parentNode.id == 'subpagesnav')
             this.tab.classList.remove('hidden');
         }
       } else {
         if (this.isOverlay) {
           var overlay = $('overlay');
           overlay.classList.add('hidden');
         }
         this.pageDiv.style.display = 'none';
         if (this.tab) {
           this.tab.classList.remove('navbar-item-selected');
           if (this.tab.parentNode && this.tab.parentNode.id == 'subpagesnav')
             this.tab.classList.add('hidden');
         }
-     }
+      }
 
       cr.dispatchPropertyChange(this, 'visible', visible, !visible);
     }
   };
 
   // Export
   return {
     OptionsPage: OptionsPage
   };
 
 });
-