blob: 21d58b71f2b375a1343a7f54810a0e9df11d05dc [file] [log] [blame]
<dom-module id="user-pod-template-shared-styles">
<template>
<link rel="stylesheet" href="user_pod_template.css">
</template>
</dom-module>
<style is="custom-style" include="user-pod-template-shared-styles"></style>
<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"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></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="signed-in-indicator" i18n-content="signedIn"></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="name"></div>
<div class="learn-more-container">
<div class="learn-more"></div>
</div>
</div>
<div class="auth-container">
<!-- Password Authentication -->
<div class="custom-icon-container" hidden></div>
<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>
</div>
<div class="action-box-area">
<div class="custom-appearance action-box-button"></div>
<!-- iron-icon is imported inside user_manager.html -->
<iron-icon icon="cr:more-vert" class="action-box-icon"></iron-icon>
</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="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">
<span class="action-box-menu-remove-command"/>
</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 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="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 class="bottom-container">
<div class="expanded-pane-learn-more-container">
<div class="expanded-pane-learn-more"></div>
</div>
<div class="info"></div>
<div class="language-and-input-container">
<a class="language-and-input" href="#" role="button"
i18n-content="publicSessionLanguageAndInput"></a>
</div>
<button class="enter-button"
i18n-content="publicAccountEnter"
i18n-values="aria-label:publicAccountEnterAccessibleName">
</button>
</div>
</div>
</div>
</div>