ui/login/account_picker/user_pod_template.html

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