Chromium Code Reviews Chromium Code Reviews
Issue 1115993002:
ChromeOS Gaia: SAML password confirmation dialog (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| 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. | |
| 18 | |
| 19 Events: | |
| 20 'passwordEnter' - Fired when user enters password. Fires with an argument | |
| 21 |password|. | |
| 22 'cancel' - Fired when user presses the X-button and then presses YES | |
| 23 in the cancel confirmation dialog. | |
| 24 | |
| 25 Methods: | |
| 26 'invalidate' - Mark password input as invalid. | |
| 27 'reset' - Reset element, switches to the first screen, closes | |
| 28 the cancel confirm dialog, displays the close button, | |
|
bartfab (slow)
2015/05/07 15:05:11
Nit: s/cancel //
Roman Sorokin (ftl)
2015/05/08 09:22:45
Done.
| |
| 29 empties password field and enables buttons. | |
| 30 'focus' - If the current card is the first one, focuses password input. | |
| 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="accountSetupCancelDialogTitle"></p> | |
| 57 <gaia-paper-button class="dialog-action-button" affirmative | |
| 58 autofocus i18n-content="accountSetupCancelDialogNo"> | |
| 59 </gaia-paper-button> | |
| 60 <gaia-paper-button id="confirmCancel" on-tap="{{onConfirmCancel}}" | |
| 61 class="dialog-action-button" affirmative | |
| 62 i18n-content="accountSetupCancelDialogYes"> | |
| 63 </gaia-paper-button> | |
| 64 </paper-action-dialog> | |
| 65 </gaia-card> | |
| 66 </section> | |
| 67 <section flex vertical layout center-justified> | |
| 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 |
