OLD | NEW |
1 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html"> | 1 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html"> |
2 <link rel="import" href="chrome://resources/polymer/polymer/layout.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"> | 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"> | 4 <link rel="import" href="chrome://resources/polymer/core-animated-pages/transiti
ons/cross-fade.html"> |
5 | 5 |
6 <!-- | 6 <!-- |
7 Password changed UI for the New Gaia flow. | 7 Password changed UI for the New Gaia flow. |
8 Contains two cards with a fade transition between them: | 8 Contains two cards with a fade transition between them: |
9 1. Old password input form. | 9 1. Old password input form. |
10 2. Warning about data loss | 10 2. Warning about data loss |
(...skipping 17 matching lines...) Expand all Loading... |
28 'invalidate' - mark password input as invalid. | 28 'invalidate' - mark password input as invalid. |
29 'reset' - reset element, sets in on the first screen and enables | 29 'reset' - reset element, sets in on the first screen and enables |
30 buttons. | 30 buttons. |
31 'focus' - if current card is the first one it focuses password input. | 31 'focus' - if current card is the first one it focuses password input. |
32 | 32 |
33 --> | 33 --> |
34 <polymer-element name="gaia-password-changed" vertical layout | 34 <polymer-element name="gaia-password-changed" vertical layout |
35 attributes="email"> | 35 attributes="email"> |
36 <template> | 36 <template> |
37 <link rel="stylesheet" href="gaia_password_changed.css"> | 37 <link rel="stylesheet" href="gaia_password_changed.css"> |
38 <gaia-core-icon-button id="closeButton" icon="close" on-tap="{{onClose}}"> | |
39 </gaia-core-icon-button> | |
40 <core-animated-pages id="animatedPages" transitions="cross-fade-all" flex | 38 <core-animated-pages id="animatedPages" transitions="cross-fade-all" flex |
41 on-core-animated-pages-transition-end="{{onTransitionEnd}}"> | 39 on-core-animated-pages-transition-end="{{onTransitionEnd}}"> |
42 <section flex> | 40 <section flex> |
43 <gaia-card id="oldPasswordCard"> | 41 <gaia-card id="oldPasswordCard"> |
44 <gaia-header class="header" email="{{email}}"> | 42 <gaia-header class="header" email="{{email}}"> |
45 </gaia-header> | 43 </gaia-header> |
46 <div horizontal layout center class="footer gaia-body-text"> | 44 <div horizontal layout center class="footer gaia-body-text"> |
47 <p i18n-content="passwordChangedTitle"> | 45 <p i18n-content="passwordChangedTitle"> |
48 </p> | 46 </p> |
49 </div> | 47 </div> |
(...skipping 30 matching lines...) Expand all Loading... |
80 </gaia-raised-on-focus-button> | 78 </gaia-raised-on-focus-button> |
81 </div> | 79 </div> |
82 </div> | 80 </div> |
83 </gaia-card> | 81 </gaia-card> |
84 </section> | 82 </section> |
85 <section flex vertical layout center-justified> | 83 <section flex vertical layout center-justified> |
86 <throbber-notice i18n-values="text:gaiaLoadingNewGaia" self-center> | 84 <throbber-notice i18n-values="text:gaiaLoadingNewGaia" self-center> |
87 </throbber-notice> | 85 </throbber-notice> |
88 </section> | 86 </section> |
89 </core-animated-pages> | 87 </core-animated-pages> |
| 88 <button id="closeButton" is="gaia-icon-button" icon="close" |
| 89 i18n-values="aria-label:closeButton" on-click="{{onClose}}"> |
| 90 </button> |
90 </template> | 91 </template> |
91 </polymer-element> | 92 </polymer-element> |
OLD | NEW |