| OLD | NEW |
| 1 <dom-module id="user-pod-template-shared-styles"> | 1 <dom-module id="user-pod-template-shared-styles"> |
| 2 <template> | 2 <template> |
| 3 <link rel="stylesheet" href="user_pod_template.css"> | 3 <link rel="stylesheet" href="user_pod_template.css"> |
| 4 </template> | 4 </template> |
| 5 </dom-module> | 5 </dom-module> |
| 6 | 6 |
| 7 <style is="custom-style" include="user-pod-template-shared-styles"></style> | 7 <style is="custom-style" include="user-pod-template-shared-styles"></style> |
| 8 | 8 |
| 9 <iron-iconset-svg name="user-pod" size="24"> |
| 10 <svg> |
| 11 <defs> |
| 12 <!-- |
| 13 Inlined from Polymer's iron-icons to avoid importing everything. |
| 14 See http://goo.gl/Y1OdAq for instructions on adding additional icons. |
| 15 --> |
| 16 <g id="arrow-forward"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5
.59L12 20l8-8z"/></g> |
| 17 </defs> |
| 18 </svg> |
| 19 </iron-iconset-svg> |
| 20 |
| 9 <div id="user-pod-template" class="pod disabled" hidden> | 21 <div id="user-pod-template" class="pod disabled" hidden> |
| 10 <div class="user-image-pane"> | 22 <div class="user-image-pane"> |
| 11 <div class="user-image-container"> | 23 <div class="user-image-container"> |
| 12 <img class="user-image" alt> | 24 <img class="user-image" alt> |
| 13 </div> | 25 </div> |
| 14 <div class="signed-in-indicator" i18n-content="signedIn"></div> | 26 <div class="signed-in-indicator" i18n-content="signedIn"></div> |
| 15 <div class="indicator-container"> | 27 <div class="indicator-container"> |
| 16 <div class="indicator legacy-supervised-indicator"></div> | 28 <div class="indicator legacy-supervised-indicator"></div> |
| 17 <div class="indicator child-indicator"></div> | 29 <div class="indicator child-indicator"></div> |
| 18 <div class="indicator locked-indicator"></div> | 30 <div class="indicator locked-indicator"></div> |
| 19 </div> | 31 </div> |
| 20 </div> | 32 </div> |
| 21 <if expr="chromeos"> | 33 <if expr="chromeos"> |
| 22 <div class="pin-container pin-disabled pin-tag"> | 34 <div class="pin-container pin-disabled pin-tag"> |
| 23 <pin-keyboard enable-password hide-input></pin-keyboard> | 35 <pin-keyboard enable-password hide-input></pin-keyboard> |
| 24 </div> | 36 </div> |
| 25 </if> | 37 </if> |
| 26 <div class="main-pane"> | 38 <div class="main-pane"> |
| 27 <div class="name-container pin-tag"> | 39 <div class="name-container pin-tag"> |
| 28 <div class="name"></div> | 40 <div class="name"></div> |
| 29 <div class="learn-more-container"> | 41 <div class="learn-more-container"> |
| 30 <div class="learn-more"></div> | 42 <div class="learn-more"></div> |
| 31 </div> | 43 </div> |
| 32 </div> | 44 </div> |
| 33 <div class="auth-container pin-tag"> | 45 <div class="auth-container"> |
| 34 <!-- Password Authentication --> | 46 <!-- Password Authentication --> |
| 35 <div class="password-entry-container"> | 47 <div class="password-entry-container"> |
| 36 <div class="password-container"> | 48 <div class="password-container"> |
| 37 <input type="password" class="password" | 49 <input type="password" class="password" |
| 38 i18n-values="placeholder:passwordHint"> | 50 i18n-values="placeholder:passwordHint"> |
| 39 </div> | 51 </div> |
| 40 <div class="capslock-hint-container"> | 52 <div class="capslock-hint-container"> |
| 41 <img class="capslock-hint" | 53 <img class="capslock-hint" |
| 42 src="chrome://theme/IDR_LOGIN_PASSWORD_CAPS_LOCK" alt> | 54 src="chrome://theme/IDR_LOGIN_PASSWORD_CAPS_LOCK" alt> |
| 43 </div> | 55 </div> |
| 56 <paper-icon-button class="submit-button" disabled |
| 57 icon="user-pod:arrow-forward"> |
| 58 </paper-icon-button> |
| 44 </div> | 59 </div> |
| 45 <!-- User Click Authentication --> | 60 <!-- User Click Authentication --> |
| 46 <div class="password-label"></div> | 61 <div class="password-label"></div> |
| 47 <div class="signin-transition-container"> | 62 <div class="signin-transition-container"> |
| 48 <span class="signing-in-label" i18n-content="signingIn"></span> | 63 <span class="signing-in-label" i18n-content="signingIn"></span> |
| 49 <span class="animated-ellipsis-component0">.</span> | 64 <span class="animated-ellipsis-component0">.</span> |
| 50 <span class="animated-ellipsis-component1">.</span> | 65 <span class="animated-ellipsis-component1">.</span> |
| 51 <span class="animated-ellipsis-component2">.</span> | 66 <span class="animated-ellipsis-component2">.</span> |
| 52 </div> | 67 </div> |
| 53 <div class="custom-icon-container" hidden></div> | 68 <div class="custom-icon-container" hidden></div> |
| (...skipping 119 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 173 i18n-content="publicSessionLanguageAndInput"></a> | 188 i18n-content="publicSessionLanguageAndInput"></a> |
| 174 </div> | 189 </div> |
| 175 <button class="enter-button" | 190 <button class="enter-button" |
| 176 i18n-content="publicAccountEnter" | 191 i18n-content="publicAccountEnter" |
| 177 i18n-values="aria-label:publicAccountEnterAccessibleName"> | 192 i18n-values="aria-label:publicAccountEnterAccessibleName"> |
| 178 </button> | 193 </button> |
| 179 </div> | 194 </div> |
| 180 </div> | 195 </div> |
| 181 </div> | 196 </div> |
| 182 </div> | 197 </div> |
| OLD | NEW |