ui/login/account_picker/user_pod_template.html

   1 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
   2
   3 <div id="user-pod-template" class="pod" hidden>
   4   <div class="user-image-pane">
   5     <div class="user-image-container">
   6       <img class="user-image" alt>
   7     </div>
   8     <div class="signed-in-indicator" i18n-content="signedIn"></div>
   9     <div class="indicator-container">
  10       <div class="indicator legacy-supervised-indicator"></div>
  11       <div class="indicator child-indicator"></div>
  12       <div class="indicator locked-indicator"></div>
  13     </div>
  14   </div>
  15   <div class="main-pane">
  16     <div class="name-container">
  17       <div class="name"></div>
  18       <div class="learn-more-container">
  19         <div class="learn-more"></div>
  20       </div>
  21     </div>
  22     <div class="auth-container">
  23       <!-- Password Authentication -->
  24       <div class="password-entry-container">
  25         <div class="password-container">
  26           <input type="password" class="password"
  27                  i18n-values="placeholder:passwordHint">
  28         </div>
  29         <div class="capslock-hint-container">
  30           <img class="capslock-hint"
  31                src="chrome://theme/IDR_LOGIN_PASSWORD_CAPS_LOCK" alt>
  32         </div>
  33       </div>
  34       <!-- User Click Authentication -->
  35       <div class="password-label"></div>
  36       <div class="signin-transition-container">
  37         <span class="signing-in-label" i18n-content="signingIn"></span>
  38         <span class="animated-ellipsis-component0">.</span>
  39         <span class="animated-ellipsis-component1">.</span>
  40         <span class="animated-ellipsis-component2">.</span>
  41       </div>
  42       <div class="custom-icon-container" hidden></div>
  43       <div class="reauth-hint-container">
  44         <iron-icon icon="warning" class="reauth-warning"></iron-icon>
  45         <span class="reauth-name-hint"></span>
  46       </div>
  47       <div class="launch-app-button-container" hidden>
  48         <button class="launch-app-button" i18n-content="launchAppButton">
  49         </button>
  50       </div>
  51     </div>
  52   </div>
  53   <div class="action-box-area">
  54     <div class="custom-appearance action-box-button"></div>
  55   </div>
  56   <div class="user-type-icon-area" hidden>
  57     <div class="custom-appearance user-type-icon-image"></div>
  58   </div>
  59   <div class="action-box-menu">
  60     <div class="action-box-menu-title">
  61       <span class="action-box-menu-title-name"></span>
  62       <span class="action-box-menu-title-email"></span>
  63     </div>
  64     <div class="action-box-menu-remove">
  65       <span class="action-box-menu-remove-command"/>
  66     </div>
  67     <div class="action-box-remove-user-warning" hidden>
  68       <div class="action-box-remove-user-warning-text"
  69           i18n-content="removeUserWarningText" hidden></div>
  70       <div class="action-box-remove-legacy-supervised-user-warning-text"
  71           i18n-content="removeLegacySupervisedUserWarningText"></div>
  72       <button class="remove-warning-button
  73                      custom-appearance button-fancy button-red"
  74           i18n-content="removeUserWarningButtonTitle"></button>
  75     </div>
  76   </div>
  77   <div class="user-type-bubble">
  78     <div class="user-type-bubble-header">
  79       <span class="mp-policy-title"
  80           i18n-content="multiProfilesRestrictedPolicyTitle"></span>
  81     </div>
  82     <div class="user-type-bubble-body">
  83       <span class="mp-policy-not-allowed-msg"
  84           i18n-content="multiProfilesNotAllowedPolicyMsg" hidden></span>
  85       <span class="mp-policy-primary-only-msg"
  86           i18n-content="multiProfilesPrimaryOnlyPolicyMsg" hidden></span>
  87       <span class="mp-owner-primary-only-msg"
  88           i18n-content="multiProfilesOwnerPrimaryOnlyMsg" hidden></span>
  89     </div>
  90   </div>
  91 </div>
  92
  93 <!-- Extra elements that are appended to above "user-pod-template" for public
  94      account user pod. Note that only the children of the template div are
  95      appended. -->
  96 <div id="public-account-user-pod-extras-template" hidden>
  97   <div class="expanded-pane">
  98     <div class="expanded-pane-contents">
  99       <div class="side-container">
 100         <div class="expanded-pane-name"></div>
 101         <div class="reminder" i18n-content="publicAccountReminder"></div>
 102         <div class="language-and-input-section">
 103           <div class="select-with-label">
 104             <label class="language-select-label"
 105                    i18n-content="publicSessionSelectLanguage">
 106             </label>
 107             <div class="select-container">
 108               <select class="language-select"></select>
 109             </div>
 110           </div>
 111           <div class="select-with-label">
 112             <label class="keyboard-select-label"
 113                    i18n-content="publicSessionSelectKeyboard">
 114             </label>
 115             <div class="select-container">
 116               <select class="keyboard-select"></select>
 117             </div>
 118           </div>
 119         </div>
 120       </div>
 121       <div class="bottom-container">
 122         <div class="expanded-pane-learn-more-container">
 123           <div class="expanded-pane-learn-more"></div>
 124         </div>
 125         <div class="info"></div>
 126         <div class="language-and-input-container">
 127           <a class="language-and-input" href="#" role="button"
 128              i18n-content="publicSessionLanguageAndInput"></a>
 129         </div>
 130         <button class="enter-button"
 131                 i18n-content="publicAccountEnter"
 132                 i18n-values="aria-label:publicAccountEnterAccessibleName">
 133         </button>
 134       </div>
 135     </div>
 136   </div>
 137 </div>