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

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