uber managed pref banners

chrome/browser/resources/options2/options_page.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', function() {
   /////////////////////////////////////////////////////////////////////////////
   // OptionsPage class:
 
   /**
    * Base class for options page.
@@ skipping 888 matching lines @@
      * @type {OptionsPage}
      */
     associatedControls: null,
 
     /**
      * Initializes page content.
      */
     initializePage: function() {},
 
     /**
+     * Updates managed banner visibility state. This function iterates over
+     * all input fields of a page 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 = this.pageDiv.querySelector('.managed-prefs-banner');
+      // Create a banner for the overlay if we don't have one.
+      if (!bannerDiv) {
+        bannerDiv = $('managed-prefs-banner').cloneNode(true);
+        bannerDiv.id = null;
+
+        if (this.isOverlay) {
+          var content = this.pageDiv.querySelector('.content-area');
+          this.pageDiv.insertBefore(bannerDiv, content);
+        } else {
+          bannerDiv.classList.add('main-page-banner');
+          var header = this.pageDiv.querySelector('header');
+          header.appendChild(bannerDiv);
+        }
+      }
+
+      var controlledByPolicy = false;
+      var controlledByExtension = false;
+      var inputElements = this.pageDiv.querySelectorAll('input[controlled-by]');
+      for (var i = 0; i < inputElements.length; i++) {
+        if (inputElements[i].controlledBy == 'policy')
+          controlledByPolicy = true;
+        else if (inputElements[i].controlledBy == 'extension')
+          controlledByExtension = true;
+      }
+
+      if (!controlledByPolicy && !controlledByExtension) {
+        this.pageDiv.classList.remove('showing-banner');
+      } else {
+        this.pageDiv.classList.add('showing-banner');
+
+        var text = bannerDiv.querySelector('.managed-prefs-text');
+        if (controlledByPolicy && !controlledByExtension) {
+          text.textContent = templateData.policyManagedPrefsBannerText;
+        } else if (!controlledByPolicy && controlledByExtension) {
+          text.textContent = templateData.extensionManagedPrefsBannerText;
+        } else if (controlledByPolicy && controlledByExtension) {
+          text.textContent =
+              templateData.policyAndExtensionManagedPrefsBannerText;
+        }
+      }
+    },
+
+    /**
      * Gets page visibility state.
      */
     get visible() {
       return !this.pageDiv.hidden;
     },
 
     /**
      * Sets page visibility.
      */
     set visible(visible) {
       if ((this.visible && visible) || (!this.visible && !visible))
         return;
 
       this.pageDiv.hidden = !visible;
       this.setContainerVisibility_(visible);
 
       OptionsPage.updatePageFreezeStates();
+      OptionsPage.updateManagedBannerVisibility();
 
       // A subpage was shown or hidden.
       if (!this.isOverlay && this.nestingLevel > 0)
         OptionsPage.updateDisplayForShowOrHideSubpage_();
       else if (this.isOverlay && !visible)
         OptionsPage.updateScrollPosition_();
 
       cr.dispatchPropertyChange(this, 'visible', visible, !visible);
     },
 
@@ skipping 128 matching lines @@
     canShowPage: function() {
       return true;
     },
   };
 
   // Export
   return {
     OptionsPage: OptionsPage
   };
 });