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>