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.

[Dan Beam, 2014/09/04 23:12:37]

can this be an @enum {string} instead?

[davidyu, 2014/09/05 06:14:11]

Done.

+     */
+    BrowserOptions.setConsumerManagementStatus = function(status) {
+      var button = $('consumer-management-button');
+      if (status == 'StatusUnknown') {
+        button.hidden = true;
+        return;
+      }
+
+      button.hidden = false;

[Dan Beam, 2014/09/04 23:12:37]

var strId;

[davidyu, 2014/09/05 06:14:11]

Done.

+      if (status == 'StatusUnenrolled') {
+        button.textContent =
+            loadTimeData.getString('consumerManagementEnrollButton');

[Dan Beam, 2014/09/04 23:12:37]

strId = 'consumerManagementEnrollButton';

[davidyu, 2014/09/05 06:14:11]

Done.

+        button.disabled = false;
+        ConsumerManagementOverlay.setStatus(status);
+      } else if (status == 'StatusEnrolling') {
+        button.textContent =
+            loadTimeData.getString('consumerManagementEnrollingButton');
+        button.disabled = true;
+      } else if (status == 'StatusEnrolled') {
+        button.textContent =
+            loadTimeData.getString('consumerManagementUnenrollButton');
+        button.disabled = false;
+        ConsumerManagementOverlay.setStatus(status);
+      } else if (status == 'StatusUnenrolling') {
+        button.textContent =
+            loadTimeData.getString('consumerManagementUnenrollingButton');
+        button.disabled = true;
+      }

[Dan Beam, 2014/09/04 23:12:37]

button.textContent = loadTimeData.getString(strId);

[davidyu, 2014/09/05 06:14:11]

Done.

+    };
   }
 
   // Export
   return {
     BrowserOptions: BrowserOptions
   };
 });