chrome/browser/resources/chromeos/login/active_directory_password_change.html

<!-- Copyright 2016 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. -->

<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/fade-in-animation.html">
<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/fade-out-animation.html">
<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animated-pages.html">
<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/web-animations.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">

<!--
  Offline UI for the Active Directory password change.

  Attributes:
    'username' - User principal name.
  Methods:
    'reset' - resets to the initial state.
    'setInvalid' - invalidates input depending on passed error.
  Events:
    'authCompleted' - Fired when user enters old password and confirms new one.
                      Fires with an argument which contains:
                      { 'username': <username>,
                        'oldPassword': <typed old password>,
                        'newPassword': <typed new password>,
                      }
-->
<dom-module id="active-directory-password-change">
  <template>
    <link rel="stylesheet" href="gaia_password_changed.css">
    <link rel="stylesheet" href="oobe_flex_layout.css">
    <link rel="stylesheet" href="gaia_card_parameters.css">
    <neon-animated-pages id="animatedPages" class="fit"
        entry-animation="fade-in-animation" exit-animation="fade-out-animation"
        selected="0">
      <neon-animatable class="fit">
        <gaia-card id="gaiaCard" class="fit">
          <div slot="header" class="flex vertical layout end-justified start">
            <h1 id="welcomeMessage" class="welcome-message">
              [[computeWelcomeMessage_(username)]]
            </h1>
          </div>
          <div slot="footer" class="flex vertical layout justified">
            <gaia-input-form id="inputForm" on-submit="onSubmit_"
                i18n-values="button-text:offlineLoginNextBtn">
              <gaia-input slot="inputs" id="oldPassword" type="password"
                  required>
                <div slot="label" i18n-content="adPassChangeOldPasswordHint">
                </div>
                <div slot="error" i18n-content="adPassChangeOldPasswordError">
                </div>
              </gaia-input>
              <gaia-input slot="inputs" id="newPassword1" type="password"
                  required>
                <div slot="label" i18n-content="adPassChangeNewPasswordHint">
                </div>
                <div slot="error"
                    i18n-content="adPassChangeNewPasswordRejected">
                </div>
              </gaia-input>
              <gaia-input slot="inputs" id="newPassword2" type="password"
                  required>
                <div slot="label"
                    i18n-content="adPassChangeRepeatNewPasswordHint">
                </div>
                <div slot="error" i18n-content="adPassChangePasswordsMismatch">
                </div>
              </gaia-input>
            </gaia-input-form>
          </div>
        </gaia-card>
      </neon-animatable>
      <neon-animatable class="fit">
        <throbber-notice class="fit" i18n-values="text:gaiaLoading">
        </throbber-notice>
      </neon-animatable>
    </neon-animated-pages>
    <navigation-bar id="navigation" close-visible on-close="onClose_">
    </navigation-bar>
  </template>
</dom-module>