Add UI components for license type selection in ChromeOS login UI.

chrome/browser/resources/chromeos/login/oobe_screen_oauth_enrollment.js

 // Copyright 2015 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.
 
 login.createScreen('OAuthEnrollmentScreen', 'oauth-enrollment', function() {
   /* Code which is embedded inside of the webview. See below for details.
   /** @const */ var INJECTED_WEBVIEW_SCRIPT = String.raw`
                       (function() {
                          // <include src="../keyboard/keyboard_utils.js">
                          keyboard.initializeKeyboardFlow(true);
                        })();`;
 
   /** @const */ var STEP_SIGNIN = 'signin';
   /** @const */ var STEP_AD_JOIN = 'ad-join';
+  /** @const */ var STEP_LICENSE_TYPE = 'license';
   /** @const */ var STEP_WORKING = 'working';
   /** @const */ var STEP_ATTRIBUTE_PROMPT = 'attribute-prompt';
   /** @const */ var STEP_ERROR = 'error';
   /** @const */ var STEP_SUCCESS = 'success';
   /** @const */ var STEP_ABE_SUCCESS = 'abe-success';
 
   /* TODO(dzhioev): define this step on C++ side.
   /** @const */ var STEP_ATTRIBUTE_PROMPT_ERROR = 'attribute-prompt-error';
   /** @const */ var STEP_ACTIVE_DIRECTORY_JOIN_ERROR =
       'active-directory-join-error';
 
   /** @const */ var HELP_TOPIC_ENROLLMENT = 4631259;
 
   return {
     EXTERNAL_API: [
       'showStep',
       'showError',
       'doReload',
+      'setAvailableLicenseTypes',
       'showAttributePromptStep',
       'showAttestationBasedEnrollmentSuccess',
       'invalidateAd',
     ],
 
     /**
      * Authenticator object that wraps GAIA webview.
      */
     authenticator_: null,
 
@@ skipping 11 matching lines @@
     get isCancelDisabled() {
       return this.isCancelDisabled_;
     },
     set isCancelDisabled(disabled) {
       this.isCancelDisabled_ = disabled;
     },
 
     isManualEnrollment_: undefined,
 
     /**
+     * An element containing UI for picking license type.
+     * @type {EnrollmentLicenseCard}
+     * @private
+     */
+    licenseUi_: undefined,
+
+    /**
      * An element containg navigation buttons.
      */
     navigation_: undefined,
 
     /**
      * An element containing UI to join an AD domain.
      * @type {OfflineAdLoginElement}
      * @private
      */
     offlineAdUi_: undefined,
@@ skipping 14 matching lines @@
      * Value contained in the last received 'backButton' event.
      * @type {boolean}
      * @private
      */
     lastBackMessageValue_: false,
 
     /** @override */
     decorate: function() {
       this.navigation_ = $('oauth-enroll-navigation');
       this.offlineAdUi_ = $('oauth-enroll-ad-join-ui');
+      this.licenseUi_ = $('oauth-enroll-license-ui');
 
       this.authenticator_ =
           new cr.login.Authenticator($('oauth-enroll-auth-view'));
 
       // Establish an initial messaging between content script and
       // host script so that content script can message back.
       $('oauth-enroll-auth-view').addEventListener('loadstop', function(e) {
         e.target.contentWindow.postMessage(
             'initialMessage', $('oauth-enroll-auth-view').src);
       });
@@ skipping 113 matching lines @@
       $('oauth-enroll-attribute-prompt-card')
           .addEventListener('submit', this.onAttributesSubmitted.bind(this));
 
       $('oauth-enroll-learn-more-link')
           .addEventListener('click', function(event) {
             chrome.send('oauthEnrollOnLearnMore');
           });
 
       $('oauth-enroll-skip-button')
           .addEventListener('click', this.onSkipButtonClicked.bind(this));
+
+      this.licenseUi_.addEventListener('buttonclick', function() {
+        chrome.send('onLicenseTypeSelected', [this.licenseUi_.selected]);
+      }.bind(this));
+
     },
 
     /**
      * Header text of the screen.
      * @type {string}
      */
     get header() {
       return loadTimeData.getString('oauthEnrollScreenTitle');
     },
 
@@ skipping 81 matching lines @@
           this.currentStep_ == STEP_AD_JOIN) {
         return;
       }
       if (this.isCancelDisabled)
         return;
       this.isCancelDisabled = true;
       chrome.send('oauthEnrollClose', ['cancel']);
     },
 
     /**
+     * Updates the list of available license types in license selection dialog.
+     */
+    setAvailableLicenseTypes: function(licenseTypes) {
+      var licenses = [
+        {
+          id: 'perpetual',
+          label: 'perpetualLicenseTypeTitle',
+        },
+        {
+          id: 'annual',
+          label: 'annualLicenseTypeTitle',
+        },
+        {
+          id: 'kiosk',
+          label: 'kioskLicenseTypeTitle',
+        }
+      ];
+      for (var i = 0, item; item = licenses[i]; ++i) {
+        if (item.id in licenseTypes) {
+          item.count = parseInt(licenseTypes[item.id]);
+          item.disabled = item.count == 0;
+          item.hidden = false;
+        } else {
+          item.count = 0;
+          item.disabled = true;
+          item.hidden = true;
+        }
+      }
+      this.licenseUi_.disabled = false;
+      this.licenseUi_.licenses = licenses;
+    },
+
+    /**
      * Switches between the different steps in the enrollment flow.
      * @param {string} step the steps to show, one of "signin", "working",
      * "attribute-prompt", "error", "success".
      */
     showStep: function(step) {
       this.classList.toggle('oauth-enroll-state-' + this.currentStep_, false);
       this.classList.toggle('oauth-enroll-state-' + step, true);
 
       if (step == STEP_SIGNIN) {
         $('oauth-enroll-auth-view').focus();
+      } else if (step == STEP_LICENSE_TYPE) {
+        $('oauth-enroll-license-ui').submitButton.focus();
       } else if (step == STEP_ERROR) {
         $('oauth-enroll-error-card').submitButton.focus();
       } else if (step == STEP_SUCCESS) {
         $('oauth-enroll-success-card').submitButton.focus();
       } else if (step == STEP_ABE_SUCCESS) {
         $('oauth-enroll-abe-success-card').submitButton.focus();
       } else if (step == STEP_ATTRIBUTE_PROMPT) {
         $('oauth-enroll-asset-id').focus();
       } else if (step == STEP_ATTRIBUTE_PROMPT_ERROR) {
         $('oauth-enroll-attribute-prompt-error-card').submitButton.focus();
@@ skipping 92 matching lines @@
           this.currentStep_ == STEP_SIGNIN && this.lastBackMessageValue_;
       this.navigation_.refreshVisible =
           this.isAtTheBeginning() && !this.isManualEnrollment_;
       this.navigation_.closeVisible = (this.currentStep_ == STEP_SIGNIN ||
                                        this.currentStep_ == STEP_ERROR) &&
           !this.navigation_.refreshVisible;
       $('login-header-bar').updateUI_();
     }
   };
 });