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

<link rel="import" href="chrome://oobe/custom_elements.html">
<div class="step hidden" id="supervised-user-creation" hidden>
  <div class="step-contents">
    <div id="supervised-user-creation-intro" class="step-no-logo">
      <div id="supervised-user-creation-marketing-intro"
          class="marketing">
        <img src="chrome://theme/IDR_SUPERVISED_ILLUSTRATION_START" alt="">
      </div>
      <div class="below-marketing">
        <div class="page-title"
            i18n-content="createSupervisedUserIntroTextTitle">
        </div>
        <div id="supervised-user-creation-intro-alternate-text"></div>
        <div i18n-content="createSupervisedUserIntroText2"></div>
        <div id="supervised-user-creation-intro-text-3"
            i18n-content="createSupervisedUserIntroText3"></div>
      </div>
    </div>
    <div id="supervised-user-creation-manager" class="page-no-marketing" hidden>
      <div id="supervised-user-creation-managers-block" hidden>
        <div class="logo-padded-text">
          <div class="page-title"
              i18n-content="createSupervisedUserPickManagerTitle"></div>
          <div class="page-title-explanation"
              i18n-content="createSupervisedUserPickManagerTitleExplanation">
          </div>
        </div>
        <div id="supervised-user-creation-managers-pane"></div>
      </div>
    </div>
    <div id="supervised-user-creation-username" class="page-no-marketing"
        role="group"
        i18n-values="aria-label:createSupervisedUserNameAccessibleTitle" hidden>
      <div class="logo-padded-text">
        <div class="hide-on-import">
          <div class="page-title inline"
              i18n-content="createSupervisedUserNameTitle"></div>
          <div id="supervised-user-creation-name-explanation"
              class="page-title-explanation inline"></div>
        </div>
        <div id="supervised-user-creation-name-block" class="hide-on-import">
          <input id="supervised-user-creation-name" type="text" maxlength="50"
              i18n-values="placeholder:createSupervisedUserNameHint" />
          <span id="supervised-user-creation-name-error" class="no-error">
          </span>
        </div>
        <div>
          <div class="page-title inline"
              i18n-content="createSupervisedUserPasswordTitle"></div>
          <div class="page-title-explanation inline"
              i18n-content="createSupervisedUserPasswordExplanation"></div>
        </div>
        <div id="supervised-user-creation-password-block">
            <div>
              <input id="supervised-user-creation-password" type="password"
                  i18n-values="placeholder:createSupervisedUserPasswordHint" />
            </div>
            <div>
              <input id="supervised-user-creation-password-confirm"
                  type="password"
                  i18n-values="
                      placeholder:createSupervisedUserPasswordConfirmHint" />
            </div>
          </div>
      </div>
      <div id="supervised-user-creation-image-picker" class="logo-padded-text">
        <grid id="supervised-user-creation-image-grid">
        </grid>
        <div id="supervised-user-creation-image-preview">
          <img id="supervised-user-creation-image-preview-img" alt="">
          <div class="supervised-user-creation-image-stream-area">
            <div class="perspective-box">
              <div id="supervised-user-creation-image-stream-crop">
                <video class="supervised-user-creation-image-stream" autoplay>
                </video>
              </div>
            </div>
            <div class="spinner"></div>
          </div>
          <p id="supervised-user-creation-image-preview-caption"></p>
            <button id="supervised-user-creation-flip-photo"
                class="custom-appearance"
                i18n-values="title:flipPhoto"></button>
          <button id="supervised-user-creation-discard-photo"
              i18n-values="title:discardPhoto"></button>
          <button id="supervised-user-creation-take-photo"
              i18n-values="title:takePhoto"></button>
        </div>
      </div>
    </div>

    <div id="supervised-user-creation-import" class="page-no-marketing" hidden>
      <div class="logo-padded-text">
        <div>
          <div class="page-title"
              i18n-content="importExistingSupervisedUserTitle"></div>
          <div class="page-title-explanation"
              i18n-content="importExistingSupervisedUserText"></div>
        </div>
      </div>
      <div id="supervised-user-creation-import-pane"></div>
    </div>

    <div id="supervised-user-creation-created" class="step-no-logo" hidden>
      <div class="marketing">
        <img src="chrome://theme/IDR_SUPERVISED_ILLUSTRATION_DONE" alt="">
      </div>
      <div class="below-marketing">
        <div>
          <div id="supervised-user-creation-created-text-1"
              class="page-title"></div>
          <div id="supervised-user-creation-created-text-2"></div>
          <div id="supervised-user-creation-created-text-3"></div>
        </div>
      </div>
    </div>
    <div id="supervised-user-creation-error" hidden>
      <img alt class="error-icon" src="chrome://theme/IDR_TECHNICAL_ERROR">
      <div id="supervised-user-creation-error-title" class="error-title"></div>
      <div id="supervised-user-creation-error-text"
          class="error-message-paragraph"></div>
      <div>
        <button id="supervised-user-creation-error-button"
            class="custom-appearance button-fancy button-blue">
        </button>
      </div>
    </div>
  </div>
  <div id="supervised-user-creation-controls" class="step-controls">
  </div>
  <div class="template-import-supervised-user-link button-link" hidden>
    <a href="#" class="signin-link" i18n-content="importSupervisedUserLink"></a>
  </div>
  <div class="template-create-supervised-user-link button-link" hidden>
    <a href="#" class="signin-link" i18n-content="createSupervisedUserLink"></a>
  </div>
  <div class="template-status-container status-container" hidden>
    <span class="id-text"></span>
    <div class="spinner-wrapper">
      <div class="id-spinner inline-spinner"></div>
    </div>
  </div>
  <div id="supervised-user-creation-manager-template" hidden
      class="manager-pod">
    <div class="supervised-user-creation-manager-info-block">
      <img class="supervised-user-creation-manager-image" alt="">
      <div class="supervised-user-creation-manager-info-text">
        <div class="supervised-user-creation-manager-name"></div>
        <div class="supervised-user-creation-manager-email"></div>
      </div>
    </div>
    <div class="password-block" hidden>
      <input class="supervised-user-creation-manager-password" type="password"
          i18n-values="placeholder:createSupervisedUserManagerPasswordHint" />
    </div>
  </div>
  <div id="supervised-user-creation-import-template" hidden class="import-pod">
    <img class="import-pod-image"></img>
    <div class="import-pod-name"></div>
  </div>
  <button id="supervised-user-creation-close-button-item" is="gaia-icon-button"
      icon="close" i18n-values="aria-label:closeButton" tabindex="0">
  </button>
</div>