| Index: ui/login/account_picker/md_user_pod_template.html
|
| diff --git a/ui/login/account_picker/md_user_pod_template.html b/ui/login/account_picker/md_user_pod_template.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..58215f73471c13c722c941163d6eaf75ae55a6d6
|
| --- /dev/null
|
| +++ b/ui/login/account_picker/md_user_pod_template.html
|
| @@ -0,0 +1,216 @@
|
| +<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>
|
| +
|
| +<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>
|
| + <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>
|
| + </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="learn-more-container">
|
| + <div class="learn-more"></div>
|
| + </div>
|
| + <div class="name"></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>
|
| + </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="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>
|
|
|