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

chrome/browser/resources/options/browser_options.js

Index: chrome/browser/resources/options/browser_options.js
diff --git a/chrome/browser/resources/options/browser_options.js b/chrome/browser/resources/options/browser_options.js
index 8c7334ac5d299a9939165719a044dca997976128..caff82c0da157cacd2db7de9e5044964b1cc2726 100644
--- a/chrome/browser/resources/options/browser_options.js
+++ b/chrome/browser/resources/options/browser_options.js
@@ -483,15 +483,8 @@ cr.define('options', function() {
           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');
         };
       }
 
@@ -1980,6 +1973,40 @@ cr.define('options', function() {
     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') {
+        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