OLD | NEW |
1 // Copyright 2015 The Chromium Authors. All rights reserved. | 1 // Copyright 2015 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 login.createScreen('OAuthEnrollmentScreen', 'oauth-enrollment', function() { | 5 login.createScreen('OAuthEnrollmentScreen', 'oauth-enrollment', function() { |
6 /** @const */ var STEP_SIGNIN = 'signin'; | 6 /** @const */ var STEP_SIGNIN = 'signin'; |
7 /** @const */ var STEP_WORKING = 'working'; | 7 /** @const */ var STEP_WORKING = 'working'; |
| 8 /** @const */ var STEP_ATTRIBUTE_PROMPT = 'attribute-prompt'; |
8 /** @const */ var STEP_ERROR = 'error'; | 9 /** @const */ var STEP_ERROR = 'error'; |
9 /** @const */ var STEP_SUCCESS = 'success'; | 10 /** @const */ var STEP_SUCCESS = 'success'; |
10 | 11 |
11 /** @const */ var HELP_TOPIC_ENROLLMENT = 4631259; | 12 /** @const */ var HELP_TOPIC_ENROLLMENT = 4631259; |
12 | 13 |
13 return { | 14 return { |
14 EXTERNAL_API: [ | 15 EXTERNAL_API: [ |
15 'showStep', | 16 'showStep', |
16 'showError', | 17 'showError', |
17 'doReload', | 18 'doReload', |
| 19 'showAttributePromptStep', |
18 ], | 20 ], |
19 | 21 |
20 /** | 22 /** |
21 * Authenticator object that wraps GAIA webview. | 23 * Authenticator object that wraps GAIA webview. |
22 */ | 24 */ |
23 authenticator_: null, | 25 authenticator_: null, |
24 | 26 |
25 /** | 27 /** |
26 * The current step. This is the last value passed to showStep(). | 28 * The current step. This is the last value passed to showStep(). |
27 */ | 29 */ |
(...skipping 114 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
142 } | 144 } |
143 | 145 |
144 makeButton( | 146 makeButton( |
145 'oauth-enroll-done-button', | 147 'oauth-enroll-done-button', |
146 ['oauth-enroll-focus-on-success'], | 148 ['oauth-enroll-focus-on-success'], |
147 loadTimeData.getString('oauthEnrollDone'), | 149 loadTimeData.getString('oauthEnrollDone'), |
148 function() { | 150 function() { |
149 chrome.send('oauthEnrollClose', ['done']); | 151 chrome.send('oauthEnrollClose', ['done']); |
150 }); | 152 }); |
151 | 153 |
| 154 makeButton( |
| 155 'oauth-enroll-continue-button', |
| 156 ['oauth-enroll-focus-on-attribute-prompt'], |
| 157 loadTimeData.getString('oauthEnrollContinue'), |
| 158 function() { |
| 159 chrome.send('oauthEnrollAttributes', |
| 160 [$('oauth-enroll-asset-id').value, |
| 161 $('oauth-enroll-location').value]); |
| 162 }); |
| 163 |
152 return buttons; | 164 return buttons; |
153 }, | 165 }, |
154 | 166 |
155 /** | 167 /** |
156 * Event handler that is invoked just before the frame is shown. | 168 * Event handler that is invoked just before the frame is shown. |
157 * @param {Object} data Screen init payload, contains the signin frame | 169 * @param {Object} data Screen init payload, contains the signin frame |
158 * URL. | 170 * URL. |
159 */ | 171 */ |
160 onBeforeShow: function(data) { | 172 onBeforeShow: function(data) { |
161 var gaiaParams = {}; | 173 var gaiaParams = {}; |
(...skipping 12 matching lines...) Expand all Loading... |
174 var modes = ['manual', 'forced', 'recovery']; | 186 var modes = ['manual', 'forced', 'recovery']; |
175 for (var i = 0; i < modes.length; ++i) { | 187 for (var i = 0; i < modes.length; ++i) { |
176 this.classList.toggle('mode-' + modes[i], | 188 this.classList.toggle('mode-' + modes[i], |
177 data.enrollment_mode == modes[i]); | 189 data.enrollment_mode == modes[i]); |
178 } | 190 } |
179 this.isCancelDisabled = true; | 191 this.isCancelDisabled = true; |
180 this.showStep(STEP_SIGNIN); | 192 this.showStep(STEP_SIGNIN); |
181 }, | 193 }, |
182 | 194 |
183 /** | 195 /** |
| 196 * Shows attribute-prompt step with pre-filled asset ID and |
| 197 * location. |
| 198 */ |
| 199 showAttributePromptStep: function(annotated_asset_id, annotated_location) { |
| 200 /** |
| 201 * innerHTML is used instead of textContent, |
| 202 * because oauthEnrollAttributes contains text formatting (bold, italic). |
| 203 */ |
| 204 $('oauth-enroll-attribute-prompt-message').innerHTML = |
| 205 loadTimeData.getString('oauthEnrollAttributes'); |
| 206 |
| 207 $('oauth-enroll-asset-id').value = annotated_asset_id; |
| 208 $('oauth-enroll-location').value = annotated_location; |
| 209 |
| 210 this.showStep(STEP_ATTRIBUTE_PROMPT); |
| 211 }, |
| 212 |
| 213 /** |
184 * Cancels enrollment and drops the user back to the login screen. | 214 * Cancels enrollment and drops the user back to the login screen. |
185 */ | 215 */ |
186 cancel: function() { | 216 cancel: function() { |
187 if (this.isCancelDisabled) | 217 if (this.isCancelDisabled) |
188 return; | 218 return; |
189 this.isCancelDisabled = true; | 219 this.isCancelDisabled = true; |
190 chrome.send('oauthEnrollClose', ['cancel']); | 220 chrome.send('oauthEnrollClose', ['cancel']); |
191 }, | 221 }, |
192 | 222 |
193 /** | 223 /** |
| 224 * Returns whether |step| is the device attribute update error or |
| 225 * not. |
| 226 */ |
| 227 isAttributeUpdateError: function(step) { |
| 228 return this.currentStep_ == STEP_ATTRIBUTE_PROMPT && step == STEP_ERROR; |
| 229 }, |
| 230 |
| 231 /** |
| 232 * Shows cancel or done button. |
| 233 */ |
| 234 hideCancelShowDone: function(hide) { |
| 235 $('oauth-enroll-cancel-button').hidden = hide; |
| 236 $('oauth-enroll-cancel-button').disabled = hide; |
| 237 |
| 238 $('oauth-enroll-done-button').hidden = !hide; |
| 239 $('oauth-enroll-done-button').disabled = !hide; |
| 240 }, |
| 241 |
| 242 /** |
194 * Switches between the different steps in the enrollment flow. | 243 * Switches between the different steps in the enrollment flow. |
195 * @param {string} step the steps to show, one of "signin", "working", | 244 * @param {string} step the steps to show, one of "signin", "working", |
196 * "error", "success". | 245 * "attribute-prompt", "error", "success". |
197 */ | 246 */ |
198 showStep: function(step) { | 247 showStep: function(step) { |
| 248 var focusStep = step; |
| 249 |
199 this.classList.toggle('oauth-enroll-state-' + this.currentStep_, false); | 250 this.classList.toggle('oauth-enroll-state-' + this.currentStep_, false); |
200 this.classList.toggle('oauth-enroll-state-' + step, true); | 251 this.classList.toggle('oauth-enroll-state-' + step, true); |
| 252 |
| 253 /** |
| 254 * In case of device attribute update error done button should be shown |
| 255 * instead of cancel button and focus on success, |
| 256 * because enrollment has completed |
| 257 */ |
| 258 if (this.isAttributeUpdateError(step)) { |
| 259 focusStep = STEP_SUCCESS; |
| 260 this.hideCancelShowDone(true); |
| 261 } else { |
| 262 if (step == STEP_ERROR) |
| 263 this.hideCancelShowDone(false); |
| 264 } |
| 265 |
201 var focusElements = | 266 var focusElements = |
202 this.querySelectorAll('.oauth-enroll-focus-on-' + step); | 267 this.querySelectorAll('.oauth-enroll-focus-on-' + focusStep); |
203 for (var i = 0; i < focusElements.length; ++i) { | 268 for (var i = 0; i < focusElements.length; ++i) { |
204 if (getComputedStyle(focusElements[i])['display'] != 'none') { | 269 if (getComputedStyle(focusElements[i])['display'] != 'none') { |
205 focusElements[i].focus(); | 270 focusElements[i].focus(); |
206 break; | 271 break; |
207 } | 272 } |
208 } | 273 } |
209 this.currentStep_ = step; | 274 this.currentStep_ = step; |
210 }, | 275 }, |
211 | 276 |
212 /** | 277 /** |
(...skipping 15 matching lines...) Expand all Loading... |
228 * Retries the enrollment process after an error occurred in a previous | 293 * Retries the enrollment process after an error occurred in a previous |
229 * attempt. This goes to the C++ side through |chrome| first to clean up the | 294 * attempt. This goes to the C++ side through |chrome| first to clean up the |
230 * profile, so that the next attempt is performed with a clean state. | 295 * profile, so that the next attempt is performed with a clean state. |
231 */ | 296 */ |
232 doRetry_: function() { | 297 doRetry_: function() { |
233 chrome.send('oauthEnrollRetry'); | 298 chrome.send('oauthEnrollRetry'); |
234 } | 299 } |
235 }; | 300 }; |
236 }); | 301 }); |
237 | 302 |
OLD | NEW |