OLD | NEW |
---|---|
(Empty) | |
1 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html"> | |
2 <link rel="import" href="chrome://resources/polymer/polymer/layout.html"> | |
3 <link rel="import" href="chrome://resources/polymer/core-animated-pages/core-ani mated-pages.html"> | |
4 <link rel="import" href="chrome://resources/polymer/core-animated-pages/transiti ons/cross-fade.html"> | |
5 | |
6 <!-- | |
7 SAML password confirmation UI for the New Gaia flow. | |
8 Contains two cards with a fade transition between them: | |
9 1. Password input form. | |
10 2. Spinner with notice "Please wait"; | |
11 | |
12 Example: | |
13 <saml-confirm-password id="saml-confirm-password" hidden> | |
14 </saml-confirm-password> | |
15 | |
16 Attributes: | |
17 'email' - displayed email in header. | |
bartfab (slow)
2015/04/30 12:39:48
Nit: Here and below: You have sentences or sentenc
Roman Sorokin (ftl)
2015/04/30 15:03:03
Done.
| |
18 | |
19 Events: | |
20 'passwordEnter' - fired when user enters password. Fires with an argument | |
21 |password|. | |
22 '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-b
Roman Sorokin (ftl)
2015/04/30 15:03:04
Done.
| |
23 the cancel confirmation dialog. | |
24 | |
25 Methods: | |
26 'invalidate' - mark password input as invalid. | |
27 '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"
| |
28 buttons. | |
29 '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.
| |
30 | |
31 --> | |
32 <polymer-element name="saml-confirm-password" vertical layout | |
33 attributes="email"> | |
34 <template> | |
35 <link rel="stylesheet" href="saml_confirm_password.css"> | |
36 <gaia-core-icon-button id="closeButton" icon="close" on-tap="{{onClose}}"> | |
37 </gaia-core-icon-button> | |
38 <core-animated-pages id="animatedPages" transitions="cross-fade-all" flex | |
39 on-core-animated-pages-transition-end="{{onTransitionEnd}}"> | |
40 <section flex> | |
41 <gaia-card id="confirmPasswordCard"> | |
42 <gaia-header class="header" email="{{email}}"> | |
43 </gaia-header> | |
44 <div horizontal layout center class="footer gaia-body-text"> | |
45 <p i18n-content="confirmPasswordTitle"> | |
46 </p> | |
47 </div> | |
48 <gaia-input-form class="footer" id="passwordInput" | |
49 inputtype="password" | |
50 i18n-values="errorMsg:confirmPasswordIncorrectPassword; | |
51 inputLabel:confirmPasswordLabel; | |
52 buttonText:nextButtonText"> | |
53 </gaia-input-form> | |
54 <paper-action-dialog class="footer" id="cancelConfirmDlg" | |
55 layered="false"> | |
56 <p i18n-content="confirmPasswordCancelDialogTitle"></p> | |
57 <gaia-paper-button class="dialog-action-button" affirmative | |
58 autofocus i18n-content="confirmPasswordCancelDialogNo"> | |
59 </gaia-paper-button> | |
60 <gaia-paper-button id="confirmCancel" on-tap="{{onConfirmCancel}}" | |
61 class="dialog-action-button" affirmative | |
62 i18n-content="confirmPasswordCancelDialogYes"> | |
63 </gaia-paper-button> | |
64 </paper-action-dialog> | |
65 </gaia-card> | |
66 </section> | |
67 <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.
| |
68 <throbber-notice i18n-values="text:gaiaLoadingNewGaia" self-center> | |
69 </throbber-notice> | |
70 </section> | |
71 </core-animated-pages> | |
72 </template> | |
73 </polymer-element> | |
OLD | NEW |