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

chrome/browser/resources/options/chromeos/consumer_management_overlay.js

 // Copyright 2014 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 Page = cr.ui.pageManager.Page;
   var PageManager = cr.ui.pageManager.PageManager;
 
   /**
    * ConsumerManagementOverlay class
    * Dialog that allows users to enroll/unenroll consumer management service.
    * @extends {SettingsDialog}
    * @constructor
    */
   function ConsumerManagementOverlay() {
     Page.call(this, 'consumer-management-overlay',
               loadTimeData.getString('consumerManagementOverlayTabTitle'),
               'consumer-management-overlay');
 
-    var isEnrolled = loadTimeData.getBoolean('consumerManagementEnrolled');
-    $('enroll-content').hidden = isEnrolled;
-    $('unenroll-content').hidden = !isEnrolled;
-
     $('consumer-management-overlay-enroll').onclick = function(event) {
       chrome.send('enrollConsumerManagement');
       PageManager.closeOverlay();
     };
     $('consumer-management-overlay-unenroll').onclick = function(event) {
       chrome.send('unenrollConsumerManagement');
       PageManager.closeOverlay();
     };
     $('consumer-management-overlay-enroll-cancel').onclick = function(event) {
       PageManager.closeOverlay();
     };
     $('consumer-management-overlay-unenroll-cancel').onclick = function(event) {
       PageManager.closeOverlay();
     };
   }
 
   cr.addSingletonGetter(ConsumerManagementOverlay);
 
   ConsumerManagementOverlay.prototype = {
     __proto__: Page.prototype,
   };
 
+  /**
+   * Shows enrollment or unenrollment content based on the enrollment state.
+   * @param {string} state can be "enrolled", "unenrolled", "enrolling", or
+   *     "unenrolling".
+   */
+  ConsumerManagementOverlay.setEnrollmentState = function(state) {
+    if (state == 'enrolled') {

[bartfab (slow), 2014/08/20 14:40:02]

Nit: You could simplify this entire method to:
var enrolled = state == 'enrolled';
$('enroll-content').hidden = !enrolled;
$('unenroll-content').hidden = enrolled;

[davidyu, 2014/08/21 09:40:29]

Done.

+        $('enroll-content').hidden = true;
+        $('unenroll-content').hidden = false;
+    } else if (state == 'unenrolled') {
+        $('enroll-content').hidden = false;
+        $('unenroll-content').hidden = true;
+    }
+    // We won't show this overlay for other states.
+  };
+
   // Export
   return {
     ConsumerManagementOverlay: ConsumerManagementOverlay
   };
 });