| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2014 Google Inc. All rights reserved. | 2 * Copyright (C) 2014 Google Inc. All rights reserved. |
| 3 * | 3 * |
| 4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
| 5 * modification, are permitted provided that the following conditions are | 5 * modification, are permitted provided that the following conditions are |
| 6 * met: | 6 * met: |
| 7 * | 7 * |
| 8 * * Redistributions of source code must retain the above copyright | 8 * * Redistributions of source code must retain the above copyright |
| 9 * notice, this list of conditions and the following disclaimer. | 9 * notice, this list of conditions and the following disclaimer. |
| 10 * * Redistributions in binary form must reproduce the above | 10 * * Redistributions in binary form must reproduce the above |
| (...skipping 10 matching lines...) Expand all Loading... |
| 21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT | 21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT |
| 22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, | 22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, |
| 23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT | 23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT |
| 24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, | 24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, |
| 25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY | 25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY |
| 26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | 26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
| 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE | 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
| 28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | 28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| 29 */ | 29 */ |
| 30 | 30 |
| 31 WebInspector.SettingsUI = {} | 31 WebInspector.SettingsUI = {}; |
| 32 | 32 |
| 33 /** | 33 /** |
| 34 * @param {string} name | 34 * @param {string} name |
| 35 * @param {!WebInspector.Setting} setting | 35 * @param {!WebInspector.Setting} setting |
| 36 * @param {boolean=} omitParagraphElement | 36 * @param {boolean=} omitParagraphElement |
| 37 * @param {string=} tooltip | 37 * @param {string=} tooltip |
| 38 * @return {!Element} | 38 * @return {!Element} |
| 39 */ | 39 */ |
| 40 WebInspector.SettingsUI.createSettingCheckbox = function(name, setting, omitPara
graphElement, tooltip) | 40 WebInspector.SettingsUI.createSettingCheckbox = function(name, setting, omitPara
graphElement, tooltip) |
| 41 { | 41 { |
| 42 var label = createCheckboxLabel(name); | 42 var label = createCheckboxLabel(name); |
| 43 if (tooltip) | 43 if (tooltip) |
| 44 label.title = tooltip; | 44 label.title = tooltip; |
| 45 | 45 |
| 46 var input = label.checkboxElement; | 46 var input = label.checkboxElement; |
| 47 input.name = name; | 47 input.name = name; |
| 48 WebInspector.SettingsUI.bindCheckbox(input, setting); | 48 WebInspector.SettingsUI.bindCheckbox(input, setting); |
| 49 | 49 |
| 50 if (omitParagraphElement) | 50 if (omitParagraphElement) |
| 51 return label; | 51 return label; |
| 52 | 52 |
| 53 var p = createElement("p"); | 53 var p = createElement("p"); |
| 54 p.appendChild(label); | 54 p.appendChild(label); |
| 55 return p; | 55 return p; |
| 56 } | 56 }; |
| 57 | 57 |
| 58 /** | 58 /** |
| 59 * @param {!Element} input | 59 * @param {!Element} input |
| 60 * @param {!WebInspector.Setting} setting | 60 * @param {!WebInspector.Setting} setting |
| 61 */ | 61 */ |
| 62 WebInspector.SettingsUI.bindCheckbox = function(input, setting) | 62 WebInspector.SettingsUI.bindCheckbox = function(input, setting) |
| 63 { | 63 { |
| 64 function settingChanged() | 64 function settingChanged() |
| 65 { | 65 { |
| 66 if (input.checked !== setting.get()) | 66 if (input.checked !== setting.get()) |
| 67 input.checked = setting.get(); | 67 input.checked = setting.get(); |
| 68 } | 68 } |
| 69 setting.addChangeListener(settingChanged); | 69 setting.addChangeListener(settingChanged); |
| 70 settingChanged(); | 70 settingChanged(); |
| 71 | 71 |
| 72 function inputChanged() | 72 function inputChanged() |
| 73 { | 73 { |
| 74 if (setting.get() !== input.checked) | 74 if (setting.get() !== input.checked) |
| 75 setting.set(input.checked); | 75 setting.set(input.checked); |
| 76 } | 76 } |
| 77 input.addEventListener("change", inputChanged, false); | 77 input.addEventListener("change", inputChanged, false); |
| 78 } | 78 }; |
| 79 | 79 |
| 80 /** | 80 /** |
| 81 * @param {string} name | 81 * @param {string} name |
| 82 * @param {!Element} element | 82 * @param {!Element} element |
| 83 * @return {!Element} | 83 * @return {!Element} |
| 84 */ | 84 */ |
| 85 WebInspector.SettingsUI.createCustomSetting = function(name, element) | 85 WebInspector.SettingsUI.createCustomSetting = function(name, element) |
| 86 { | 86 { |
| 87 var p = createElement("p"); | 87 var p = createElement("p"); |
| 88 var fieldsetElement = p.createChild("fieldset"); | 88 var fieldsetElement = p.createChild("fieldset"); |
| 89 fieldsetElement.createChild("label").textContent = name; | 89 fieldsetElement.createChild("label").textContent = name; |
| 90 fieldsetElement.appendChild(element); | 90 fieldsetElement.appendChild(element); |
| 91 return p; | 91 return p; |
| 92 } | 92 }; |
| 93 | 93 |
| 94 /** | 94 /** |
| 95 * @param {!WebInspector.Setting} setting | 95 * @param {!WebInspector.Setting} setting |
| 96 * @return {!Element} | 96 * @return {!Element} |
| 97 */ | 97 */ |
| 98 WebInspector.SettingsUI.createSettingFieldset = function(setting) | 98 WebInspector.SettingsUI.createSettingFieldset = function(setting) |
| 99 { | 99 { |
| 100 var fieldset = createElement("fieldset"); | 100 var fieldset = createElement("fieldset"); |
| 101 fieldset.disabled = !setting.get(); | 101 fieldset.disabled = !setting.get(); |
| 102 setting.addChangeListener(settingChanged); | 102 setting.addChangeListener(settingChanged); |
| 103 return fieldset; | 103 return fieldset; |
| 104 | 104 |
| 105 function settingChanged() | 105 function settingChanged() |
| 106 { | 106 { |
| 107 fieldset.disabled = !setting.get(); | 107 fieldset.disabled = !setting.get(); |
| 108 } | 108 } |
| 109 } | 109 }; |
| 110 | 110 |
| 111 /** | 111 /** |
| 112 * @interface | 112 * @interface |
| 113 */ | 113 */ |
| 114 WebInspector.SettingUI = function() | 114 WebInspector.SettingUI = function() |
| 115 { | 115 { |
| 116 } | 116 }; |
| 117 | 117 |
| 118 WebInspector.SettingUI.prototype = { | 118 WebInspector.SettingUI.prototype = { |
| 119 /** | 119 /** |
| 120 * @return {?Element} | 120 * @return {?Element} |
| 121 */ | 121 */ |
| 122 settingElement: function() { } | 122 settingElement: function() { } |
| 123 } | 123 }; |
| OLD | NEW |