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..440efbd74addd1b1fe8899a06d94f4c95b79d4c6 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,34 @@ cr.define('options', function() {
     BrowserOptions.getLoggedInUsername = function() {
       return BrowserOptions.getInstance().username_;
     };
+
+    /**
+     * Shows different button text for each consumer management enrollment
+     * state.
+     * @param {string} state can be "enrolled", "unenrolled", "enrolling", or
+     *     "unenrolling".
+     */
+    BrowserOptions.setConsumerManagementEnrollmentState = function(state) {
+      var button = $('consumer-management-button');
+      if (state == 'unenrolled') {
+        button.textContent =
+            loadTimeData.getString('consumerManagementEnrollButton');
+        button.disabled = false;
+      } else if (state == 'enrolling') {
+        button.textContent =
+            loadTimeData.getString('consumerManagementEnrollingButton');
+        button.disabled = true;
+      } else if (state == 'enrolled') {
+        button.textContent =
+            loadTimeData.getString('consumerManagementUnenrollButton');
+        button.disabled = false;
+      } else if (state == 'unenrolling') {
+        button.textContent =
+            loadTimeData.getString('consumerManagementUnenrollingButton');
+        button.disabled = true;
+      }
+      ConsumerManagementOverlay.setEnrollmentState(state);
+    };
   }
 
   // Export