ChromeOS Gaia: SAML password confirmation dialog

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

Index: chrome/browser/resources/chromeos/login/saml_confirm_password.html
diff --git a/chrome/browser/resources/chromeos/login/saml_confirm_password.html b/chrome/browser/resources/chromeos/login/saml_confirm_password.html
new file mode 100644
index 0000000000000000000000000000000000000000..ed08ac296d3e76f7abd48c09e9bb44f13bb40e66
--- /dev/null
+++ b/chrome/browser/resources/chromeos/login/saml_confirm_password.html
@@ -0,0 +1,73 @@
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/polymer/layout.html">
+<link rel="import" href="chrome://resources/polymer/core-animated-pages/core-animated-pages.html">
+<link rel="import" href="chrome://resources/polymer/core-animated-pages/transitions/cross-fade.html">
+
+<!--
+  SAML password confirmation UI for the New Gaia flow.
+  Contains two cards with a fade transition between them:
+    1. Password input form.
+    2. Spinner with notice "Please wait";
+
+  Example:
+    <saml-confirm-password id="saml-confirm-password" hidden>
+    </saml-confirm-password>
+
+  Attributes:
+   'email' - displayed email in header.

[bartfab (slow), 2015/04/30 12:39:48]

Nit: Here and below: You have sentences or sentence-like structures with a full
stop at the end, but you begin them with a lowercase letter.

[Roman Sorokin (ftl), 2015/04/30 15:03:03]

Done.

+
+  Events:
+    'passwordEnter' - fired when user enters password. Fires with an argument
+                     |password|.
+    'cancel'        - fired when user press X-button and then press YES in

[bartfab (slow), 2015/04/30 12:39:48]

Nit 1: s/press/presses/g
Nit 2: s/X-button/the X-button/

[Roman Sorokin (ftl), 2015/04/30 15:03:04]

Done.

+                      the cancel confirmation dialog.
+
+  Methods:
+    'invalidate' - mark password input as invalid.
+    'reset'      - reset element, sets in on the first screen and enables

[bartfab (slow), 2015/04/30 12:39:48]

Nit: What does "sets in" mean?

[Roman Sorokin (ftl), 2015/04/30 15:03:03]

Changed to "switches to"

+                   buttons.
+    'focus'      - if current card is the first one it focuses password input.

[bartfab (slow), 2015/04/30 12:39:48]

Nit 1: s/if/if the/
Nit 2: s/ it/,/

[Roman Sorokin (ftl), 2015/04/30 15:03:03]

Done.

+
+-->
+<polymer-element name="saml-confirm-password" vertical layout
+    attributes="email">
+  <template>
+    <link rel="stylesheet" href="saml_confirm_password.css">
+    <gaia-core-icon-button id="closeButton" icon="close" on-tap="{{onClose}}">
+    </gaia-core-icon-button>
+    <core-animated-pages id="animatedPages" transitions="cross-fade-all" flex
+        on-core-animated-pages-transition-end="{{onTransitionEnd}}">
+      <section flex>
+        <gaia-card id="confirmPasswordCard">
+          <gaia-header class="header" email="{{email}}">
+          </gaia-header>
+          <div horizontal layout center class="footer gaia-body-text">
+            <p i18n-content="confirmPasswordTitle">
+            </p>
+          </div>
+          <gaia-input-form class="footer" id="passwordInput"
+              inputtype="password"
+              i18n-values="errorMsg:confirmPasswordIncorrectPassword;
+                           inputLabel:confirmPasswordLabel;
+                           buttonText:nextButtonText">
+          </gaia-input-form>
+          <paper-action-dialog class="footer" id="cancelConfirmDlg"
+              layered="false">
+            <p i18n-content="confirmPasswordCancelDialogTitle"></p>
+            <gaia-paper-button class="dialog-action-button" affirmative
+                autofocus i18n-content="confirmPasswordCancelDialogNo">
+            </gaia-paper-button>
+            <gaia-paper-button id="confirmCancel" on-tap="{{onConfirmCancel}}"
+                class="dialog-action-button" affirmative
+                i18n-content="confirmPasswordCancelDialogYes">
+            </gaia-paper-button>
+          </paper-action-dialog>
+        </gaia-card>
+      </section>
+      <section flex vertical layout center-justified>

[bartfab (slow), 2015/04/30 12:39:48]

When does this get triggered?

[Roman Sorokin (ftl), 2015/04/30 15:03:03]

When user inputs password and presses next.

+        <throbber-notice i18n-values="text:gaiaLoadingNewGaia" self-center>
+        </throbber-notice>
+      </section>
+    </core-animated-pages>
+  </template>
+</polymer-element>