Home | History | Annotate | Download | only in account_picker
      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="signin-transition-container">
     32         <span class="signing-in-label" i18n-content="signingIn"></span>
     33         <span class="animated-ellipsis-component0">.</span>
     34         <span class="animated-ellipsis-component1">.</span>
     35         <span class="animated-ellipsis-component2">.</span>
     36       </div>
     37       <div class="custom-icon-container" hidden></div>
     38       <div class="signin-button-container">
     39         <button class="signin-button" i18n-content="signinButton"></button>
     40       </div>
     41       <div class="launch-app-button-container" hidden>
     42         <button class="launch-app-button" i18n-content="launchAppButton">
     43         </button>
     44       </div>
     45     </div>
     46   </div>
     47   <div class="action-box-area">
     48     <div class="custom-appearance action-box-button"></div>
     49   </div>
     50   <div class="user-type-icon-area" hidden>
     51     <div class="custom-appearance user-type-icon-image"></div>
     52   </div>
     53   <div class="action-box-menu">
     54     <div class="action-box-menu-title">
     55       <span class="action-box-menu-title-name"></span>
     56       <span class="action-box-menu-title-email"></span>
     57     </div>
     58     <div class="action-box-menu-remove">
     59       <span class="action-box-menu-remove-command"/>
     60     </div>
     61     <div class="action-box-remove-user-warning" hidden>
     62       <div class="action-box-remove-user-warning-text"
     63           i18n-content="removeUserWarningText" hidden></div>
     64       <div class="action-box-remove-supervised-user-warning-text"
     65           i18n-content="removeSupervisedUserWarningText"></div>
     66       <button class="remove-warning-button
     67                      custom-appearance button-fancy button-red"
     68           i18n-content="removeUserWarningButtonTitle"></button>
     69     </div>
     70   </div>
     71   <div class="user-type-bubble">
     72     <div class="user-type-bubble-header">
     73       <span class="mp-policy-title"
     74           i18n-content="multiProfilesRestrictedPolicyTitle"></span>
     75     </div>
     76     <div class="user-type-bubble-body">
     77       <span class="mp-policy-not-allowed-msg"
     78           i18n-content="multiProfilesNotAllowedPolicyMsg" hidden></span>
     79       <span class="mp-policy-primary-only-msg"
     80           i18n-content="multiProfilesPrimaryOnlyPolicyMsg" hidden></span>
     81       <span class="mp-owner-primary-only-msg"
     82           i18n-content="multiProfilesOwnerPrimaryOnlyMsg" hidden></span>
     83     </div>
     84   </div>
     85 </div>
     86 
     87 <!-- Extra elements that are appended to above "user-pod-template" for public
     88      account user pod. Note that only the children of the template div are
     89      appended. -->
     90 <div id="public-account-user-pod-extras-template" hidden>
     91   <div class="expanded-pane">
     92     <div class="expanded-pane-contents">
     93       <div class="side-container">
     94         <div class="expanded-pane-name"></div>
     95         <div class="reminder" i18n-content="publicAccountReminder"></div>
     96         <div class="language-and-input-section">
     97           <div class="select-with-label">
     98             <label class="language-select-label"
     99                    i18n-content="publicSessionSelectLanguage">
    100             </label>
    101             <div class="select-container">
    102               <select class="language-select"></select>
    103             </div>
    104           </div>
    105           <div class="select-with-label">
    106             <label class="keyboard-select-label"
    107                    i18n-content="publicSessionSelectKeyboard">
    108             </label>
    109             <div class="select-container">
    110               <select class="keyboard-select"></select>
    111             </div>
    112           </div>
    113         </div>
    114       </div>
    115       <div class="bottom-container">
    116         <div class="expanded-pane-learn-more-container">
    117           <div class="expanded-pane-learn-more"></div>
    118         </div>
    119         <div class="info"></div>
    120         <div class="language-and-input-container">
    121           <a class="language-and-input" href="#" role="button"
    122              i18n-content="publicSessionLanguageAndInput"></a>
    123         </div>
    124         <button class="enter-button"
    125                 i18n-content="publicAccountEnter"
    126                 i18n-values="aria-label:publicAccountEnterAccessibleName">
    127         </button>
    128       </div>
    129     </div>
    130   </div>
    131 </div>
    132