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 25 matching lines...) Expand all Loading... |
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}}"> | 38 <gaia-core-icon-button id="closeButton" icon="close" on-tap="{{onClose}}"> |
39 </gaia-core-icon-button> | 39 </gaia-core-icon-button> |
40 <core-animated-pages id="animatedPages" transitions="cross-fade-all" flex | 40 <core-animated-pages id="animatedPages" transitions="cross-fade-all" flex |
41 on-core-animated-pages-transition-end="{{onTransitionEnd}}"> | 41 on-core-animated-pages-transition-end="{{onTransitionEnd}}"> |
42 <section flex> | 42 <section flex> |
43 <gaia-card id="oldPasswordCard"> | 43 <gaia-card id="oldPasswordCard"> |
44 <gaia-header class="header" email="{{email}}"> | 44 <gaia-header class="header" email="{{email}}"> |
45 </gaia-header> | 45 </gaia-header> |
46 <div horizontal layout center class="footer margined"> | 46 <div horizontal layout center class="footer gaia-body-text"> |
47 <p class="gaia-body-text" | 47 <p i18n-content="passwordChangedTitle"> |
48 i18n-content="passwordChangedTitle"> | |
49 </p> | 48 </p> |
50 </div> | 49 </div> |
51 <gaia-input-form class="footer" id="oldPasswordInput" | 50 <gaia-input-form class="footer" id="oldPasswordInput" |
52 inputtype="password" | 51 inputtype="password" |
53 i18n-values="errorMsg:oldPasswordIncorrect; | 52 i18n-values="errorMsg:oldPasswordIncorrect; |
54 inputLabel:oldPasswordHint; | 53 inputLabel:oldPasswordHint; |
55 buttonText:nextButtonText"> | 54 buttonText:nextButtonText"> |
56 <gaia-paper-button noink i18n-content="forgotOldPasswordButtonText" | 55 <gaia-paper-button noink i18n-content="forgotOldPasswordButtonText" |
57 class="link-button" | 56 class="link-button" |
58 on-tap="{{onForgotPasswordClicked}}"> | 57 on-tap="{{onForgotPasswordClicked}}"> |
59 </gaia-paper-button> | 58 </gaia-paper-button> |
60 </gaia-input-form> | 59 </gaia-input-form> |
61 </gaia-card> | 60 </gaia-card> |
62 </section> | 61 </section> |
63 <section flex> | 62 <section flex> |
64 <gaia-card> | 63 <gaia-card> |
65 <gaia-header class="header" email="{{email}}"> | 64 <gaia-header class="header" email="{{email}}"> |
66 </gaia-header> | 65 </gaia-header> |
67 <div class="footer"> | 66 <div class="footer"> |
68 <div horizontal layout center class="margined"> | 67 <div horizontal layout center class="gaia-body-text"> |
69 <core-icon icon="warning"></core-icon> | 68 <core-icon icon="warning"></core-icon> |
70 <p flex class="gaia-body-text" | 69 <p flex i18n-content="passwordChangedProceedAnywayTitle"> |
71 i18n-content="passwordChangedProceedAnywayTitle"> | |
72 </p> | 70 </p> |
73 </div> | 71 </div> |
74 <div horizontal layout justified center> | 72 <div horizontal layout justified center> |
75 <gaia-paper-button noink i18n-content="passwordChangedTryAgain" | 73 <gaia-paper-button noink i18n-content="passwordChangedTryAgain" |
76 class="link-button" | 74 class="link-button" |
77 on-tap="{{onTryAgainClicked}}"> | 75 on-tap="{{onTryAgainClicked}}"> |
78 </gaia-paper-button> | 76 </gaia-paper-button> |
79 <gaia-raised-on-focus-button id="proceedAnywayBtn" | 77 <gaia-raised-on-focus-button id="proceedAnywayBtn" |
80 class="blue-button" on-tap="{{onProceedClicked}}" | 78 class="blue-button" on-tap="{{onProceedClicked}}" |
81 i18n-content="proceedAnywayButton"> | 79 i18n-content="proceedAnywayButton"> |
82 </gaia-raised-on-focus-button> | 80 </gaia-raised-on-focus-button> |
83 </div> | 81 </div> |
84 </div> | 82 </div> |
85 </gaia-card> | 83 </gaia-card> |
86 </section> | 84 </section> |
87 <section flex vertical layout center-justified> | 85 <section flex vertical layout center-justified> |
88 <throbber-notice i18n-values="text:gaiaLoadingNewGaia" self-center> | 86 <throbber-notice i18n-values="text:gaiaLoadingNewGaia" self-center> |
89 </throbber-notice> | 87 </throbber-notice> |
90 </section> | 88 </section> |
91 </core-animated-pages> | 89 </core-animated-pages> |
92 </template> | 90 </template> |
93 </polymer-element> | 91 </polymer-element> |
OLD | NEW |