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