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..07dee4ccd1b7d23388eb5c4ef88ed99a6cf6ad7b
--- /dev/null
+++ b/chrome/browser/resources/chromeos/login/active_directory_password_change.html
@@ -0,0 +1,69 @@
+<!-- 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/iron-icons/iron-icons.html">

[Alexander Alekseev, 2017/01/11 01:48:39]

Do you need this?

Loading of all the icons takes significant amount of time, so we usually inline
the icons we need for the UI. See
https://cs.chromium.org/chromium/src/chrome/browser/resources/chromeos/login/...
for an example.

[michaelpg, 2017/01/11 22:09:09]

+1. Some documentation:
https://www.chromium.org/developers/updating-webui-for-material-design/using-...

[Roman Sorokin (ftl), 2017/01/12 12:38:50]

Done.

[Roman Sorokin (ftl), 2017/01/12 12:38:50]

Done.

+<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 two times new one.

[michaelpg, 2017/01/11 22:09:09]

"and confirms new one."

[Roman Sorokin (ftl), 2017/01/12 12:38:50]

Done.

+                      Fires with an argument which contains:
+                      { 'username': <username>,
+                        'oldPassword': <typed old password>,
+                        'newPassword': <typed new password>,
+                        'repeatNewPassword': <typed repeated new password>,

[michaelpg, 2017/01/11 22:09:10]

Why pass this field? The confirmation field has already been validated when the
event is fired, right?

[Roman Sorokin (ftl), 2017/01/12 12:38:50]

I thought it was a good idea to pass all the info that was entered. Yes, it has
been validated. I guess we could remove that.

+                      }
+-->
+<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"></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>
+            <img src="chrome://theme/IDR_LOGO_GOOGLE_COLOR_90"
+                 class="self-center" alt="">
+          </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>