OLD | NEW |
(Empty) | |
| 1 <dom-module id="user-pod-template-shared-styles"> |
| 2 <template> |
| 3 <link rel="stylesheet" href="md_user_pod_template.css"> |
| 4 </template> |
| 5 </dom-module> |
| 6 |
| 7 <style is="custom-style" include="user-pod-template-shared-styles"></style> |
| 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 <g id="close"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5
17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></g> |
| 18 </defs> |
| 19 </svg> |
| 20 </iron-iconset-svg> |
| 21 |
| 22 <div id="user-pod-template" class="pod disabled" hidden> |
| 23 <div class="user-image-pane"> |
| 24 <div class="user-image-container"> |
| 25 <img class="user-image" alt> |
| 26 </div> |
| 27 <div class="signed-in-indicator" i18n-content="signedIn"></div> |
| 28 <div class="indicator-container"> |
| 29 <div class="indicator legacy-supervised-indicator"></div> |
| 30 <div class="indicator child-indicator"></div> |
| 31 <div class="indicator locked-indicator"></div> |
| 32 </div> |
| 33 </div> |
| 34 <if expr="chromeos"> |
| 35 <div class="pin-container pin-disabled pin-tag"> |
| 36 <pin-keyboard enable-password hide-input></pin-keyboard> |
| 37 </div> |
| 38 </if> |
| 39 <div class="main-pane"> |
| 40 <div class="name-container"> |
| 41 <div class="learn-more-container"> |
| 42 <div class="learn-more"></div> |
| 43 </div> |
| 44 <div class="name"></div> |
| 45 </div> |
| 46 <div class="auth-container"> |
| 47 <!-- Password Authentication --> |
| 48 <div class="custom-icon-container" hidden></div> |
| 49 <if expr="chromeos"> |
| 50 <div class="fingerprint-icon-container" hidden |
| 51 i18n-values="aria-label:fingerprintIconMessage"> |
| 52 <div class="custom-icon fingerprint-icon-image"></div> |
| 53 </div> |
| 54 </if> |
| 55 <div class="password-entry-container"> |
| 56 <div class="password-container"> |
| 57 <input type="password" class="password" |
| 58 i18n-values="placeholder:passwordHint"> |
| 59 </div> |
| 60 <if expr="chromeos"> |
| 61 <div class="capslock-hint-container"> |
| 62 <img class="capslock-hint" |
| 63 src="chrome://theme/IDR_LOGIN_PASSWORD_CAPS_LOCK" alt> |
| 64 </div> |
| 65 <paper-icon-button class="submit-button" disabled |
| 66 aria-label="$i18n{submitButtonAccessibleName}" |
| 67 icon="user-pod:arrow-forward" tabindex="-1"> |
| 68 </paper-icon-button> |
| 69 </if> |
| 70 </div> |
| 71 <!-- User Click Authentication --> |
| 72 <div class="password-label"></div> |
| 73 <div class="signin-transition-container"> |
| 74 <span class="signing-in-label" i18n-content="signingIn"></span> |
| 75 <span class="animated-ellipsis-component0">.</span> |
| 76 <span class="animated-ellipsis-component1">.</span> |
| 77 <span class="animated-ellipsis-component2">.</span> |
| 78 </div> |
| 79 <div class="reauth-hint-container"> |
| 80 <span class="reauth-warning"></span> |
| 81 <span class="reauth-name-hint"></span> |
| 82 </div> |
| 83 <div class="launch-app-button-container" hidden> |
| 84 <button class="launch-app-button" i18n-content="launchAppButton"> |
| 85 </button> |
| 86 </div> |
| 87 </div> |
| 88 </div> |
| 89 <div class="action-box-area"> |
| 90 <div class="custom-appearance action-box-button"></div> |
| 91 <!-- iron-icon is imported inside user_manager.html --> |
| 92 <iron-icon icon="cr:more-vert" class="action-box-icon"></iron-icon> |
| 93 </div> |
| 94 <div class="user-image-gradient-area"> |
| 95 </div> |
| 96 <div class="user-type-icon-area" hidden> |
| 97 <div class="custom-appearance user-type-icon-image"></div> |
| 98 </div> |
| 99 <div class="action-box-menu"> |
| 100 <div class="action-box-menu-title"> |
| 101 <span class="action-box-menu-title-name"></span> |
| 102 <span class="action-box-menu-title-email"></span> |
| 103 </div> |
| 104 <div class="action-box-menu-remove"> |
| 105 <span class="action-box-menu-remove-command"/> |
| 106 </div> |
| 107 <div class="action-box-remove-user-warning" hidden> |
| 108 <div class="action-box-remove-user-warning-text"></div> |
| 109 <table class="action-box-remove-user-warning-table-nonsync |
| 110 non-sync has-stats"> |
| 111 <tbody> |
| 112 <tr> |
| 113 <td i18n-content="removeUserWarningTextHistory"></td> |
| 114 <td class="action-box-remove-user-warning-history |
| 115 action-box-remove-user-warning-table-numbers" |
| 116 i18n-content="removeUserWarningTextCalculating"></td> |
| 117 </tr> |
| 118 <tr> |
| 119 <td i18n-content="removeUserWarningTextPasswords"></td> |
| 120 <td class="action-box-remove-user-warning-passwords |
| 121 action-box-remove-user-warning-table-numbers" |
| 122 i18n-content="removeUserWarningTextCalculating"></td> |
| 123 </tr> |
| 124 <tr> |
| 125 <td i18n-content="removeUserWarningTextBookmarks"></td> |
| 126 <td class="action-box-remove-user-warning-bookmarks |
| 127 action-box-remove-user-warning-table-numbers" |
| 128 i18n-content="removeUserWarningTextCalculating"></td> |
| 129 </tr> |
| 130 <tr> |
| 131 <td i18n-content="removeUserWarningTextSettings"></td> |
| 132 <td class="action-box-remove-user-warning-settings |
| 133 action-box-remove-user-warning-table-numbers" |
| 134 i18n-content="removeUserWarningTextCalculating"></td> |
| 135 </tr> |
| 136 </tbody> |
| 137 </table> |
| 138 <div class="action-box-remove-legacy-supervised-user-warning-text" |
| 139 i18n-content="removeLegacySupervisedUserWarningText"></div> |
| 140 <div class="action-box-remove-non-owner-user-warning-text" |
| 141 i18n-content="removeNonOwnerUserWarningText"></div> |
| 142 <!-- paper-button is imported inside user_manager.html --> |
| 143 <paper-button class="remove-warning-button" |
| 144 i18n-content="removeUserWarningButtonTitle"></paper-button> |
| 145 </div> |
| 146 </div> |
| 147 <div class="user-type-bubble"> |
| 148 <div class="user-type-bubble-header"> |
| 149 <span class="mp-policy-title" |
| 150 i18n-content="multiProfilesRestrictedPolicyTitle"></span> |
| 151 </div> |
| 152 <div class="user-type-bubble-body"> |
| 153 <span class="mp-policy-not-allowed-msg" |
| 154 i18n-content="multiProfilesNotAllowedPolicyMsg" hidden></span> |
| 155 <span class="mp-policy-primary-only-msg" |
| 156 i18n-content="multiProfilesPrimaryOnlyPolicyMsg" hidden></span> |
| 157 <span class="mp-owner-primary-only-msg" |
| 158 i18n-content="multiProfilesOwnerPrimaryOnlyMsg" hidden></span> |
| 159 </div> |
| 160 </div> |
| 161 </div> |
| 162 |
| 163 <!-- Extra elements that are appended to above "user-pod-template" for public |
| 164 account user pod. Note that only the children of the template div are |
| 165 appended. --> |
| 166 <div id="public-account-user-pod-extras-template" hidden> |
| 167 <div class="expanded-pane"> |
| 168 <div class="expanded-pane-contents"> |
| 169 <div class="side-container"> |
| 170 <div class="expanded-pane-name"></div> |
| 171 <div class="expanded-pane-container"> |
| 172 <div class="expanded-pane-learn-more-container"> |
| 173 <div class="expanded-pane-learn-more"></div> |
| 174 </div> |
| 175 <div class="info"></div> |
| 176 <div class="monitoring-container"> |
| 177 <span class="monitoring-warning" |
| 178 i18n-content="publicAccountMonitoringWarning"></span> |
| 179 <a class="monitoring-learn-more" href="#" role="button" |
| 180 i18n-content="publicAccountLearnMore"></a> |
| 181 </div> |
| 182 <div class="reminder" i18n-content="publicAccountReminder"></div> |
| 183 <div class="language-and-input-section"> |
| 184 <div class="select-with-label"> |
| 185 <label class="language-select-label" |
| 186 i18n-content="publicSessionSelectLanguage"> |
| 187 </label> |
| 188 <div class="select-container"> |
| 189 <select class="language-select"></select> |
| 190 </div> |
| 191 </div> |
| 192 <div class="select-with-label"> |
| 193 <label class="keyboard-select-label" |
| 194 i18n-content="publicSessionSelectKeyboard"> |
| 195 </label> |
| 196 <div class="select-container"> |
| 197 <select class="keyboard-select"></select> |
| 198 </div> |
| 199 </div> |
| 200 </div> |
| 201 </div> |
| 202 </div> |
| 203 <div class="horizontal-line"></div> |
| 204 <div class="bottom-container"> |
| 205 <paper-button raised class="enter-button" |
| 206 i18n-content="publicAccountEnter" |
| 207 i18n-values="aria-label:publicAccountEnterAccessibleName"> |
| 208 </paper-button> |
| 209 <div class="language-and-input-container"> |
| 210 <a class="language-and-input" href="#" role="button" |
| 211 i18n-content="publicSessionLanguageAndInput"></a> |
| 212 </div> |
| 213 </div> |
| 214 </div> |
| 215 </div> |
| 216 </div> |
OLD | NEW |