Messaging for successful attestation-based enrollment.

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_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';

[achuithb, 2016/09/08 02:24:05]

Do we use ABE elsewhere? Seems confusing. STEP_ATTEST_SUCCESS? It's not perfect
but easier to guess what's going on?

[The one and only Dr. Crash, 2016/09/08 03:48:18]

Yes, for example in cryptohomed. We only abbreviate it in non-public places. We
could use the product name, zero-touch, instead but we decided to generalize it
earlier on.

 
   /* TODO(dzhioev): define this step on C++ side.
   /** @const */ var STEP_ATTRIBUTE_PROMPT_ERROR = 'attribute-prompt-error';
 
   /** @const */ var HELP_TOPIC_ENROLLMENT = 4631259;
 
   return {
     EXTERNAL_API: [
       'showStep',
       'showError',
       'doReload',
       'showAttributePromptStep',
+      'showAttestationBasedEnrollmentSuccess',
     ],
 
     /**
      * Authenticator object that wraps GAIA webview.
      */
     authenticator_: null,
 
     /**
      * The current step. This is the last value passed to showStep().
      */
@@ skipping 110 matching lines @@
       $('oauth-enroll-error-card').addEventListener('buttonclick',
                                                     this.doRetry_.bind(this));
       function doneCallback() {
         chrome.send('oauthEnrollClose', ['done']);
       };
 
       $('oauth-enroll-attribute-prompt-error-card').addEventListener(
           'buttonclick', doneCallback);
       $('oauth-enroll-success-card').addEventListener(
           'buttonclick', doneCallback);
+      $('oauth-enroll-abe-success-card').addEventListener(
+          'buttonclick', doneCallback);
 
       this.navigation_.addEventListener('close', this.cancel.bind(this));
       this.navigation_.addEventListener('refresh', this.cancel.bind(this));
 
       this.navigation_.addEventListener('back', function() {
         this.navigation_.backVisible = false;
         $('oauth-enroll-auth-view').back();
       }.bind(this));
 
       $('oauth-enroll-attribute-prompt-card').addEventListener('submit',
@@ skipping 72 matching lines @@
      * Shows attribute-prompt step with pre-filled asset ID and
      * location.
      */
     showAttributePromptStep: function(annotated_asset_id, annotated_location) {
       $('oauth-enroll-asset-id').value = annotated_asset_id;
       $('oauth-enroll-location').value = annotated_location;
       this.showStep(STEP_ATTRIBUTE_PROMPT);
     },
 
     /**
+     * Shows a success card for attestation-based enrollment that shows
+     * which domain the device was enrolled into.
+     */
+    showAttestationBasedEnrollmentSuccess: function(enterprise_domain) {
+      $('oauth-enroll-abe-success-card').innerHTML =
+          loadTimeData.getStringF('oauthEnrollAbeSuccess', enterprise_domain);
+      this.showStep(STEP_ABE_SUCCESS);
+    },
+
+    /**
      * Cancels the current authentication and drops the user back to the next
      * screen (either the next authentication or the login screen).
      */
     cancel: function() {
       if (this.isCancelDisabled)
         return;
       this.isCancelDisabled = true;
       chrome.send('oauthEnrollClose', ['cancel']);
     },
 
     /**
      * 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_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();
       }
 
       this.currentStep_ = step;
       this.lastBackMessageValue_ = false;
       this.updateControlsState();
     },
@@ skipping 67 matching lines @@
                                      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_();
     }
   };
 });