| <dom-module id="user-pod-template-shared-styles"> |
| <template> |
| <link rel="stylesheet" href="md_user_pod_template.css"> |
| </template> |
| </dom-module> |
| |
| <style is="custom-style" include="user-pod-template-shared-styles"></style> |
| <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
| |
| <iron-iconset-svg name="user-pod" size="24"> |
| <svg> |
| <defs> |
| <!-- |
| Inlined from Polymer's iron-icons to avoid importing everything. |
| See http://goo.gl/Y1OdAq for instructions on adding additional icons. |
| --> |
| <g id="arrow-forward" stroke="none" stroke-width="1"> |
| <polygon id="arrow" points="10.5 4 9.354375 5.145625 13.888125 9.6875 4 9.6875 4 11.3126 13.888125 11.3125 9.354375 15.854375 10.5 17 17 10.5"></polygon> |
| </g> |
| <g id="dropdown" fill="#FFFFFF" stroke="none" stroke-width="1" fill-rule="evenodd" opacity="0.34"> |
| <polygon points="16.59 8.59 12 13.17 7.41 8.59 6 10 12 16 18 10"></polygon> |
| </g> |
| </defs> |
| </svg> |
| </iron-iconset-svg> |
| |
| <div id="user-pod-template" class="pod disabled" hidden> |
| <div class="user-image-pane"> |
| <div class="user-image-container"> |
| <img class="user-image" alt> |
| </div> |
| <div class="indicator-container"> |
| <div class="indicator legacy-supervised-indicator"></div> |
| <div class="indicator child-indicator"></div> |
| <div class="indicator locked-indicator"></div> |
| </div> |
| </div> |
| <if expr="chromeos"> |
| <div class="pin-container pin-disabled pin-tag"> |
| <pin-keyboard enable-password hide-input></pin-keyboard> |
| </div> |
| </if> |
| <div class="main-pane"> |
| <div class="name-container"> |
| <div class="learn-more-container"> |
| <div class="learn-more"></div> |
| </div> |
| <div class="name"></div> |
| <div class="action-box-area"> |
| <paper-icon-button class="action-box-button" disabled |
| icon="user-pod:dropdown" tabindex="-1"> |
| </paper-icon-button> |
| <iron-icon icon="cr:more-vert" class="action-box-icon"></iron-icon> |
| </div> |
| <div class="action-box-menu"> |
| <div class="action-box-menu-title"> |
| <span class="action-box-menu-title-name"></span> |
| <span class="action-box-menu-title-email"></span> |
| </div> |
| <div class="action-box-menu-remove" |
| i18n-content="removeUserWarningButtonTitle"> |
| </div> |
| <div class="action-box-remove-user-warning" hidden> |
| <div class="action-box-remove-user-warning-text"></div> |
| <table class="action-box-remove-user-warning-table-nonsync |
| non-sync has-stats"> |
| <tbody> |
| <tr> |
| <td i18n-content="removeUserWarningTextHistory"></td> |
| <td class="action-box-remove-user-warning-history |
| action-box-remove-user-warning-table-numbers" |
| i18n-content="removeUserWarningTextCalculating"></td> |
| </tr> |
| <tr> |
| <td i18n-content="removeUserWarningTextPasswords"></td> |
| <td class="action-box-remove-user-warning-passwords |
| action-box-remove-user-warning-table-numbers" |
| i18n-content="removeUserWarningTextCalculating"></td> |
| </tr> |
| <tr> |
| <td i18n-content="removeUserWarningTextBookmarks"></td> |
| <td class="action-box-remove-user-warning-bookmarks |
| action-box-remove-user-warning-table-numbers" |
| i18n-content="removeUserWarningTextCalculating"></td> |
| </tr> |
| <tr> |
| <td i18n-content="removeUserWarningTextSettings"></td> |
| <td class="action-box-remove-user-warning-settings |
| action-box-remove-user-warning-table-numbers" |
| i18n-content="removeUserWarningTextCalculating"></td> |
| </tr> |
| </tbody> |
| </table> |
| <div class="action-box-remove-legacy-supervised-user-warning-text" |
| i18n-content="removeLegacySupervisedUserWarningText"></div> |
| <div class="action-box-remove-non-owner-user-warning-text" |
| i18n-content="removeNonOwnerUserWarningText"></div> |
| <!-- paper-button is imported inside user_manager.html --> |
| <paper-button class="remove-warning-button" |
| i18n-content="removeUserWarningButtonTitle"></paper-button> |
| </div> |
| </div> |
| </div> |
| <div class="auth-container"> |
| <!-- Password Authentication --> |
| <div class="custom-icon-container" hidden></div> |
| <if expr="chromeos"> |
| <div class="fingerprint-icon-container" hidden |
| i18n-values="aria-label:fingerprintIconMessage"> |
| <div class="custom-icon fingerprint-icon-image"></div> |
| </div> |
| </if> |
| <div class="password-entry-container"> |
| <div class="password-container"> |
| <input type="password" class="password" |
| i18n-values="placeholder:passwordHint"> |
| </div> |
| <if expr="chromeos"> |
| <div class="capslock-hint-container"> |
| <img class="capslock-hint" |
| src="chrome://theme/IDR_LOGIN_PASSWORD_CAPS_LOCK" alt> |
| </div> |
| <paper-icon-button class="submit-button" disabled |
| aria-label="$i18n{submitButtonAccessibleName}" |
| icon="user-pod:arrow-forward" tabindex="-1"> |
| </paper-icon-button> |
| </if> |
| </div> |
| <!-- User Click Authentication --> |
| <div class="password-label"></div> |
| <div class="signin-transition-container"> |
| <span class="signing-in-label" i18n-content="signingIn"></span> |
| <span class="animated-ellipsis-component0">.</span> |
| <span class="animated-ellipsis-component1">.</span> |
| <span class="animated-ellipsis-component2">.</span> |
| </div> |
| <div class="reauth-hint-container"> |
| <span class="reauth-warning"></span> |
| <span class="reauth-name-hint"></span> |
| </div> |
| <div class="launch-app-button-container" hidden> |
| <button class="launch-app-button" i18n-content="launchAppButton"> |
| </button> |
| </div> |
| <div id="input-line"> |
| <svg> |
| <line x1="0" y1="0" x2="204" y2="0"> |
| </svg> |
| </div> |
| </div> |
| </div> |
| <div class="user-image-gradient-area"> |
| </div> |
| <div class="user-type-icon-area" hidden> |
| <div class="custom-appearance user-type-icon-image"></div> |
| </div> |
| <div class="user-type-bubble"> |
| <div class="user-type-bubble-header"> |
| <span class="mp-policy-title" |
| i18n-content="multiProfilesRestrictedPolicyTitle"></span> |
| </div> |
| <div class="user-type-bubble-body"> |
| <span class="mp-policy-not-allowed-msg" |
| i18n-content="multiProfilesNotAllowedPolicyMsg" hidden></span> |
| <span class="mp-policy-primary-only-msg" |
| i18n-content="multiProfilesPrimaryOnlyPolicyMsg" hidden></span> |
| <span class="mp-owner-primary-only-msg" |
| i18n-content="multiProfilesOwnerPrimaryOnlyMsg" hidden></span> |
| </div> |
| </div> |
| </div> |
| |
| <!-- Extra elements that are appended to above "user-pod-template" for public |
| account user pod. Note that only the children of the template div are |
| appended. --> |
| <div id="public-account-user-pod-extras-template" hidden> |
| <div class="expanded-pane"> |
| <div class="expanded-pane-contents"> |
| <div class="side-container"> |
| <div class="expanded-pane-name"></div> |
| <div class="expanded-pane-container"> |
| <div class="expanded-pane-learn-more-container"> |
| <div class="expanded-pane-learn-more"></div> |
| </div> |
| <div class="info"></div> |
| <div class="monitoring-container"> |
| <span class="monitoring-warning" |
| i18n-content="publicAccountMonitoringWarning"></span> |
| <a class="monitoring-learn-more" href="#" role="button" |
| i18n-content="publicAccountLearnMore"></a> |
| </div> |
| <div class="reminder" i18n-content="publicAccountReminder"></div> |
| <div class="language-and-input-section"> |
| <div class="select-with-label"> |
| <label class="language-select-label" |
| i18n-content="publicSessionSelectLanguage"> |
| </label> |
| <div class="select-container"> |
| <select class="language-select"></select> |
| </div> |
| </div> |
| <div class="select-with-label"> |
| <label class="keyboard-select-label" |
| i18n-content="publicSessionSelectKeyboard"> |
| </label> |
| <div class="select-container"> |
| <select class="keyboard-select"></select> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="horizontal-line"></div> |
| <div class="bottom-container"> |
| <paper-button raised class="enter-button" |
| i18n-content="publicAccountEnter" |
| i18n-values="aria-label:publicAccountEnterAccessibleName"> |
| </paper-button> |
| <div class="language-and-input-container"> |
| <a class="language-and-input" href="#" role="button" |
| i18n-content="publicSessionLanguageAndInput"></a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |