OLD | NEW |
---|---|
1 // Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 // Copyright (c) 2012 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 /** | 5 /** |
6 * @fileoverview Display manager for WebUI OOBE and login. | 6 * @fileoverview Display manager for WebUI OOBE and login. |
7 */ | 7 */ |
8 | 8 |
9 // TODO(xiyuan): Find a better to share those constants. | 9 // TODO(xiyuan): Find a better to share those constants. |
10 /** @const */ var SCREEN_OOBE_NETWORK = 'connect'; | 10 /** @const */ var SCREEN_OOBE_NETWORK = 'connect'; |
11 /** @const */ var SCREEN_OOBE_EULA = 'eula'; | 11 /** @const */ var SCREEN_OOBE_EULA = 'eula'; |
12 /** @const */ var SCREEN_OOBE_UPDATE = 'update'; | 12 /** @const */ var SCREEN_OOBE_UPDATE = 'update'; |
13 /** @const */ var SCREEN_OOBE_ENROLLMENT = 'oauth-enrollment'; | 13 /** @const */ var SCREEN_OOBE_ENROLLMENT = 'oauth-enrollment'; |
14 /** @const */ var SCREEN_OOBE_KIOSK_ENABLE = 'kiosk-enable'; | 14 /** @const */ var SCREEN_OOBE_KIOSK_ENABLE = 'kiosk-enable'; |
15 /** @const */ var SCREEN_GAIA_SIGNIN = 'gaia-signin'; | 15 /** @const */ var SCREEN_GAIA_SIGNIN = 'gaia-signin'; |
16 /** @const */ var SCREEN_ACCOUNT_PICKER = 'account-picker'; | 16 /** @const */ var SCREEN_ACCOUNT_PICKER = 'account-picker'; |
17 /** @const */ var SCREEN_ERROR_MESSAGE = 'error-message'; | 17 /** @const */ var SCREEN_ERROR_MESSAGE = 'error-message'; |
18 /** @const */ var SCREEN_USER_IMAGE_PICKER = 'user-image'; | 18 /** @const */ var SCREEN_USER_IMAGE_PICKER = 'user-image'; |
19 /** @const */ var SCREEN_TPM_ERROR = 'tpm-error-message'; | 19 /** @const */ var SCREEN_TPM_ERROR = 'tpm-error-message'; |
20 /** @const */ var SCREEN_PASSWORD_CHANGED = 'password-changed'; | 20 /** @const */ var SCREEN_PASSWORD_CHANGED = 'password-changed'; |
21 /** @const */ var SCREEN_CREATE_MANAGED_USER_FLOW = | 21 /** @const */ var SCREEN_CREATE_MANAGED_USER_FLOW = |
22 'managed-user-creation'; | 22 'managed-user-creation'; |
23 /** @const */ var SCREEN_APP_LAUNCH_SPLASH = 'app-launch-splash'; | |
23 | 24 |
24 /* Accelerator identifiers. Must be kept in sync with webui_login_view.cc. */ | 25 /* Accelerator identifiers. Must be kept in sync with webui_login_view.cc. */ |
25 /** @const */ var ACCELERATOR_CANCEL = 'cancel'; | 26 /** @const */ var ACCELERATOR_CANCEL = 'cancel'; |
26 /** @const */ var ACCELERATOR_ENROLLMENT = 'enrollment'; | 27 /** @const */ var ACCELERATOR_ENROLLMENT = 'enrollment'; |
27 /** @const */ var ACCELERATOR_KIOSK_ENABLE = 'kiosk_enable'; | 28 /** @const */ var ACCELERATOR_KIOSK_ENABLE = 'kiosk_enable'; |
28 /** @const */ var ACCELERATOR_VERSION = 'version'; | 29 /** @const */ var ACCELERATOR_VERSION = 'version'; |
29 /** @const */ var ACCELERATOR_RESET = 'reset'; | 30 /** @const */ var ACCELERATOR_RESET = 'reset'; |
30 /** @const */ var ACCELERATOR_LEFT = 'left'; | 31 /** @const */ var ACCELERATOR_LEFT = 'left'; |
31 /** @const */ var ACCELERATOR_RIGHT = 'right'; | 32 /** @const */ var ACCELERATOR_RIGHT = 'right'; |
32 /** @const */ var ACCELERATOR_DEVICE_REQUISITION = 'device_requisition'; | 33 /** @const */ var ACCELERATOR_DEVICE_REQUISITION = 'device_requisition'; |
33 /** @const */ var ACCELERATOR_DEVICE_REQUISITION_REMORA = | 34 /** @const */ var ACCELERATOR_DEVICE_REQUISITION_REMORA = |
34 'device_requisition_remora'; | 35 'device_requisition_remora'; |
36 /** @const */ var ACCELERATOR_APP_LAUNCH_BAILOUT = 'app_launch_bailout'; | |
35 | 37 |
36 /* Help topic identifiers. */ | 38 /* Help topic identifiers. */ |
37 /** @const */ var HELP_TOPIC_ENTERPRISE_REPORTING = 2535613; | 39 /** @const */ var HELP_TOPIC_ENTERPRISE_REPORTING = 2535613; |
38 | 40 |
39 /* Signin UI state constants. Used to control header bar UI. */ | 41 /* Signin UI state constants. Used to control header bar UI. */ |
40 /** @const */ var SIGNIN_UI_STATE = { | 42 /** @const */ var SIGNIN_UI_STATE = { |
41 HIDDEN: 0, | 43 HIDDEN: 0, |
42 GAIA_SIGNIN: 1, | 44 GAIA_SIGNIN: 1, |
43 ACCOUNT_PICKER: 2, | 45 ACCOUNT_PICKER: 2, |
44 WRONG_HWID_WARNING: 3, | 46 WRONG_HWID_WARNING: 3, |
(...skipping 183 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
228 chrome.send('toggleResetScreen'); | 230 chrome.send('toggleResetScreen'); |
229 } | 231 } |
230 } else if (name == ACCELERATOR_DEVICE_REQUISITION) { | 232 } else if (name == ACCELERATOR_DEVICE_REQUISITION) { |
231 if (this.isOobeUI()) | 233 if (this.isOobeUI()) |
232 this.showDeviceRequisitionPrompt_(); | 234 this.showDeviceRequisitionPrompt_(); |
233 } else if (name == ACCELERATOR_DEVICE_REQUISITION_REMORA) { | 235 } else if (name == ACCELERATOR_DEVICE_REQUISITION_REMORA) { |
234 if (this.isOobeUI()) { | 236 if (this.isOobeUI()) { |
235 this.deviceRequisition_ = 'remora'; | 237 this.deviceRequisition_ = 'remora'; |
236 this.showDeviceRequisitionPrompt_(); | 238 this.showDeviceRequisitionPrompt_(); |
237 } | 239 } |
240 } else if (name == ACCELERATOR_APP_LAUNCH_BAILOUT) { | |
241 var currentStepId = this.screens_[this.currentStep_]; | |
242 if (currentStepId == SCREEN_APP_LAUNCH_SPLASH) | |
243 chrome.send('cancelAppLaunch'); | |
238 } | 244 } |
239 | 245 |
240 if (!this.forceKeyboardFlow_) | 246 if (!this.forceKeyboardFlow_) |
241 return; | 247 return; |
242 | 248 |
243 // Handle special accelerators for keyboard enhanced navigation flow. | 249 // Handle special accelerators for keyboard enhanced navigation flow. |
244 if (name == ACCELERATOR_LEFT) | 250 if (name == ACCELERATOR_LEFT) |
245 keyboard.raiseKeyFocusPrevious(document.activeElement); | 251 keyboard.raiseKeyFocusPrevious(document.activeElement); |
246 else if (name == ACCELERATOR_RIGHT) | 252 else if (name == ACCELERATOR_RIGHT) |
247 keyboard.raiseKeyFocusNext(document.activeElement); | 253 keyboard.raiseKeyFocusNext(document.activeElement); |
(...skipping 229 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
477 this.appendButtons_(el.buttons, screenId); | 483 this.appendButtons_(el.buttons, screenId); |
478 }, | 484 }, |
479 | 485 |
480 /** | 486 /** |
481 * Updates inner container size based on the size of the current screen and | 487 * Updates inner container size based on the size of the current screen and |
482 * other screens in the same group. | 488 * other screens in the same group. |
483 * Should be executed on screen change / screen size change. | 489 * Should be executed on screen change / screen size change. |
484 * @param {!HTMLElement} screen Screen that is being shown. | 490 * @param {!HTMLElement} screen Screen that is being shown. |
485 */ | 491 */ |
486 updateScreenSize: function(screen) { | 492 updateScreenSize: function(screen) { |
493 if (screen.classList.contains('fullscreen')) { | |
494 $('outer-container').classList.toggle('fullscreen', true); | |
495 return; | |
496 } | |
xiyuan
2013/08/19 17:40:29
nit: Although we don't have code to return from a
Tim Song
2013/08/19 20:05:07
Done. The #('inner-container').style is being set
| |
497 | |
487 // Have to reset any previously predefined screen size first | 498 // Have to reset any previously predefined screen size first |
488 // so that screen contents would define it instead (offsetHeight/width). | 499 // so that screen contents would define it instead (offsetHeight/width). |
489 // http://crbug.com/146539 | 500 // http://crbug.com/146539 |
490 screen.style.width = ''; | 501 screen.style.width = ''; |
491 screen.style.height = ''; | 502 screen.style.height = ''; |
492 | 503 |
493 var height = screen.offsetHeight; | 504 var height = screen.offsetHeight; |
494 var width = screen.offsetWidth; | 505 var width = screen.offsetWidth; |
495 for (var i = 0, screenGroup; screenGroup = SCREEN_GROUPS[i]; i++) { | 506 for (var i = 0, screenGroup; screenGroup = SCREEN_GROUPS[i]; i++) { |
496 if (screenGroup.indexOf(screen.id) != -1) { | 507 if (screenGroup.indexOf(screen.id) != -1) { |
(...skipping 303 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
800 */ | 811 */ |
801 DisplayManager.refocusCurrentPod = function() { | 812 DisplayManager.refocusCurrentPod = function() { |
802 $('pod-row').refocusCurrentPod(); | 813 $('pod-row').refocusCurrentPod(); |
803 }; | 814 }; |
804 | 815 |
805 // Export | 816 // Export |
806 return { | 817 return { |
807 DisplayManager: DisplayManager | 818 DisplayManager: DisplayManager |
808 }; | 819 }; |
809 }); | 820 }); |
OLD | NEW |