| <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" fill="none" fill-rule="evenodd"> |
| <polygon points="0 0 20 0 20 20 0 20"/> |
| <polygon fill="#FFF" points="10.042 3.5 8.896 4.646 13.43 9.188 3.542 9.188 3.542 10.813 13.43 10.813 8.896 15.354 10.042 16.5 16.542 10"/> |
| </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> |
| <g id="legacy-supervised-badge"> |
| <path d="M16.5,13.5 C17.42,13.5 18.16,12.7533333 18.16,11.8333333 C18.16,10.9133333 17.42,10.1666667 16.5,10.1666667 C15.58,10.1666667 14.8333333,10.9133333 14.8333333,11.8333333 C14.8333333,12.7533333 15.58,13.5 16.5,13.5 Z M11.5,12.8333333 C12.6066667,12.8333333 13.4933333,11.94 13.4933333,10.8333333 C13.4933333,9.72666667 12.6066667,8.83333333 11.5,8.83333333 C10.3933333,8.83333333 9.5,9.72666667 9.5,10.8333333 C9.5,11.94 10.3933333,12.8333333 11.5,12.8333333 Z M16.5,14.8333333 C15.28,14.8333333 12.8333333,15.4466667 12.8333333,16.6666667 L12.8333333,18.1666667 L20.1666667,18.1666667 L20.1666667,16.6666667 C20.1666667,15.4466667 17.72,14.8333333 16.5,14.8333333 Z M11.5,14.1666667 C9.94666667,14.1666667 6.83333333,14.9466667 6.83333333,16.5 L6.83333333,18.1666667 L11.5,18.1666667 L11.5,16.6666667 C11.5,16.1 11.72,15.1066667 13.08,14.3533333 C12.5,14.2333333 11.94,14.1666667 11.5,14.1666667 Z" id="Shape" fill="#000000" fill-rule="nonzero" opacity="0.34"></path> |
| </g> |
| <g id="caps-lock"> |
| <path d="M2.5,4.49188419 C2.5,3.39179693 3.39339733,2.5 4.49188419,2.5 L15.5081158,2.5 C16.6082031,2.5 17.5,3.39339733 17.5,4.49188419 L17.5,15.5081158 C17.5,16.6082031 16.6066027,17.5 15.5081158,17.5 L4.49188419,17.5 C3.39179693,17.5 2.5,16.6066027 2.5,15.5081158 L2.5,4.49188419 Z M10,7.47368421 L13.825,11.5 L15,10.2631579 L10,5 L5,10.2631579 L6.175,11.5 L10,7.47368421 Z M5,15 L15,15 L15,13.5 L5,13.5 L5,15 Z" id="Combined-Shape" fill="#FFFFFF"></path> |
| </g> |
| <g id="public-session-icon"> |
| <path d="M16,17 L18,17 L18,15 L16,15 L16,17 Z M16,13 L18,13 L18,11 L16,11 L16,13 Z M20,19 L12,19 L12,17 L14,17 L14,15 L12,15 L12,13 L14,13 L14,11 L12,11 L12,9 L20,9 L20,19 Z M8,7 L10,7 L10,5 L8,5 L8,7 Z M8,11 L10,11 L10,9 L8,9 L8,11 Z M8,15 L10,15 L10,13 L8,13 L8,15 Z M8,19 L10,19 L10,17 L8,17 L8,19 Z M4,7 L6,7 L6,5 L4,5 L4,7 Z M4,11 L6,11 L6,9 L4,9 L4,11 Z M4,15 L6,15 L6,13 L4,13 L4,15 Z M4,19 L6,19 L6,17 L4,17 L4,19 Z M12,7 L12,3 L2,3 L2,21 L22,21 L22,7 L12,7 Z" id="Page-1" fill="#FFFFFF"></path> |
| </g> |
| </defs> |
| </svg> |
| </iron-iconset-svg> |
| |
| <div id="user-pod-template" class="pod disabled" hidden> |
| <div class="large-pod"> |
| <div class="pod-background"></div> |
| <div class="user-image-pane"> |
| <div class="user-image-container"> |
| <img class="user-image" alt> |
| <img class="user-image animated-image" alt> |
| </div> |
| <div class="badge-container"> |
| <iron-icon class="legacy-supervised-badge" |
| icon="user-pod:legacy-supervised-badge"> |
| </iron-icon> |
| </div> |
| </div> |
| <if expr="chromeos"> |
| <div class="pin-container pin-disabled pin-tag"> |
| <pin-keyboard enable-password hide-input enable-placeholder> |
| </pin-keyboard> |
| </div> |
| </if> |
| <div class="main-pane"> |
| <div class="auth-container"> |
| <!-- Password Authentication --> |
| <div class="custom-icon-container" hidden></div> |
| <if expr="chromeos"> |
| <div class="fingerprint-icon-container" hidden |
| aria-label="$i18n{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" |
| placeholder="$i18n{passwordHint}"> |
| </div> |
| <if expr="chromeos"> |
| <div class="capslock-hint-container"> |
| <iron-icon class="capslock-hint" icon="user-pod:caps-lock"> |
| </iron-icon> |
| </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{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{launchAppButton}</button> |
| </div> |
| <div class="input-line"> |
| <svg> |
| <line x1="0" y1="0" x2="204" y2="0"> |
| </svg> |
| </div> |
| </div> |
| <div class="name-container"> |
| <div class="name"></div> |
| <div class="action-box-area"> |
| <paper-icon-button class="action-box-button" disabled |
| icon="user-pod:dropdown"> |
| </paper-icon-button> |
| <div class="action-box-button ripple-circle"></div> |
| <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{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{removeUserWarningTextHistory}</td> |
| <td class="action-box-remove-user-warning-history |
| action-box-remove-user-warning-table-numbers"> |
| $i18n{removeUserWarningTextCalculating} |
| </td> |
| </tr> |
| <tr> |
| <td>$i18n{removeUserWarningTextPasswords}</td> |
| <td class="action-box-remove-user-warning-passwords |
| action-box-remove-user-warning-table-numbers"> |
| $i18n{removeUserWarningTextCalculating} |
| </td> |
| </tr> |
| <tr> |
| <td>$i18n{removeUserWarningTextBookmarks}</td> |
| <td class="action-box-remove-user-warning-bookmarks |
| action-box-remove-user-warning-table-numbers"> |
| $i18n{removeUserWarningTextCalculating} |
| </td> |
| </tr> |
| <tr> |
| <td>$i18n{removeUserWarningTextAutofill}</td> |
| <td class="action-box-remove-user-warning-autofill |
| action-box-remove-user-warning-table-numbers"> |
| $i18n{removeUserWarningTextCalculating} |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| <div class="action-box-remove-legacy-supervised-user-warning-text"> |
| $i18n{removeLegacySupervisedUserWarningText} |
| </div> |
| <div class="action-box-remove-non-owner-user-warning-text"> |
| $i18n{removeNonOwnerUserWarningText} |
| </div> |
| <!-- paper-button is imported inside user_manager.html --> |
| <paper-button class="remove-warning-button action-button"> |
| $i18n{removeUserWarningButtonTitle} |
| </paper-button> |
| </div> |
| </div> |
| </div> |
| <div class="public-account-info-container"> |
| <iron-icon class="learn-more" icon="user-pod:public-session-icon"> |
| </iron-icon> |
| <div class="info"></div> |
| <div class="button-container"> |
| <paper-icon-button class="public-account-submit-button expand-button" |
| aria-label="$i18n{submitButtonAccessibleName}" |
| icon="user-pod:arrow-forward" tabindex="-1"> |
| </paper-icon-button> |
| </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{multiProfilesRestrictedPolicyTitle} |
| </span> |
| </div> |
| <div class="user-type-bubble-body"> |
| <span class="mp-policy-not-allowed-msg" hidden> |
| $i18n{multiProfilesNotAllowedPolicyMsg} |
| </span> |
| <span class="mp-policy-primary-only-msg" hidden> |
| $i18n{multiProfilesPrimaryOnlyPolicyMsg} |
| </span> |
| <span class="mp-owner-primary-only-msg" hidden> |
| $i18n{multiProfilesOwnerPrimaryOnlyMsg} |
| </span> |
| </div> |
| </div> |
| </div> |
| <div class="small-pod" hidden> |
| <div class="pod-background"></div> |
| <div class="small-user-image-container"> |
| <img class="user-image small-pod-image" alt> |
| <img class="user-image small-pod-image animated-image" |
| alt> |
| </div> |
| <div class="small-pod-name"></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-container"> |
| <div class="monitoring-container"> |
| <span class="monitoring-warning"> |
| $i18n{publicAccountMonitoringWarning} |
| </span> |
| <a class="monitoring-learn-more" href="#" role="button"> |
| $i18n{publicAccountLearnMore} |
| </a> |
| </div> |
| <div class="reminder">$i18n{publicAccountReminder}</div> |
| <div class="language-and-input-container"> |
| <a class="language-and-input" href="#" role="button"> |
| $i18n{publicSessionLanguageAndInput} |
| </a> |
| <paper-icon-button class="language-and-input-dropdown" |
| icon="user-pod:dropdown"> |
| </paper-icon-button> |
| </div> |
| </div> |
| <div class="language-and-input-section"> |
| <div class="select-with-label"> |
| <label class="language-select-label"> |
| $i18n{publicSessionSelectLanguage} |
| </label> |
| <div class="select-container"> |
| <select class="language-select"></select> |
| </div> |
| </div> |
| <div class="select-with-label"> |
| <label class="keyboard-select-label"> |
| $i18n{publicSessionSelectKeyboard} |
| </label> |
| <div class="select-container"> |
| <select class="keyboard-select"></select> |
| </div> |
| </div> |
| </div> |
| <div class="enter-button-container"> |
| <paper-icon-button class="public-account-submit-button enter-button" |
| aria-label="$i18n{publicAccountEnterAccessibleName}" |
| icon="user-pod:arrow-forward"> |
| </paper-icon-button> |
| </div> |
| </div> |
| </div> |
