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 <include src="../uber/uber_utils.js"> | 5 <include src="../uber/uber_utils.js"> |
6 | 6 |
7 cr.define('help', function() { | 7 cr.define('help', function() { |
8 var localStrings = new LocalStrings(); | |
9 | |
10 /** | 8 /** |
11 * Encapsulated handling of the help page. | 9 * Encapsulated handling of the help page. |
12 */ | 10 */ |
13 function HelpPage() {} | 11 function HelpPage() {} |
14 | 12 |
15 cr.addSingletonGetter(HelpPage); | 13 cr.addSingletonGetter(HelpPage); |
16 | 14 |
17 HelpPage.prototype = { | 15 HelpPage.prototype = { |
18 __proto__: HTMLDivElement.prototype, | 16 __proto__: HTMLDivElement.prototype, |
19 | 17 |
20 /** | 18 /** |
21 * Perform initial setup. | 19 * Perform initial setup. |
22 */ | 20 */ |
23 initialize: function() { | 21 initialize: function() { |
24 uber.onContentFrameLoaded(); | 22 uber.onContentFrameLoaded(); |
25 | 23 |
26 // Set the title. | 24 // Set the title. |
27 var title = localStrings.getString('helpTitle'); | 25 var title = loadTimeData.getString('helpTitle'); |
28 uber.invokeMethodOnParent('setTitle', {title: title}); | 26 uber.invokeMethodOnParent('setTitle', {title: title}); |
29 | 27 |
30 $('product-license').innerHTML = localStrings.getString('productLicense'); | 28 $('product-license').innerHTML = loadTimeData.getString('productLicense'); |
31 if (cr.isChromeOS) | 29 if (cr.isChromeOS) { |
32 $('product-os-license').innerHTML = | 30 $('product-os-license').innerHTML = |
33 localStrings.getString('productOsLicense'); | 31 loadTimeData.getString('productOsLicense'); |
| 32 } |
34 | 33 |
35 var productTOS = $('product-tos'); | 34 var productTOS = $('product-tos'); |
36 if (productTOS) | 35 if (productTOS) |
37 productTOS.innerHTML = localStrings.getString('productTOS'); | 36 productTOS.innerHTML = loadTimeData.getString('productTOS'); |
38 | 37 |
39 $('get-help').onclick = chrome.send.bind(chrome, 'openHelpPage'); | 38 $('get-help').onclick = chrome.send.bind(chrome, 'openHelpPage'); |
40 $('report-issue').onclick = | 39 $('report-issue').onclick = |
41 chrome.send.bind(chrome, 'openFeedbackDialog'); | 40 chrome.send.bind(chrome, 'openFeedbackDialog'); |
42 | 41 |
43 this.maybeSetOnClick_($('more-info-expander'), | 42 this.maybeSetOnClick_($('more-info-expander'), |
44 this.toggleMoreInfo_.bind(this)); | 43 this.toggleMoreInfo_.bind(this)); |
45 | 44 |
46 this.maybeSetOnClick_($('promote'), | 45 this.maybeSetOnClick_($('promote'), |
47 chrome.send.bind(chrome, 'promoteUpdater')); | 46 chrome.send.bind(chrome, 'promoteUpdater')); |
(...skipping 16 matching lines...) Expand all Loading... |
64 * Toggles the visible state of the 'More Info' section. | 63 * Toggles the visible state of the 'More Info' section. |
65 * @private | 64 * @private |
66 */ | 65 */ |
67 toggleMoreInfo_: function() { | 66 toggleMoreInfo_: function() { |
68 var moreInfo = $('more-info-container'); | 67 var moreInfo = $('more-info-container'); |
69 var visible = moreInfo.className == 'visible'; | 68 var visible = moreInfo.className == 'visible'; |
70 moreInfo.className = visible ? '' : 'visible'; | 69 moreInfo.className = visible ? '' : 'visible'; |
71 moreInfo.style.height = visible ? '' : moreInfo.scrollHeight + 'px'; | 70 moreInfo.style.height = visible ? '' : moreInfo.scrollHeight + 'px'; |
72 moreInfo.addEventListener('webkitTransitionEnd', function(event) { | 71 moreInfo.addEventListener('webkitTransitionEnd', function(event) { |
73 $('more-info-expander').textContent = visible ? | 72 $('more-info-expander').textContent = visible ? |
74 localStrings.getString('showMoreInfo') : | 73 loadTimeData.getString('showMoreInfo') : |
75 localStrings.getString('hideMoreInfo'); | 74 loadTimeData.getString('hideMoreInfo'); |
76 }); | 75 }); |
77 }, | 76 }, |
78 | 77 |
79 /** | 78 /** |
80 * Assigns |method| to the onclick property of |el| if |el| exists. | 79 * Assigns |method| to the onclick property of |el| if |el| exists. |
81 * @private | 80 * @private |
82 */ | 81 */ |
83 maybeSetOnClick_: function(el, method) { | 82 maybeSetOnClick_: function(el, method) { |
84 if (el) | 83 if (el) |
85 el.onclick = method; | 84 el.onclick = method; |
86 }, | 85 }, |
87 | 86 |
88 /** | 87 /** |
89 * @private | 88 * @private |
90 */ | 89 */ |
91 setUpdateImage_: function(state) { | 90 setUpdateImage_: function(state) { |
92 $('update-status-icon').className = 'update-icon ' + state; | 91 $('update-status-icon').className = 'update-icon ' + state; |
93 }, | 92 }, |
94 | 93 |
95 /** | 94 /** |
96 * @private | 95 * @private |
97 */ | 96 */ |
98 setUpdateStatus_: function(status, message) { | 97 setUpdateStatus_: function(status, message) { |
99 if (status == 'checking') { | 98 if (status == 'checking') { |
100 this.setUpdateImage_('working'); | 99 this.setUpdateImage_('working'); |
101 $('update-status').innerHTML = | 100 $('update-status').innerHTML = |
102 localStrings.getString('updateCheckStarted'); | 101 loadTimeData.getString('updateCheckStarted'); |
103 } else if (status == 'updating') { | 102 } else if (status == 'updating') { |
104 this.setUpdateImage_('working'); | 103 this.setUpdateImage_('working'); |
105 $('update-status').innerHTML = localStrings.getString('updating'); | 104 $('update-status').innerHTML = loadTimeData.getString('updating'); |
106 } else if (status == 'nearly_updated') { | 105 } else if (status == 'nearly_updated') { |
107 this.setUpdateImage_('up-to-date'); | 106 this.setUpdateImage_('up-to-date'); |
108 $('update-status').innerHTML = | 107 $('update-status').innerHTML = |
109 localStrings.getString('updateAlmostDone'); | 108 loadTimeData.getString('updateAlmostDone'); |
110 } else if (status == 'updated') { | 109 } else if (status == 'updated') { |
111 this.setUpdateImage_('up-to-date'); | 110 this.setUpdateImage_('up-to-date'); |
112 $('update-status').innerHTML = localStrings.getString('upToDate'); | 111 $('update-status').innerHTML = loadTimeData.getString('upToDate'); |
113 } else if (status == 'failed') { | 112 } else if (status == 'failed') { |
114 this.setUpdateImage_('failed'); | 113 this.setUpdateImage_('failed'); |
115 $('update-status').innerHTML = message; | 114 $('update-status').innerHTML = message; |
116 } else if (status == 'disabled') { | 115 } else if (status == 'disabled') { |
117 var container = $('update-status-container'); | 116 var container = $('update-status-container'); |
118 if (container) | 117 if (container) |
119 container.hidden = true; | 118 container.hidden = true; |
120 return; | 119 return; |
121 } | 120 } |
122 | 121 |
(...skipping 147 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
270 HelpPage: HelpPage | 269 HelpPage: HelpPage |
271 }; | 270 }; |
272 }); | 271 }); |
273 | 272 |
274 /** | 273 /** |
275 * onload listener to initialize the HelpPage. | 274 * onload listener to initialize the HelpPage. |
276 */ | 275 */ |
277 window.onload = function() { | 276 window.onload = function() { |
278 help.HelpPage.getInstance().initialize(); | 277 help.HelpPage.getInstance().initialize(); |
279 }; | 278 }; |
OLD | NEW |