OLD | NEW |
| (Empty) |
1 // Copyright (c) 2011 The Chromium Authors. All rights reserved. | |
2 // Use of this source code is governed by a BSD-style license that can be | |
3 // found in the LICENSE file. | |
4 | |
5 cr.define('options', function() { | |
6 | |
7 var OptionsPage = options.OptionsPage; | |
8 var Preferences = options.Preferences; | |
9 | |
10 ///////////////////////////////////////////////////////////////////////////// | |
11 // ProxyOptions class: | |
12 | |
13 /** | |
14 * Encapsulated handling of ChromeOS proxy options page. | |
15 * @constructor | |
16 */ | |
17 function ProxyOptions(model) { | |
18 OptionsPage.call(this, 'proxy', localStrings.getString('proxyPage'), | |
19 'proxyPage'); | |
20 } | |
21 | |
22 cr.addSingletonGetter(ProxyOptions); | |
23 | |
24 /** | |
25 * UI pref change handler. | |
26 */ | |
27 function handlePrefUpdate(e) { | |
28 ProxyOptions.getInstance().updateControls(); | |
29 } | |
30 | |
31 /** | |
32 * Monitor pref change of given element. | |
33 */ | |
34 function observePrefsUI(el) { | |
35 Preferences.getInstance().addEventListener(el.pref, handlePrefUpdate); | |
36 } | |
37 | |
38 ProxyOptions.prototype = { | |
39 // Inherit ProxyOptions from OptionsPage. | |
40 __proto__: OptionsPage.prototype, | |
41 | |
42 /** | |
43 * Initializes ProxyOptions page. | |
44 */ | |
45 initializePage: function() { | |
46 // Call base class implementation to start preference initialization. | |
47 OptionsPage.prototype.initializePage.call(this); | |
48 | |
49 // Set up ignored page. | |
50 options.proxyexceptions.ProxyExceptions.decorate($('ignoredHostList')); | |
51 | |
52 this.addEventListener('visibleChange', this.handleVisibleChange_); | |
53 $('removeHost').addEventListener('click', this.handleRemoveExceptions_); | |
54 $('addHost').addEventListener('click', this.handleAddException_); | |
55 $('directProxy').addEventListener('click', this.disableManual_); | |
56 $('manualProxy').addEventListener('click', this.enableManual_); | |
57 $('autoProxy').addEventListener('click', this.disableManual_); | |
58 $('proxyAllProtocols').addEventListener('click', this.toggleSingle_); | |
59 | |
60 observePrefsUI($('directProxy')); | |
61 observePrefsUI($('manualProxy')); | |
62 observePrefsUI($('autoProxy')); | |
63 observePrefsUI($('proxyAllProtocols')); | |
64 }, | |
65 | |
66 proxyListInitialized_: false, | |
67 | |
68 /** | |
69 * Update controls state. | |
70 * @public | |
71 */ | |
72 updateControls: function() { | |
73 this.updateBannerVisibility_(); | |
74 this.toggleSingle_(); | |
75 if ($('manualProxy').checked) { | |
76 this.enableManual_(); | |
77 } else { | |
78 this.disableManual_(); | |
79 } | |
80 if (!this.proxyListInitialized_ && this.visible) { | |
81 this.proxyListInitialized_ = true; | |
82 $('ignoredHostList').redraw(); | |
83 } | |
84 }, | |
85 | |
86 /** | |
87 * Handler for OptionsPage's visible property change event. | |
88 * @private | |
89 * @param {Event} e Property change event. | |
90 */ | |
91 handleVisibleChange_: function(e) { | |
92 this.updateControls(); | |
93 }, | |
94 | |
95 /** | |
96 * Updates info banner visibility state. This function shows the banner | |
97 * if proxy is managed or shared-proxies is off for shared network. | |
98 * @private | |
99 */ | |
100 updateBannerVisibility_: function() { | |
101 var bannerDiv = $('info-banner'); | |
102 // Remove class and listener for click event in case they were added | |
103 // before and updateBannerVisibility_ is called repeatedly. | |
104 bannerDiv.classList.remove("clickable"); | |
105 bannerDiv.removeEventListener('click', this.handleSharedProxiesHint_); | |
106 | |
107 // Show banner and determine its message if necessary. | |
108 var controlledBy = $('directProxy').controlledBy; | |
109 if (controlledBy == '') { | |
110 bannerDiv.hidden = true; | |
111 } else { | |
112 bannerDiv.hidden = false; | |
113 // controlledBy must match strings loaded in proxy_handler.cc and | |
114 // set in proxy_cros_settings_provider.cc. | |
115 $('banner-text').textContent = localStrings.getString(controlledBy); | |
116 if (controlledBy == "enableSharedProxiesBannerText") { | |
117 bannerDiv.classList.add("clickable"); | |
118 bannerDiv.addEventListener('click', this.handleSharedProxiesHint_); | |
119 } | |
120 } | |
121 }, | |
122 | |
123 /** | |
124 * Handler for "click" event on yellow banner with enable-shared-proxies | |
125 * hint. | |
126 * @private | |
127 * @param {Event} e Click event fired from info-banner. | |
128 */ | |
129 handleSharedProxiesHint_: function(e) { | |
130 OptionsPage.navigateToPage("internet"); | |
131 }, | |
132 | |
133 /** | |
134 * Handler for when the user clicks on the checkbox to allow a | |
135 * single proxy usage. | |
136 * @private | |
137 * @param {Event} e Click Event. | |
138 */ | |
139 toggleSingle_: function(e) { | |
140 if ($('proxyAllProtocols').checked) { | |
141 $('multiProxy').style.display = 'none'; | |
142 $('singleProxy').style.display = 'block'; | |
143 } else { | |
144 $('multiProxy').style.display = 'block'; | |
145 $('singleProxy').style.display = 'none'; | |
146 } | |
147 }, | |
148 | |
149 /** | |
150 * Handler for selecting a radio button that will disable the manual | |
151 * controls. | |
152 * @private | |
153 * @param {Event} e Click event. | |
154 */ | |
155 disableManual_: function(e) { | |
156 $('advancedConfig').hidden = true; | |
157 $('proxyAllProtocols').disabled = true; | |
158 $('proxyHostName').disabled = true; | |
159 $('proxyHostPort').disabled = true; | |
160 $('proxyHostSingleName').disabled = true; | |
161 $('proxyHostSinglePort').disabled = true; | |
162 $('secureProxyHostName').disabled = true; | |
163 $('secureProxyPort').disabled = true; | |
164 $('ftpProxy').disabled = true; | |
165 $('ftpProxyPort').disabled = true; | |
166 $('socksHost').disabled = true; | |
167 $('socksPort').disabled = true; | |
168 $('proxyConfig').disabled = $('autoProxy').disabled || | |
169 !$('autoProxy').checked; | |
170 }, | |
171 | |
172 /** | |
173 * Handler for selecting a radio button that will enable the manual | |
174 * controls. | |
175 * @private | |
176 * @param {Event} e Click event. | |
177 */ | |
178 enableManual_: function(e) { | |
179 $('advancedConfig').hidden = false; | |
180 $('ignoredHostList').redraw(); | |
181 var all_disabled = $('manualProxy').disabled; | |
182 $('newHost').disabled = all_disabled; | |
183 $('removeHost').disabled = all_disabled; | |
184 $('addHost').disabled = all_disabled; | |
185 $('proxyAllProtocols').disabled = all_disabled; | |
186 $('proxyHostName').disabled = all_disabled; | |
187 $('proxyHostPort').disabled = all_disabled; | |
188 $('proxyHostSingleName').disabled = all_disabled; | |
189 $('proxyHostSinglePort').disabled = all_disabled; | |
190 $('secureProxyHostName').disabled = all_disabled; | |
191 $('secureProxyPort').disabled = all_disabled; | |
192 $('ftpProxy').disabled = all_disabled; | |
193 $('ftpProxyPort').disabled = all_disabled; | |
194 $('socksHost').disabled = all_disabled; | |
195 $('socksPort').disabled = all_disabled; | |
196 $('proxyConfig').disabled = true; | |
197 }, | |
198 | |
199 /** | |
200 * Handler for "add" event fired from userNameEdit. | |
201 * @private | |
202 * @param {Event} e Add event fired from userNameEdit. | |
203 */ | |
204 handleAddException_: function(e) { | |
205 var exception = $('newHost').value; | |
206 $('newHost').value = ''; | |
207 | |
208 exception = exception.trim(); | |
209 if (exception) | |
210 $('ignoredHostList').addException(exception); | |
211 }, | |
212 | |
213 /** | |
214 * Handler for when the remove button is clicked | |
215 * @private | |
216 */ | |
217 handleRemoveExceptions_: function(e) { | |
218 var selectedItems = $('ignoredHostList').selectedItems; | |
219 for (var x = 0; x < selectedItems.length; x++) { | |
220 $('ignoredHostList').removeException(selectedItems[x]); | |
221 } | |
222 }, | |
223 | |
224 /** | |
225 * Sets proxy page title using given network name. | |
226 * @param {string} network The network name to use in page title. | |
227 * @public | |
228 */ | |
229 setNetworkName: function(network) { | |
230 $('proxy-page-title').textContent = | |
231 localStrings.getStringF('proxyPageTitleFormat', network); | |
232 } | |
233 }; | |
234 | |
235 ProxyOptions.setNetworkName = function(network) { | |
236 ProxyOptions.getInstance().setNetworkName(network); | |
237 }; | |
238 | |
239 // Export | |
240 return { | |
241 ProxyOptions: ProxyOptions | |
242 }; | |
243 | |
244 }); | |
OLD | NEW |