Settings People Revamp: Add 'Manage Supervised Users' row

chrome/browser/resources/settings/people_page/people_page.js

 // Copyright 2015 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.
 
 /**
  * @fileoverview
  * 'settings-people-page' is the settings page containing sign-in settings.
  */
 Polymer({
   is: 'settings-people-page',
@@ skipping 28 matching lines @@
     /**
      * The currently selected profile icon URL. May be a data URL.
      */
     profileIconUrl_: String,
 
     /**
      * The current profile name.
      */
     profileName_: String,
 
+    /**
+     * True if the current profile manages supervised users.
+     */
+    profileManagesSupervisedUsers_: Boolean,
+
     /** @private {!settings.SyncBrowserProxyImpl} */
     syncBrowserProxy_: {
       type: Object,
       value: function() {
         return settings.SyncBrowserProxyImpl.getInstance();
       },
     },
 
 <if expr="chromeos">
     /**
@@ skipping 46 matching lines @@
         return loadTimeData.getBoolean('easyUnlockAllowed') &&
             loadTimeData.getBoolean('easyUnlockProximityDetectionAllowed');
       },
       readOnly: true,
     },
 </if>
   },
 
   /** @override */
   attached: function() {
-    settings.ProfileInfoBrowserProxyImpl.getInstance().getProfileInfo().then(
-        this.handleProfileInfo_.bind(this));
+    var profileInfoProxy = settings.ProfileInfoBrowserProxyImpl.getInstance();
+    profileInfoProxy.getProfileInfo().then(this.handleProfileInfo_.bind(this));
     this.addWebUIListener('profile-info-changed',
                           this.handleProfileInfo_.bind(this));
 
+    profileInfoProxy.getProfileManagesSupervisedUsers().then(
+        this.handleProfileManagesSupervisedUsers_.bind(this));
+    this.addWebUIListener('profile-manages-supervised-users-changed',
+                          this.handleProfileManagesSupervisedUsers_.bind(this));
+
     this.syncBrowserProxy_.getSyncStatus().then(
         this.handleSyncStatus_.bind(this));
     this.addWebUIListener('sync-status-changed',
                           this.handleSyncStatus_.bind(this));
 
 <if expr="chromeos">
     if (this.easyUnlockAllowed_) {
       this.addWebUIListener(
           'easy-unlock-enabled-status',
           this.handleEasyUnlockEnabledStatusChanged_.bind(this));
       this.easyUnlockBrowserProxy_.getEnabledStatus().then(
           this.handleEasyUnlockEnabledStatusChanged_.bind(this));
     }
 </if>
   },
 
   /**
    * Handler for when the profile's icon and name is updated.
    * @private
    * @param {!settings.ProfileInfo} info
    */
   handleProfileInfo_: function(info) {
     this.profileName_ = info.name;
     this.profileIconUrl_ = info.iconUrl;
   },
 
   /**
+   * Handler for when the profile starts or stops managing supervised users.
+   * @private
+   * @param {boolean} managesSupervisedUsers
+   */
+  handleProfileManagesSupervisedUsers_: function(managesSupervisedUsers) {
+    this.profileManagesSupervisedUsers_ = managesSupervisedUsers;
+  },
+
+  /**
    * Handler for when the sync state is pushed from the browser.
    * @param {?settings.SyncStatus} syncStatus
    * @private
    */
   handleSyncStatus_: function(syncStatus) {
     this.syncStatus = syncStatus;
   },
 
 <if expr="chromeos">
   /**
@@ skipping 71 matching lines @@
   /** @private */
   onManageOtherPeople_: function() {
 <if expr="not chromeos">
     this.syncBrowserProxy_.manageOtherPeople();
 </if>
 <if expr="chromeos">
     this.$.pages.setSubpageChain(['users']);
 </if>
   },
 
+  /** @private */
+  onManageSupervisedUsers_: function() {
+    window.open(loadTimeData.getString('supervisedUsersUrl'));
+  },
+
   /**
    * @private
    * @param {?settings.SyncStatus} syncStatus
    * @return {boolean}
    */
   isAdvancedSyncSettingsVisible_: function(syncStatus) {
     return !!syncStatus && !!syncStatus.signedIn &&
         !!syncStatus.syncSystemEnabled;
   },
 
   /**
    * @private
    * @param {?settings.SyncStatus} syncStatus
    * @return {string}
    */
   getSyncIcon_: function(syncStatus) {
     if (!syncStatus)
       return '';
     if (syncStatus.hasError)
       return 'settings:sync-problem';
     if (syncStatus.managed)
       return 'settings:sync-disabled';
 
     return 'settings:done';
   },
 });