Add an enrolling state for consumer management section in settings page.

chrome/browser/resources/options/browser_options.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() {
   var OptionsPage = options.OptionsPage;
   var Page = cr.ui.pageManager.Page;
   var PageManager = cr.ui.pageManager.PageManager;
   var ArrayDataModel = cr.ui.ArrayDataModel;
   var RepeatingButton = cr.ui.RepeatingButton;
@@ skipping 465 matching lines @@
         $('proxiesConfigureButton').onclick = function(event) {
           chrome.send('showNetworkProxySettings');
         };
       }
 
       // Device control section.
       if (cr.isChromeOS &&
           UIAccountTweaks.currentUserIsOwner() &&
           loadTimeData.getBoolean('consumerManagementEnabled')) {
         $('device-control-section').hidden = false;
-
-        var isEnrolled = loadTimeData.getBoolean('consumerManagementEnrolled');
-        $('consumer-management-enroll').hidden = isEnrolled;
-        $('consumer-management-unenroll').hidden = !isEnrolled;
-
-        $('consumer-management-section').onclick = function(event) {
-          // If either button is clicked.
-          if (event.target.tagName == 'BUTTON')
-            PageManager.showPageByName('consumer-management-overlay');
+        $('consumer-management-button').onclick = function(event) {
+          PageManager.showPageByName('consumer-management-overlay');
         };
       }
 
       // Easy Unlock section.
       if (loadTimeData.getBoolean('easyUnlockAllowed')) {
         $('easy-unlock-section').hidden = false;
         $('easy-unlock-setup-button').onclick = function(event) {
           chrome.send('launchEasyUnlockSetup');
         };
         $('easy-unlock-turn-off-button').onclick = function(event) {
@@ skipping 1466 matching lines @@
 
   if (cr.isChromeOS) {
     /**
      * Returns username (canonical email) of the user logged in (ChromeOS only).
      * @return {string} user email.
      */
     // TODO(jhawkins): Investigate the use case for this method.
     BrowserOptions.getLoggedInUsername = function() {
       return BrowserOptions.getInstance().username_;
     };
+
+    /**
+     * Shows different button text for each consumer management enrollment
+     * status.
+     * @param {string} status Consumer management service status string.
+     */
+    BrowserOptions.setConsumerManagementStatus = function(status) {
+      var button = $('consumer-management-button');
+      if (status == 'STATUS_UNKNOWN') {

[stevenjb, 2014/09/02 17:06:40]

I think we may normally use CamelCase for states like this. +dbeam@

[davidyu, 2014/09/03 06:29:18]

Done.

+        button.hidden = true;
+        return;
+      }
+
+      button.hidden = false;
+      if (status == 'STATUS_UNENROLLED') {
+        button.textContent =
+            loadTimeData.getString('consumerManagementEnrollButton');
+        button.disabled = false;
+        ConsumerManagementOverlay.setStatus(status);
+      } else if (status == 'STATUS_ENROLLING') {
+        button.textContent =
+            loadTimeData.getString('consumerManagementEnrollingButton');
+        button.disabled = true;
+      } else if (status == 'STATUS_ENROLLED') {
+        button.textContent =
+            loadTimeData.getString('consumerManagementUnenrollButton');
+        button.disabled = false;
+        ConsumerManagementOverlay.setStatus(status);
+      } else if (status == 'STATUS_UNENROLLING') {
+        button.textContent =
+            loadTimeData.getString('consumerManagementUnenrollingButton');
+        button.disabled = true;
+      }
+    };
   }
 
   // Export
   return {
     BrowserOptions: BrowserOptions
   };
 });