| OLD | NEW |
| 1 // Copyright 2012 The Chromium Authors. All rights reserved. | 1 // Copyright 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 // Redefine '$' here rather than including 'cr.js', since this is | 5 // Redefine '$' here rather than including 'cr.js', since this is |
| 6 // the only function needed. This allows this file to be loaded | 6 // the only function needed. This allows this file to be loaded |
| 7 // in a browser directly for layout and some testing purposes. | 7 // in a browser directly for layout and some testing purposes. |
| 8 var $ = function(id) { return document.getElementById(id); }; | 8 var $ = function(id) { |
| 9 return document.getElementById(id); |
| 10 }; |
| 9 | 11 |
| 10 /** | 12 /** |
| 11 * WebUI for configuring instant.* preference values used by | 13 * WebUI for configuring instant.* preference values used by |
| 12 * Chrome's instant search system. | 14 * Chrome's instant search system. |
| 13 */ | 15 */ |
| 14 var instantConfig = (function() { | 16 var instantConfig = (function() { |
| 15 'use strict'; | 17 'use strict'; |
| 16 | 18 |
| 17 /** List of fields used to dynamically build form. **/ | 19 /** List of fields used to dynamically build form. **/ |
| 18 var FIELDS = [ | 20 var FIELDS = [ |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 50 | 52 |
| 51 var label = createElementWithClass('label', 'row-label'); | 53 var label = createElementWithClass('label', 'row-label'); |
| 52 label.setAttribute('for', field.key); | 54 label.setAttribute('for', field.key); |
| 53 label.textContent = field.label; | 55 label.textContent = field.label; |
| 54 row.appendChild(label); | 56 row.appendChild(label); |
| 55 | 57 |
| 56 var input = createElementWithClass('input', 'row-input'); | 58 var input = createElementWithClass('input', 'row-input'); |
| 57 input.type = field.type; | 59 input.type = field.type; |
| 58 input.id = field.key; | 60 input.id = field.key; |
| 59 input.title = "Default Value: " + field.default; | 61 input.title = "Default Value: " + field.default; |
| 60 if (field.size) input.size = field.size; | 62 if (field.size) |
| 63 input.size = field.size; |
| 61 input.min = field.min || 0; | 64 input.min = field.min || 0; |
| 62 if (field.max) input.max = field.max; | 65 if (field.max) |
| 63 if (field.step) input.step = field.step; | 66 input.max = field.max; |
| 67 if (field.step) |
| 68 input.step = field.step; |
| 64 row.appendChild(input); | 69 row.appendChild(input); |
| 65 | 70 |
| 66 var units = createElementWithClass('div', 'row-units'); | 71 var units = createElementWithClass('div', 'row-units'); |
| 67 if (field.units) units.innerHTML = field.units; | 72 if (field.units) |
| 73 units.innerHTML = field.units; |
| 68 row.appendChild(units); | 74 row.appendChild(units); |
| 69 | 75 |
| 70 $('instant-form').appendChild(row); | 76 $('instant-form').appendChild(row); |
| 71 } | 77 } |
| 72 } | 78 } |
| 73 | 79 |
| 74 /** | 80 /** |
| 75 * Initialize the form by adding 'onChange' listeners to all fields. | 81 * Initialize the form by adding 'onChange' listeners to all fields. |
| 76 */ | 82 */ |
| 77 function initForm() { | 83 function initForm() { |
| 78 for (var i = 0; i < FIELDS.length; i++) { | 84 for (var i = 0; i < FIELDS.length; i++) { |
| 79 var field = FIELDS[i]; | 85 var field = FIELDS[i]; |
| 80 $(field.key).onchange = (function(key) { | 86 $(field.key).onchange = (function(key) { |
| 81 setPreferenceValue(key); | 87 setPreferenceValue(key); |
| 82 }).bind(null, field.key); | 88 }).bind(null, field.key); |
| 83 } | 89 } |
| 84 } | 90 } |
| 85 | 91 |
| 86 /** | 92 /** |
| 87 * Request a preference setting's value. | 93 * Request a preference setting's value. |
| 88 * This method is asynchronous; the result is provided by a call to | 94 * This method is asynchronous; the result is provided by a call to |
| 89 * getPreferenceValueResult. | 95 * getPreferenceValueResult. |
| 90 * @param {string} prefName The name of the preference value being requested. | 96 * @param {string} prefName The name of the preference value being requested. |
| 91 */ | 97 */ |
| 92 function getPreferenceValue(prefName) { | 98 function getPreferenceValue(prefName) { |
| (...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 181 } | 187 } |
| 182 | 188 |
| 183 return { | 189 return { |
| 184 initialize: initialize, | 190 initialize: initialize, |
| 185 getDebugInfoResult: getDebugInfoResult, | 191 getDebugInfoResult: getDebugInfoResult, |
| 186 getPreferenceValueResult: getPreferenceValueResult | 192 getPreferenceValueResult: getPreferenceValueResult |
| 187 }; | 193 }; |
| 188 })(); | 194 })(); |
| 189 | 195 |
| 190 document.addEventListener('DOMContentLoaded', instantConfig.initialize); | 196 document.addEventListener('DOMContentLoaded', instantConfig.initialize); |
| OLD | NEW |