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

// Copyright 2013 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.

/**
 * @fileoverview Password confirmation screen implementation.
 */

login.createScreen('ConfirmPasswordScreen', 'confirm-password', function() {
  return {
    EXTERNAL_API: [
      'show'
    ],

    /**
     * Callback to run when the screen is dismissed.
     * @type {function(string)}
     */
    callback_: null,

    /** @override */
    decorate: function() {
      $('confirm-password-input').addEventListener(
          'keydown', this.onPasswordFieldKeyDown_.bind(this));
      $('confirm-password-confirm-button').addEventListener(
          'click', this.onConfirmPassword_.bind(this));

      $('saml-confirm-password').addEventListener('cancel', function(e) {
          Oobe.showScreen({id: SCREEN_ACCOUNT_PICKER});
          Oobe.resetSigninUI(true);
      });
      $('saml-confirm-password').addEventListener('passwordEnter', function(e) {
        this.callback_(e.detail.password);
      }.bind(this));
    },

    get defaultControl() {
      return $('confirm-password-input');
    },

    /** @override */
    onBeforeShow: function(data) {
      $('login-header-bar').signinUIState =
          SIGNIN_UI_STATE.SAML_PASSWORD_CONFIRM;
    },

    /** @override */
    onAfterShow: function(data) {
      if (Oobe.isNewGaiaFlow())
        $('saml-confirm-password').focus();
    },

    /** @override */
    onBeforeHide: function() {
      if (Oobe.isNewGaiaFlow())
        $('saml-confirm-password').reset();
    },

    /**
     * Handle 'keydown' event on password input field.
     */
    onPasswordFieldKeyDown_: function(e) {
      if (e.keyIdentifier == 'Enter')
        this.onConfirmPassword_();
    },

    /**
     * Invoked when user clicks on the 'confirm' button.
     */
    onConfirmPassword_: function() {
      this.callback_($('confirm-password-input').value);
    },

    /**
     * Shows the confirm password screen.
     * @param {string} email The authenticated user's e-mail.
     * @param {number} attemptCount Number of attempts tried, starting at 0.
     * @param {function(string)} callback The callback to be invoked when the
     *     screen is dismissed.
     */
    show: function(email, attemptCount, callback) {
      this.callback_ = callback;
      this.classList.toggle('error', attemptCount > 0);
      if (Oobe.isNewGaiaFlow()) {
        $('saml-confirm-password-contents').hidden = true;
        var samlConfirmPassword = $('saml-confirm-password');
        samlConfirmPassword.reset();
        samlConfirmPassword.hidden = false;
        samlConfirmPassword.email = email;
        if (attemptCount > 0)
          samlConfirmPassword.invalidate();
      } else {
       $('confirm-password-input').value = '';
      }
      Oobe.showScreen({id: SCREEN_CONFIRM_PASSWORD});
      $('progress-dots').hidden = true;
    }
  };
});