Add Active Directory password change screen.

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

Index: chrome/browser/resources/chromeos/login/active_directory_password_change.html
diff --git a/chrome/browser/resources/chromeos/login/active_directory_password_change.html b/chrome/browser/resources/chromeos/login/active_directory_password_change.html
new file mode 100644
index 0000000000000000000000000000000000000000..3f21f1965710e26df77b5b6ecd254ed48b78f1fa
--- /dev/null
+++ b/chrome/browser/resources/chromeos/login/active_directory_password_change.html
@@ -0,0 +1,67 @@
+<!-- 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/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.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/paper-styles/color.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+
+<!--
+  Offline UI for the Active Directory password change.
+
+  Attributes:
+    'username' - User principal name.
+  Methods:
+    'reset' - resets to the initial state.
+  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">
+  <link rel="stylesheet" href="gaia_password_changed.css">
+  <template>
+    <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 class="header flex vertical layout end-justified start">
+            <h1 id="welcomeMessage" class="welcome-message">
+              [[computeWelcomeMessage_(username)]]
+            </h1>
+          </div>
+          <div class="footer flex vertical layout justified">
+            <gaia-input-form on-submit="onSubmit_"
+                i18n-values="button-text:offlineLoginNextBtn">
+              <gaia-input id="oldPassword" type="password" required
+                  i18n-values="error:adOldPasswordError;
+                               label:adEnterOldPasswordHint">
+              </gaia-input>
+              <gaia-input id="newPassword1" type="password" required
+                  i18n-values="label:adEnterNewPasswordHint">
+              </gaia-input>
+              <gaia-input id="newPassword2" type="password" required
+                  i18n-values="error:adNewPasswordError;
+                               label:adRepeatNewPasswordHint">
+              </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>