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 cr.define('options', function() { | 5 cr.define('options', function() { |
6 var OptionsPage = options.OptionsPage; | 6 var Page = cr.ui.pageManager.Page; |
| 7 var PageManager = cr.ui.pageManager.PageManager; |
7 | 8 |
8 ///////////////////////////////////////////////////////////////////////////// | 9 ///////////////////////////////////////////////////////////////////////////// |
9 // AccountsOptions class: | 10 // AccountsOptions class: |
10 | 11 |
11 /** | 12 /** |
12 * Encapsulated handling of ChromeOS accounts options page. | 13 * Encapsulated handling of ChromeOS accounts options page. |
13 * @constructor | 14 * @constructor |
14 */ | 15 */ |
15 function AccountsOptions(model) { | 16 function AccountsOptions(model) { |
16 OptionsPage.call(this, 'accounts', | 17 Page.call(this, 'accounts', loadTimeData.getString('accountsPageTabTitle'), |
17 loadTimeData.getString('accountsPageTabTitle'), | 18 'accountsPage'); |
18 'accountsPage'); | |
19 // Whether to show the whitelist. | 19 // Whether to show the whitelist. |
20 this.showWhitelist_ = false; | 20 this.showWhitelist_ = false; |
21 } | 21 } |
22 | 22 |
23 cr.addSingletonGetter(AccountsOptions); | 23 cr.addSingletonGetter(AccountsOptions); |
24 | 24 |
25 AccountsOptions.prototype = { | 25 AccountsOptions.prototype = { |
26 // Inherit AccountsOptions from OptionsPage. | 26 // Inherit AccountsOptions from Page. |
27 __proto__: OptionsPage.prototype, | 27 __proto__: Page.prototype, |
28 | 28 |
29 /** | 29 /** |
30 * Initializes AccountsOptions page. | 30 * Initializes AccountsOptions page. |
31 */ | 31 */ |
32 initializePage: function() { | 32 initializePage: function() { |
33 // Call base class implementation to starts preference initialization. | 33 // Call base class implementation to starts preference initialization. |
34 OptionsPage.prototype.initializePage.call(this); | 34 Page.prototype.initializePage.call(this); |
35 | 35 |
36 // Set up accounts page. | 36 // Set up accounts page. |
37 var userList = $('userList'); | 37 var userList = $('userList'); |
38 userList.addEventListener('remove', this.handleRemoveUser_); | 38 userList.addEventListener('remove', this.handleRemoveUser_); |
39 | 39 |
40 var userNameEdit = $('userNameEdit'); | 40 var userNameEdit = $('userNameEdit'); |
41 options.accounts.UserNameEdit.decorate(userNameEdit); | 41 options.accounts.UserNameEdit.decorate(userNameEdit); |
42 userNameEdit.addEventListener('add', this.handleAddUser_); | 42 userNameEdit.addEventListener('add', this.handleAddUser_); |
43 | 43 |
44 // If the current user is not the owner, do not show the user list. | 44 // If the current user is not the owner, do not show the user list. |
(...skipping 10 matching lines...) Expand all Loading... |
55 this.addEventListener('visibleChange', this.handleVisibleChange_); | 55 this.addEventListener('visibleChange', this.handleVisibleChange_); |
56 | 56 |
57 $('useWhitelistCheck').addEventListener('change', | 57 $('useWhitelistCheck').addEventListener('change', |
58 this.handleUseWhitelistCheckChange_.bind(this)); | 58 this.handleUseWhitelistCheckChange_.bind(this)); |
59 | 59 |
60 Preferences.getInstance().addEventListener( | 60 Preferences.getInstance().addEventListener( |
61 $('useWhitelistCheck').pref, | 61 $('useWhitelistCheck').pref, |
62 this.handleUseWhitelistPrefChange_.bind(this)); | 62 this.handleUseWhitelistPrefChange_.bind(this)); |
63 | 63 |
64 $('accounts-options-overlay-confirm').onclick = | 64 $('accounts-options-overlay-confirm').onclick = |
65 OptionsPage.closeOverlay.bind(OptionsPage); | 65 PageManager.closeOverlay.bind(PageManager); |
66 }, | 66 }, |
67 | 67 |
68 /** | 68 /** |
69 * Update user list control state. | 69 * Update user list control state. |
70 * @private | 70 * @private |
71 */ | 71 */ |
72 updateControls_: function() { | 72 updateControls_: function() { |
73 $('userList').disabled = | 73 $('userList').disabled = |
74 $('userNameEdit').disabled = !this.showWhitelist_ || | 74 $('userNameEdit').disabled = !this.showWhitelist_ || |
75 AccountsOptions.whitelistIsManaged() || | 75 AccountsOptions.whitelistIsManaged() || |
76 !$('useWhitelistCheck').checked; | 76 !$('useWhitelistCheck').checked; |
77 }, | 77 }, |
78 | 78 |
79 /** | 79 /** |
80 * Handler for OptionsPage's visible property change event. | 80 * Handler for Page's visible property change event. |
81 * @private | 81 * @private |
82 * @param {Event} e Property change event. | 82 * @param {Event} e Property change event. |
83 */ | 83 */ |
84 handleVisibleChange_: function(e) { | 84 handleVisibleChange_: function(e) { |
85 if (this.visible) { | 85 if (this.visible) { |
86 this.updateControls_(); | 86 this.updateControls_(); |
87 if (this.showWhitelist_) | 87 if (this.showWhitelist_) |
88 $('userList').redraw(); | 88 $('userList').redraw(); |
89 } | 89 } |
90 }, | 90 }, |
(...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
149 if (this.showWhitelist_) | 149 if (this.showWhitelist_) |
150 $('userList').updateAccountPicture(username); | 150 $('userList').updateAccountPicture(username); |
151 }; | 151 }; |
152 | 152 |
153 // Export | 153 // Export |
154 return { | 154 return { |
155 AccountsOptions: AccountsOptions | 155 AccountsOptions: AccountsOptions |
156 }; | 156 }; |
157 | 157 |
158 }); | 158 }); |
OLD | NEW |