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