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

   1 <!-- Copyright 2015 The Chromium Authors. All rights reserved.
   2      Use of this source code is governed by a BSD-style license that can be
   3      found in the LICENSE file. -->
   4
   5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
   6 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/fade-in-animation.html">
   7 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/fade-out-animation.html">
   8 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
   9 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animated-pages.html">
  10 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog/paper-dialog.html">
  11 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
  12 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
  13
  14 <!--
  15   SAML password confirmation UI for the New Gaia flow.
  16   Contains two cards with a fade transition between them:
  17     1. Password input form.
  18     2. Spinner with notice "Please wait";
  19
  20   Example:
  21     <saml-confirm-password id="saml-confirm-password" hidden>
  22     </saml-confirm-password>
  23
  24   Attributes:
  25    'email' - Displayed email in header.
  26
  27   Events:
  28     'passwordEnter' - Fired when user enters password. Fires with an argument
  29                       |password|.
  30     'cancel'        - Fired when user presses the X-button and then presses YES
  31                       in the cancel confirmation dialog.
  32
  33   Methods:
  34     'invalidate' - Mark password input as invalid.
  35     'reset'      - Reset element, switches to the first screen, closes
  36                    the confirm dialog, displays the close button,
  37                    empties password field and enables buttons.
  38     'focus'      - If the current card is the first one, focuses password input.
  39 -->
  40 <dom-module name="saml-confirm-password">
  41   <link rel="stylesheet" href="saml_confirm_password.css">
  42
  43   <template>
  44     <neon-animated-pages id="animatedPages" class="fit"
  45         entry-animation="fade-in-animation" exit-animation="fade-out-animation"
  46         on-neon-animation-finish="onAnimationFinish_" selected="0">
  47       <neon-animatable class="fit">
  48         <gaia-card id="confirmPasswordCard" class="fit">
  49           <gaia-header class="header flex" email="[[email]]">
  50           </gaia-header>
  51           <div class="footer gaia-body-text horizontal layout center">
  52             <p i18n-content="confirmPasswordTitle">
  53             </p>
  54           </div>
  55           <gaia-input-form id="inputForm" class="footer"
  56               on-submit="onPasswordSubmitted_" disabled="[[disabled]]"
  57               i18n-values="button-text:nextButtonText">
  58             <gaia-input id="passwordInput" type="password" required
  59               i18n-values="error:confirmPasswordIncorrectPassword;
  60                            label:confirmPasswordLabel;">
  61             </gaia-input>
  62           </gaia-input-form>
  63         </gaia-card>
  64       </neon-animatable>
  65       <neon-animatable class="fit">
  66         <throbber-notice i18n-values="text:gaiaLoadingNewGaia" class="fit">
  67         </throbber-notice>
  68       </neon-animatable>
  69     </neon-animated-pages>
  70
  71     <gaia-icon-button id="closeButton" icon="close" on-tap="onClose_"
  72         disabled="[[disabled]]" i18n-values="aria-label:closeButton">
  73     </gaia-icon-button>
  74
  75     <paper-dialog id="cancelConfirmDlg" no-cancel-on-outside-click
  76         on-iron-overlay-closed="onDialogOverlayClosed_">
  77       <h2 i18n-content="accountSetupCancelDialogTitle"></h2>
  78       <div class="buttons">
  79         <gaia-button type="dialog" dialog-dismiss autofocus
  80             i18n-content="accountSetupCancelDialogNo">
  81         </gaia-button>
  82         <gaia-button type="dialog" dialog-confirm on-tap="onConfirmCancel_"
  83             i18n-content="accountSetupCancelDialogYes">
  84         </gaia-button>
  85       </div>
  86     </paper-dialog>
  87
  88   </template>
  89 </dom-module>
  90