| Conditions | 1 |
| Paths | 1 |
| Total Lines | 134 |
| Code Lines | 55 |
| Lines | 0 |
| Ratio | 0 % |
| Changes | 2 | ||
| Bugs | 0 | Features | 0 |
Small methods make your code easier to understand, in particular if combined with a good name. Besides, if your method is small, finding a good name is usually much easier.
For example, if you find yourself adding comments to a method's body, this is usually a good sign to extract the commented part to a new method, and use the comment as a starting point when coming up with a good name for this new method.
Commonly applied refactorings include:
If many parameters/temporary variables are present:
| 1 | define( |
||
| 10 | function( |
||
| 11 | JsonGeneratorObserver, |
||
| 12 | JsonGeneratorRendererNumber, |
||
| 13 | JsonGeneratorRendererSelect, |
||
| 14 | JsonGeneratorRendererSelectFromUrl, |
||
| 15 | JsonGeneratorRendererConstraint, |
||
| 16 | JsonGeneratorRendererDefault |
||
| 17 | ) { |
||
| 18 | |||
| 19 | /** |
||
| 20 | * @class |
||
| 21 | * @param {Boolean} $editable |
||
| 22 | * @param {HTMLElement} $container |
||
| 23 | */ |
||
| 24 | var JsonGeneratorRenderer = function($editable, $container, $types) { |
||
| 25 | |||
| 26 | /** |
||
| 27 | * @public |
||
| 28 | * @type {JsonGeneratorObserver} |
||
| 29 | */ |
||
| 30 | this.observer = new JsonGeneratorObserver(); |
||
| 31 | |||
| 32 | var $renderer = null; |
||
| 33 | |||
| 34 | |||
| 35 | /** |
||
| 36 | * @public |
||
| 37 | */ |
||
| 38 | this.render = function($data) { |
||
| 39 | |||
| 40 | return getRenderer().render($data); |
||
| 41 | }; |
||
| 42 | |||
| 43 | |||
| 44 | /** |
||
| 45 | * @public |
||
| 46 | * @returns {Object} |
||
| 47 | */ |
||
| 48 | this.read = function() { |
||
| 49 | |||
| 50 | return getRenderer().read(); |
||
| 51 | }; |
||
| 52 | |||
| 53 | |||
| 54 | /** |
||
| 55 | * @protected |
||
| 56 | * @returns {*} |
||
| 57 | */ |
||
| 58 | var getRenderer = function() { |
||
| 59 | |||
| 60 | var renderers = { |
||
| 61 | 'select': JsonGeneratorRendererSelect, |
||
| 62 | 'select_from_url': JsonGeneratorRendererSelectFromUrl, |
||
| 63 | 'text': JsonGeneratorRendererDefault, |
||
| 64 | 'number': JsonGeneratorRendererNumber |
||
| 65 | }; |
||
| 66 | |||
| 67 | if($renderer === null) { |
||
| 68 | if($container.querySelector('.json-select-generator')) { |
||
| 69 | $renderer = new JsonGeneratorRendererSelect($editable, $container); |
||
| 70 | } |
||
| 71 | else if($container.querySelector('.json-select_from_url-generator')) { |
||
| 72 | $renderer = new JsonGeneratorRendererSelectFromUrl($editable, $container); |
||
| 73 | } |
||
| 74 | else if($container.querySelector('.json-number-generator')) { |
||
| 75 | $renderer = new JsonGeneratorRendererNumber($editable, $container); |
||
| 76 | } |
||
| 77 | else if($container.querySelector('.json-constraint-generator')) { |
||
| 78 | $renderer = new JsonGeneratorRendererConstraint($editable, $container); |
||
| 79 | } |
||
| 80 | else if($container.querySelector('.json-text-generator')) { |
||
| 81 | $renderer = new JsonGeneratorRendererDefault($editable, $container); |
||
| 82 | } |
||
| 83 | else { |
||
| 84 | $renderer = new renderers[$types[0].type]($editable, $container); |
||
| 85 | } |
||
| 86 | } |
||
| 87 | |||
| 88 | return $renderer; |
||
| 89 | }.bind(this); |
||
|
|
|||
| 90 | |||
| 91 | |||
| 92 | /** |
||
| 93 | * @protected |
||
| 94 | */ |
||
| 95 | var persist = function() { |
||
| 96 | |||
| 97 | this.observer.notify('persist'); |
||
| 98 | }.bind(this); |
||
| 99 | |||
| 100 | |||
| 101 | /** |
||
| 102 | * @protected |
||
| 103 | */ |
||
| 104 | var save = function() { |
||
| 105 | |||
| 106 | this.observer.notify('save'); |
||
| 107 | }.bind(this); |
||
| 108 | |||
| 109 | |||
| 110 | /** |
||
| 111 | * @protected |
||
| 112 | */ |
||
| 113 | var addObserver = function() { |
||
| 114 | |||
| 115 | getRenderer().observer.watch('update', persist); |
||
| 116 | getRenderer().observer.watch('update', callDebounce(save)); |
||
| 117 | }.bind(this); |
||
| 118 | |||
| 119 | |||
| 120 | /** |
||
| 121 | * @protected |
||
| 122 | * @param {Function} $callable |
||
| 123 | */ |
||
| 124 | var callDebounce = function($callable) { |
||
| 125 | |||
| 126 | var $debounceTimer = null; |
||
| 127 | |||
| 128 | return function() { |
||
| 129 | |||
| 130 | if($debounceTimer) { |
||
| 131 | window.clearTimeout($debounceTimer); |
||
| 132 | } |
||
| 133 | |||
| 134 | $debounceTimer = window.setTimeout($callable, 300); |
||
| 135 | }.bind(this) |
||
| 136 | }.bind(this); |
||
| 137 | |||
| 138 | |||
| 139 | addObserver(); |
||
| 140 | }; |
||
| 141 | |||
| 142 | return JsonGeneratorRenderer; |
||
| 143 | }); |
||
| 144 |