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

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