src/chrome/browser/resources/chromeos/login/screen_locally_managed_user_creation.html

   1 <div class="step hidden" id="managed-user-creation" hidden>
   2   <div class="step-contents">
   3     <div id="managed-user-creation-intro" class="step-no-logo">
   4       <div id="managed-user-creation-marketing-intro"
   5           class="marketing">
   6         <img src="chrome://theme/IDR_SUPERVISED_ILLUSTRATION_START">
   7       </div>
   8       <div class="below-marketing">
   9         <div class="page-title" i18n-content="createManagedUserIntroTextTitle">
  10         </div>
  11         <div id="managed-user-creation-intro-alternate-text"></div>
  12         <div i18n-content="createManagedUserIntroText2"></div>
  13         <div id="managed-user-creation-intro-text-3"
  14             i18n-content="createManagedUserIntroText3"></div>
  15       </div>
  16     </div>
  17     <div id="managed-user-creation-manager" class="page-no-marketing" hidden>
  18       <div id="managed-user-creation-managers-block" hidden>
  19         <div class="logo-padded-text">
  20           <div class="page-title"
  21               i18n-content="createManagedUserPickManagerTitle"></div>
  22           <div class="page-title-explanation"
  23               i18n-content="createManagedUserPickManagerTitleExplanation"></div>
  24         </div>
  25         <div id="managed-user-creation-managers-pane"></div>
  26       </div>
  27     </div>
  28     <div id="managed-user-creation-username" class="page-no-marketing"
  29         role="group"
  30         i18n-values="aria-label:createManagedUserNameAccessibleTitle" hidden>
  31       <div class="logo-padded-text">
  32         <div class="hide-on-import">
  33           <div class="page-title inline"
  34               i18n-content="createManagedUserNameTitle"></div>
  35           <div id="managed-user-creation-name-explanation"
  36               class="page-title-explanation inline"></div>
  37         </div>
  38         <div id="managed-user-creation-name-block" class="hide-on-import">
  39           <input id="managed-user-creation-name" type="text" maxlength="50"
  40               i18n-values="placeholder:createManagedUserNameHint" />
  41           <span id="managed-user-creation-name-error" class="no-error">
  42           </span>
  43         </div>
  44         <div>
  45           <div class="page-title inline"
  46               i18n-content="createManagedUserPasswordTitle"></div>
  47           <div class="page-title-explanation inline"
  48               i18n-content="createManagedUserPasswordExplanation"></div>
  49         </div>
  50         <div id="managed-user-creation-password-block">
  51             <div>
  52               <input id="managed-user-creation-password" type="password"
  53                   i18n-values="placeholder:createManagedUserPasswordHint" />
  54             </div>
  55             <div>
  56               <input id="managed-user-creation-password-confirm"
  57                   type="password"
  58                   i18n-values="
  59                       placeholder:createManagedUserPasswordConfirmHint" />
  60             </div>
  61           </div>
  62       </div>
  63       <div id="managed-user-creation-image-picker" class="logo-padded-text">
  64         <grid id="managed-user-creation-image-grid">
  65         </grid>
  66         <div id="managed-user-creation-image-preview">
  67           <img id="managed-user-creation-image-preview-img" alt="">
  68           <div class="managed-user-creation-image-stream-area">
  69             <div class="perspective-box">
  70               <div id="managed-user-creation-image-stream-crop">
  71                 <video class="managed-user-creation-image-stream" autoplay>
  72                 </video>
  73               </div>
  74             </div>
  75             <div class="spinner"></div>
  76           </div>
  77           <p id="managed-user-creation-image-preview-caption"></p>
  78             <button id="managed-user-creation-flip-photo"
  79                 class="custom-appearance"
  80                 i18n-values="title:flipPhoto"></button>
  81           <button id="managed-user-creation-discard-photo"
  82               i18n-values="title:discardPhoto"></button>
  83           <button id="managed-user-creation-take-photo"
  84               i18n-values="title:takePhoto"></button>
  85         </div>
  86       </div>
  87     </div>
  88
  89     <div id="managed-user-creation-import" class="page-no-marketing" hidden>
  90       <div class="logo-padded-text">
  91         <div>
  92           <div class="page-title"
  93               i18n-content="importExistingSupervisedUserTitle"></div>
  94           <div class="page-title-explanation"
  95               i18n-content="importExistingSupervisedUserText"></div>
  96         </div>
  97       </div>
  98       <div class="logo-padded-text">
  99         <div id="managed-user-creation-import-pane"></div>
 100       </div>
 101     </div>
 102
 103     <div id="managed-user-creation-created" class="step-no-logo" hidden>
 104       <div class="marketing">
 105         <img src="chrome://theme/IDR_SUPERVISED_ILLUSTRATION_DONE">
 106       </div>
 107       <div class="below-marketing">
 108         <div>
 109           <div id="managed-user-creation-created-text-1"
 110               class="page-title"></div>
 111           <div id="managed-user-creation-created-text-2"></div>
 112           <div id="managed-user-creation-created-text-3"></div>
 113         </div>
 114       </div>
 115     </div>
 116     <div id="managed-user-creation-error" hidden>
 117       <img alt class="error-icon" src="chrome://theme/IDR_TECHNICAL_ERROR">
 118       <div id="managed-user-creation-error-title" class="error-title"></div>
 119       <div id="managed-user-creation-error-text"
 120           class="error-message-paragraph"></div>
 121       <div>
 122         <button id="managed-user-creation-error-button"
 123             class="custom-appearance button-fancy button-blue">
 124         </button>
 125       </div>
 126     </div>
 127   </div>
 128   <div id="managed-user-creation-controls" class="step-controls">
 129   </div>
 130   <div class="template-import-supervised-user-link button-link" hidden>
 131     <a href="#" class="signin-link" i18n-content="importSupervisedUserLink"></a>
 132   </div>
 133   <div class="template-create-supervised-user-link button-link" hidden>
 134     <a href="#" class="signin-link" i18n-content="createSupervisedUserLink"></a>
 135   </div>
 136   <div class="template-status-container status-container" hidden>
 137     <span class="id-text"></span>
 138     <div class="spinner-wrapper">
 139       <div class="id-spinner inline-spinner"></div>
 140     </div>
 141   </div>
 142   <div id="managed-user-creation-manager-template" hidden
 143       class="manager-pod">
 144     <div class="managed-user-creation-manager-info-block">
 145       <img class="managed-user-creation-manager-image">
 146       <div class="managed-user-creation-manager-info-text">
 147         <div class="managed-user-creation-manager-name"></div>
 148         <div class="managed-user-creation-manager-email"></div>
 149       </div>
 150     </div>
 151     <div class="password-block" hidden>
 152       <input class="managed-user-creation-manager-password" type="password"
 153           i18n-values="placeholder:createManagedUserManagerPasswordHint" />
 154     </div>
 155   </div>
 156   <div id="managed-user-creation-import-template" hidden class="import-pod">
 157     <img class="import-pod-image"></img>
 158     <div class="import-pod-name"></div>
 159   </div>
 160 </div>