| @@ -3,8 +3,25 @@ | ||
| 3 | 3 | (function($, v) { |
| 4 | 4 | var timeout; |
| 5 | 5 | |
| 6 | 6 | $(document).ready(function() { |
| 7 | + // when data is impported using csv/url, update the hidden data and the advanced settings sidebar. | |
| 8 | + // editor and sidebar are both JSON objects | |
| 9 | + window.updateHTML = function( editor, sidebar ) { | |
| 10 | + $('.viz-simple-editor').remove(); | |
| 11 | + $('#content').append(editor.html); | |
| 12 | + $('#settings-form .viz-group').remove(); | |
| 13 | + $('#settings-form').append(sidebar.html); | |
| 14 | + | |
| 15 | + $('#settings-form .control-text').change(updateChart).keyup(updateChart); | |
| 16 | + $('#settings-form .control-select, #settings-form .control-checkbox, #settings-form .control-check').change(updateChart); | |
| 17 | + $('#settings-form .color-picker-hex').wpColorPicker({ | |
| 18 | + change: updateChart, | |
| 19 | + clear: updateChart | |
| 20 | + }); | |
| 21 | + $('#settings-form textarea[name="manual"]').change(validateJSON).keyup(validateJSON); | |
| 22 | + }; | |
| 23 | + | |
| 7 | 24 | $('#settings-button').click(function() { |
| 8 | 25 | $('#settings-form').submit(); |
| 9 | 26 | }); |
| 10 | 27 | |
| @@ -16,9 +33,9 @@ | ||
| 16 | 33 | delete settings['width']; |
| 17 | 34 | delete settings['height']; |
| 18 | 35 | |
| 19 | 36 | v.charts.canvas.settings = settings; |
| 20 | - v.update(); | |
| 37 | + $('body').trigger('visualizer:render:currentchart:update', {visualizer: v}); | |
| 21 | 38 | }, 1000); |
| 22 | 39 | } |
| 23 | 40 | |
| 24 | 41 | function validateJSON() { |
