chrome/browser/resources/chromeos/login/screen_supervised_user_creation.html

   1 <div class="step hidden" id="supervised-user-creation" hidden>
   2   <div class="step-contents">
   3     <div id="supervised-user-creation-intro" class="step-no-logo">
   4       <div id="supervised-user-creation-marketing-intro"
   5           class="marketing">
   6         <img src="chrome://theme/IDR_SUPERVISED_ILLUSTRATION_START" alt="">
   7       </div>
   8       <div class="below-marketing">
   9         <div class="page-title"
  10             i18n-content="createSupervisedUserIntroTextTitle">
  11         </div>
  12         <div id="supervised-user-creation-intro-alternate-text"></div>
  13         <div i18n-content="createSupervisedUserIntroText2"></div>
  14         <div id="supervised-user-creation-intro-text-3"
  15             i18n-content="createSupervisedUserIntroText3"></div>
  16       </div>
  17     </div>
  18     <div id="supervised-user-creation-manager" class="page-no-marketing" hidden>
  19       <div id="supervised-user-creation-managers-block" hidden>
  20         <div class="logo-padded-text">
  21           <div class="page-title"
  22               i18n-content="createSupervisedUserPickManagerTitle"></div>
  23           <div class="page-title-explanation"
  24               i18n-content="createSupervisedUserPickManagerTitleExplanation">
  25           </div>
  26         </div>
  27         <div id="supervised-user-creation-managers-pane"></div>
  28       </div>
  29     </div>
  30     <div id="supervised-user-creation-username" class="page-no-marketing"
  31         role="group"
  32         i18n-values="aria-label:createSupervisedUserNameAccessibleTitle" hidden>
  33       <div class="logo-padded-text">
  34         <div class="hide-on-import">
  35           <div class="page-title inline"
  36               i18n-content="createSupervisedUserNameTitle"></div>
  37           <div id="supervised-user-creation-name-explanation"
  38               class="page-title-explanation inline"></div>
  39         </div>
  40         <div id="supervised-user-creation-name-block" class="hide-on-import">
  41           <input id="supervised-user-creation-name" type="text" maxlength="50"
  42               i18n-values="placeholder:createSupervisedUserNameHint" />
  43           <span id="supervised-user-creation-name-error" class="no-error">
  44           </span>
  45         </div>
  46         <div>
  47           <div class="page-title inline"
  48               i18n-content="createSupervisedUserPasswordTitle"></div>
  49           <div class="page-title-explanation inline"
  50               i18n-content="createSupervisedUserPasswordExplanation"></div>
  51         </div>
  52         <div id="supervised-user-creation-password-block">
  53             <div>
  54               <input id="supervised-user-creation-password" type="password"
  55                   i18n-values="placeholder:createSupervisedUserPasswordHint" />
  56             </div>
  57             <div>
  58               <input id="supervised-user-creation-password-confirm"
  59                   type="password"
  60                   i18n-values="
  61                       placeholder:createSupervisedUserPasswordConfirmHint" />
  62             </div>
  63           </div>
  64       </div>
  65       <div id="supervised-user-creation-image-picker" class="logo-padded-text">
  66         <grid id="supervised-user-creation-image-grid">
  67         </grid>
  68         <div id="supervised-user-creation-image-preview">
  69           <img id="supervised-user-creation-image-preview-img" alt="">
  70           <div class="supervised-user-creation-image-stream-area">
  71             <div class="perspective-box">
  72               <div id="supervised-user-creation-image-stream-crop">
  73                 <video class="supervised-user-creation-image-stream" autoplay>
  74                 </video>
  75               </div>
  76             </div>
  77             <div class="spinner"></div>
  78           </div>
  79           <p id="supervised-user-creation-image-preview-caption"></p>
  80             <button id="supervised-user-creation-flip-photo"
  81                 class="custom-appearance"
  82                 i18n-values="title:flipPhoto"></button>
  83           <button id="supervised-user-creation-discard-photo"
  84               i18n-values="title:discardPhoto"></button>
  85           <button id="supervised-user-creation-take-photo"
  86               i18n-values="title:takePhoto"></button>
  87         </div>
  88       </div>
  89     </div>
  90
  91     <div id="supervised-user-creation-import" class="page-no-marketing" hidden>
  92       <div class="logo-padded-text">
  93         <div>
  94           <div class="page-title"
  95               i18n-content="importExistingSupervisedUserTitle"></div>
  96           <div class="page-title-explanation"
  97               i18n-content="importExistingSupervisedUserText"></div>
  98         </div>
  99       </div>
 100       <div id="supervised-user-creation-import-pane"></div>
 101     </div>
 102
 103     <div id="supervised-user-creation-created" class="step-no-logo" hidden>
 104       <div class="marketing">
 105         <img src="chrome://theme/IDR_SUPERVISED_ILLUSTRATION_DONE" alt="">
 106       </div>
 107       <div class="below-marketing">
 108         <div>
 109           <div id="supervised-user-creation-created-text-1"
 110               class="page-title"></div>
 111           <div id="supervised-user-creation-created-text-2"></div>
 112           <div id="supervised-user-creation-created-text-3"></div>
 113         </div>
 114       </div>
 115     </div>
 116     <div id="supervised-user-creation-error" hidden>
 117       <img alt class="error-icon" src="chrome://theme/IDR_TECHNICAL_ERROR">
 118       <div id="supervised-user-creation-error-title" class="error-title"></div>
 119       <div id="supervised-user-creation-error-text"
 120           class="error-message-paragraph"></div>
 121       <div>
 122         <button id="supervised-user-creation-error-button"
 123             class="custom-appearance button-fancy button-blue">
 124         </button>
 125       </div>
 126     </div>
 127   </div>
 128   <div id="supervised-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="supervised-user-creation-manager-template" hidden
 143       class="manager-pod">
 144     <div class="supervised-user-creation-manager-info-block">
 145       <img class="supervised-user-creation-manager-image" alt="">
 146       <div class="supervised-user-creation-manager-info-text">
 147         <div class="supervised-user-creation-manager-name"></div>
 148         <div class="supervised-user-creation-manager-email"></div>
 149       </div>
 150     </div>
 151     <div class="password-block" hidden>
 152       <input class="supervised-user-creation-manager-password" type="password"
 153           i18n-values="placeholder:createSupervisedUserManagerPasswordHint" />
 154     </div>
 155   </div>
 156   <div id="supervised-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>