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