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 |