| OLD | NEW |
| 1 <!-- Copyright 2015 The Chromium Authors. All rights reserved. | 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 | 2 Use of this source code is governed by a BSD-style license that can be |
| 3 found in the LICENSE file. --> | 3 found in the LICENSE file. --> |
| 4 | 4 |
| 5 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> |
| 6 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html
"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe
s/iron-flex-layout.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe
s/iron-flex-layout.html"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio
ns/fade-in-animation.html"> | 8 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio
ns/fade-in-animation.html"> |
| 7 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio
ns/fade-out-animation.html"> | 9 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio
ns/fade-out-animation.html"> |
| 8 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani
matable.html"> | 10 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani
matable.html"> |
| 9 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani
mated-pages.html"> | 11 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani
mated-pages.html"> |
| 10 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog/paper-dial
og.html"> | 12 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.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 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> |
| 13 | 14 |
| 14 <!-- | 15 <!-- |
| 15 SAML password confirmation UI for the New Gaia flow. | 16 SAML password confirmation UI for the New Gaia flow. |
| 16 Contains two cards with a fade transition between them: | 17 Contains two cards with a fade transition between them: |
| 17 1. Password input form. | 18 1. Password input form. |
| 18 2. Spinner with notice "Please wait"; | 19 2. Spinner with notice "Please wait"; |
| 19 | 20 |
| 20 Example: | 21 Example: |
| 21 <saml-confirm-password id="saml-confirm-password" hidden> | 22 <saml-confirm-password id="saml-confirm-password" hidden> |
| (...skipping 12 matching lines...) Expand all Loading... |
| 34 'invalidate' - Mark password input as invalid. | 35 'invalidate' - Mark password input as invalid. |
| 35 'reset' - Reset element, switches to the first screen, closes | 36 'reset' - Reset element, switches to the first screen, closes |
| 36 the confirm dialog, displays the close button, | 37 the confirm dialog, displays the close button, |
| 37 empties password field and enables buttons. | 38 empties password field and enables buttons. |
| 38 'focus' - If the current card is the first one, focuses password input. | 39 'focus' - If the current card is the first one, focuses password input. |
| 39 --> | 40 --> |
| 40 <dom-module id="saml-confirm-password"> | 41 <dom-module id="saml-confirm-password"> |
| 41 <link rel="stylesheet" href="saml_confirm_password.css"> | 42 <link rel="stylesheet" href="saml_confirm_password.css"> |
| 42 | 43 |
| 43 <template> | 44 <template> |
| 45 <style include="cr-shared-style"></style> |
| 44 <neon-animated-pages id="animatedPages" class="fit" | 46 <neon-animated-pages id="animatedPages" class="fit" |
| 45 entry-animation="fade-in-animation" exit-animation="fade-out-animation" | 47 entry-animation="fade-in-animation" exit-animation="fade-out-animation" |
| 46 on-neon-animation-finish="onAnimationFinish_" selected="0"> | 48 on-neon-animation-finish="onAnimationFinish_" selected="0"> |
| 47 <neon-animatable class="fit"> | 49 <neon-animatable class="fit"> |
| 48 <gaia-card id="confirmPasswordCard" class="fit"> | 50 <gaia-card id="confirmPasswordCard" class="fit"> |
| 49 <gaia-header class="header flex" email="[[email]]"> | 51 <gaia-header class="header flex" email="[[email]]"> |
| 50 </gaia-header> | 52 </gaia-header> |
| 51 <div class="footer gaia-body-text horizontal layout center"> | 53 <div class="footer gaia-body-text horizontal layout center"> |
| 52 <p id="title"></p> | 54 <p id="title"></p> |
| 53 </div> | 55 </div> |
| (...skipping 14 matching lines...) Expand all Loading... |
| 68 <neon-animatable class="fit"> | 70 <neon-animatable class="fit"> |
| 69 <throbber-notice i18n-values="text:gaiaLoading" class="fit"> | 71 <throbber-notice i18n-values="text:gaiaLoading" class="fit"> |
| 70 </throbber-notice> | 72 </throbber-notice> |
| 71 </neon-animatable> | 73 </neon-animatable> |
| 72 </neon-animated-pages> | 74 </neon-animated-pages> |
| 73 | 75 |
| 74 <navigation-bar id="navigation" close-visible on-close="onClose_" | 76 <navigation-bar id="navigation" close-visible on-close="onClose_" |
| 75 disabled="[[disabled]]"> | 77 disabled="[[disabled]]"> |
| 76 </navigation-bar> | 78 </navigation-bar> |
| 77 | 79 |
| 78 <paper-dialog id="cancelConfirmDlg" no-cancel-on-outside-click | 80 <dialog is="cr-dialog" id="cancelConfirmDlg" |
| 79 on-iron-overlay-closed="onDialogOverlayClosed_"> | 81 on-close="onDialogOverlayClosed_"> |
| 80 <h2 i18n-content="accountSetupCancelDialogTitle"></h2> | 82 <div class="body" i18n-content="accountSetupCancelDialogTitle"></div> |
| 81 <div class="buttons"> | 83 <div class="button-container"> |
| 82 <gaia-button type="dialog" dialog-dismiss autofocus | 84 <paper-button class="action-button" |
| 83 i18n-content="accountSetupCancelDialogNo"> | 85 i18n-content="accountSetupCancelDialogNo" on-tap="onCancelNo_"> |
| 84 </gaia-button> | 86 </paper-button> |
| 85 <gaia-button type="dialog" dialog-confirm on-tap="onConfirmCancel_" | 87 <paper-button class="cancel-button" |
| 86 i18n-content="accountSetupCancelDialogYes"> | 88 i18n-content="accountSetupCancelDialogYes" on-tap="onCancelYes_"> |
| 87 </gaia-button> | 89 </paper-button> |
| 88 </div> | 90 </div> |
| 89 </paper-dialog> | 91 </dialog> |
| 90 | 92 |
| 91 </template> | 93 </template> |
| 92 </dom-module> | 94 </dom-module> |
| OLD | NEW |