Improve presentation of the collapsible sub-panels a bit.
Chris Pressey
10 years ago
| 27 | 27 | yoob.makeButton(controlPanel, 'Resume', function() { t.resume(); }); |
| 28 | 28 | yoob.makeLineBreak(controlPanel); |
| 29 | 29 | |
| 30 | var stylePanel = function(panel) { | |
| 31 | panel.style.background = "#e0e0e0"; | |
| 32 | panel.style.padding = "3px"; | |
| 33 | panel.parentNode.style.background = "#c0c0c0"; | |
| 34 | panel.parentNode.style.textAlign = "left"; | |
| 35 | }; | |
| 36 | ||
| 30 | 37 | urlPanel = yoob.makePanel(controlPanel, "Image URL", false); |
| 31 | var urlElem = yoob.makeTextInput(urlPanel, 32, config.imgUrl); | |
| 38 | var urlElem = yoob.makeTextInput(urlPanel, 64, config.imgUrl); | |
| 39 | urlElem.style.width = "80%"; | |
| 32 | 40 | yoob.makeButton(urlPanel, 'Load', function() { |
| 33 | 41 | t.load(urlElem.value); |
| 34 | 42 | }); |
| 35 | urlPanel.style.background = "#e0e0e0"; | |
| 43 | stylePanel(urlPanel); | |
| 36 | 44 | |
| 37 | 45 | presetPanel = yoob.makePanel(controlPanel, "Select Preset", true); |
| 38 | 46 | var presetSelect = yoob.makeSelect(presetPanel, "Preset:", []); |
| 39 | presetPanel.style.background = "#e0e0e0"; | |
| 47 | stylePanel(presetPanel); | |
| 40 | 48 | |
| 41 | 49 | var sliderPanel = yoob.makePanel(controlPanel, "Adjust Parameters", false); |
| 42 | 50 | sliderPanel.style.textAlign = "right"; |
| 43 | sliderPanel.style.background = "#e0e0e0"; | |
| 51 | stylePanel(sliderPanel); | |
| 44 | 52 | |
| 45 | 53 | var rotateSlider = yoob.makeSliderPlusTextInput( |
| 46 | 54 | sliderPanel, 'Rotate (microRadians):', -3000, 3000, 5, 200, |