Chromium Code Reviews| 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 |