PluginProbe
Visualizer – Tables & Charts Manager with Built-in AI Generator / 1.4.2.2
Visualizer – Tables & Charts Manager with Built-in AI Generator v1.4.2.2
4.0.7 4.0.6 4.0.5 4.0.4 4.0.3 3.0.5 3.0.6 3.0.7 3.0.8 3.0.9 3.1.0 3.1.1 3.1.2 3.1.3 3.10.0 3.10.1 3.10.10 3.10.11 3.10.12 3.10.13 3.10.14 3.10.15 3.10.2 3.10.3 3.10.4 All 148 releases
← All changes | classes/Visualizer/Render/Sidebar.php +134 -337 3.0.91.4.2.2 View file →
@@ -18,8 +18,10 @@
18 18 // | MA 02110-1301 USA |
19 19 // +----------------------------------------------------------------------+
20 20 // | Author: Eugene Manuilov <eugene@manuilov.org> |
21 21 // +----------------------------------------------------------------------+
22 +
23 +
22 24 /**
23 25 * Base class for all chart sidebar groups.
24 26 *
25 27 * @category Visualizer
@@ -83,16 +85,8 @@
83 85 */
84 86 protected $_alignments;
85 87
86 88 /**
87 - * Whether this chart supports animation or not.
88 - *
89 - * @access protected
90 - * @var bool
91 - */
92 - protected $_supportsAnimation = true;
93 -
94 - /**
95 89 * Constructor.
96 90 *
97 91 * @since 1.0.0
98 92 *
@@ -103,27 +97,26 @@
103 97 parent::__construct( $data );
104 98
105 99 $this->_legendPositions = array(
106 100 '' => '',
107 - 'left' => esc_html__( 'Left of the chart', 'visualizer' ),
108 - 'right' => esc_html__( 'Right of the chart', 'visualizer' ),
109 - 'top' => esc_html__( 'Above the chart', 'visualizer' ),
110 - 'bottom' => esc_html__( 'Below the chart', 'visualizer' ),
111 - 'in' => esc_html__( 'Inside the chart', 'visualizer' ),
112 - 'none' => esc_html__( 'Omit the legend', 'visualizer' ),
101 + 'right' => esc_html__( 'Right of the chart', Visualizer_Plugin::NAME ),
102 + 'top' => esc_html__( 'Above the chart', Visualizer_Plugin::NAME ),
103 + 'bottom' => esc_html__( 'Below the chart', Visualizer_Plugin::NAME ),
104 + 'in' => esc_html__( 'Inside the chart', Visualizer_Plugin::NAME ),
105 + 'none' => esc_html__( 'Omit the legend', Visualizer_Plugin::NAME ),
113 106 );
114 107
115 108 $this->_alignments = array(
116 109 '' => '',
117 - 'start' => esc_html__( 'Aligned to the start of the allocated area', 'visualizer' ),
118 - 'center' => esc_html__( 'Centered in the allocated area', 'visualizer' ),
119 - 'end' => esc_html__( 'Aligned to the end of the allocated area', 'visualizer' ),
110 + 'start' => esc_html__( 'Aligned to the start of the allocated area', Visualizer_Plugin::NAME ),
111 + 'center' => esc_html__( 'Centered in the allocated area', Visualizer_Plugin::NAME ),
112 + 'end' => esc_html__( 'Aligned to the end of the allocated area', Visualizer_Plugin::NAME ),
120 113 );
121 114
122 115 $this->_yesno = array(
123 116 '' => '',
124 - '1' => esc_html__( 'Yes', 'visualizer' ),
125 - '0' => esc_html__( 'No', 'visualizer' ),
117 + '1' => esc_html__( 'Yes', Visualizer_Plugin::NAME ),
118 + '0' => esc_html__( 'No', Visualizer_Plugin::NAME ),
126 119 );
127 120 }
128 121
129 122 /**
@@ -134,16 +127,16 @@
134 127 * @access protected
135 128 */
136 129 protected function _renderChartTitleSettings() {
137 130 self::_renderTextItem(
138 - esc_html__( 'Chart Title', 'visualizer' ),
131 + esc_html__( 'Chart Title', Visualizer_Plugin::NAME ),
139 132 'title',
140 133 $this->title,
141 - esc_html__( 'Text to display above the chart.', 'visualizer' )
134 + esc_html__( 'Text to display above the chart.', Visualizer_Plugin::NAME )
142 135 );
143 136
144 137 self::_renderColorPickerItem(
145 - esc_html__( 'Chart Title Color', 'visualizer' ),
138 + esc_html__( 'Chart Title Color', Visualizer_Plugin::NAME ),
146 139 'titleTextStyle[color]',
147 140 isset( $this->titleTextStyle['color'] ) ? $this->titleTextStyle['color'] : null,
148 141 '#000'
149 142 );
@@ -149,99 +142,8 @@
149 142 );
150 143 }
151 144
152 145 /**
153 - * Renders chart advanced settings group.
154 - *
155 - * @access protected
156 - */
157 - protected function _renderAdvancedSettings() {
158 - self::_renderGroupStart( esc_html__( 'Frontend Actions', 'visualizer' ) );
159 - self::_renderSectionStart();
160 - self::_renderSectionDescription( esc_html__( 'Configure frontend actions here.', 'visualizer' ) );
161 - self::_renderSectionEnd();
162 -
163 - $this->_renderActionSettings();
164 - self::_renderGroupEnd();
165 -
166 - self::_renderGroupStart( esc_html__( 'Manual Configuration', 'visualizer' ) );
167 - self::_renderSectionStart();
168 - self::_renderSectionDescription( __( 'Configure the graph by providing configuration variables right from the', 'visualizer' ) . ' <a href="https://developers.google.com/chart/interactive/docs/reference" target="_blank">Google Visualization</a> API.' );
169 -
170 - $example = '
171 -{
172 - "vAxis": {
173 - "ticks": [5, 10, 15, 20],
174 - "titleTextStyle": {
175 - "color": "red"
176 - },
177 - "textPosition": "in"
178 - }
179 -}';
180 -
181 - self::_renderTextAreaItem(
182 - esc_html__( 'Configuration', 'visualizer' ),
183 - 'manual',
184 - $this->manual,
185 - sprintf(
186 - esc_html__( 'One per line in valid JSON (key:value) format e.g. %s', 'visualizer' ), '<br><code>' . $example . '</code>'
187 - ),
188 - '',
189 - array( 'rows' => 5 )
190 - );
191 -
192 - self::_renderSectionEnd();
193 - self::_renderGroupEnd();
194 -
195 - }
196 -
197 - /**
198 - * Renders chart action buttons group.
199 - *
200 - * @access protected
201 - */
202 - protected function _renderActionSettings() {
203 - global $wp_version;
204 - $disable_actions = version_compare( $wp_version, '4.7.0', '<' );
205 - self::_renderSectionStart( esc_html__( 'Actions', 'visualizer' ), false );
206 - self::_renderCheckboxItem(
207 - esc_html__( 'Print', 'visualizer' ),
208 - 'actions[]',
209 - isset( $this->actions ) && in_array( 'print', $this->actions ) ? true : false,
210 - 'print',
211 - $disable_actions ? '<span class="viz-section-error">' . esc_html__( 'Upgrade to at least WordPress 4.7 to use this.', 'visualizer' ) . '</span>' : esc_html__( 'To enable printing the data.', 'visualizer' ),
212 - $disable_actions
213 - );
214 - self::_renderCheckboxItem(
215 - esc_html__( 'CSV', 'visualizer' ),
216 - 'actions[]',
217 - isset( $this->actions ) && in_array( 'csv;application/csv', $this->actions ) ? true : false,
218 - 'csv;application/csv',
219 - $disable_actions ? '<span class="viz-section-error">' . esc_html__( 'Upgrade to at least WordPress 4.7 to use this.', 'visualizer' ) . '</span>' : esc_html__( 'To enable downloading the data as a CSV.', 'visualizer' ),
220 - $disable_actions
221 - );
222 -
223 - $disabled = ! ( class_exists( 'PHPExcel' ) && extension_loaded( 'zip' ) && extension_loaded( 'xml' ) && version_compare( PHP_VERSION, '5.2.0', '>' ) );
224 - self::_renderCheckboxItem(
225 - esc_html__( 'Excel', 'visualizer' ),
226 - 'actions[]',
227 - isset( $this->actions ) && in_array( 'xls;application/vnd.ms-excel', $this->actions ) ? true : false,
228 - 'xls;application/vnd.ms-excel',
229 - $disable_actions ? '<span class="viz-section-error">' . esc_html__( 'Upgrade to at least WordPress 4.7 to use this.', 'visualizer' ) . '</span>' : ( $disabled ? '<span class="viz-section-error">' . esc_html__( 'Enable the ZIP and XML extensions to use this setting.', 'visualizer' ) . '</span>' : esc_html__( 'To enable downloading the data as an Excel spreadsheet.', 'visualizer' ) ),
230 - $disable_actions || $disabled
231 - );
232 - self::_renderCheckboxItem(
233 - esc_html__( 'Copy', 'visualizer' ),
234 - 'actions[]',
235 - isset( $this->actions ) && in_array( 'copy', $this->actions ) ? true : false,
236 - 'copy',
237 - $disable_actions ? '<span class="viz-section-error">' . esc_html__( 'Upgrade to at least WordPress 4.7 to use this.', 'visualizer' ) . '</span>' : esc_html__( 'To enable copying the data to the clipboard.', 'visualizer' ),
238 - $disable_actions
239 - );
240 - self::_renderSectionEnd();
241 - }
242 -
243 - /**
244 146 * Renders chart general settings group.
245 147 *
246 148 * @since 1.0.0
247 149 *
@@ -247,70 +149,70 @@
247 149 *
248 150 * @access protected
249 151 */
250 152 protected function _renderGeneralSettings() {
251 - self::_renderGroupStart( esc_html__( 'General Settings', 'visualizer' ) );
153 + self::_renderGroupStart( esc_html__( 'General Settings', Visualizer_Plugin::NAME ) );
252 154 self::_renderSectionStart();
253 - self::_renderSectionDescription( esc_html__( 'Configure title, font styles, tooltip, legend and else settings for the chart.', 'visualizer' ) );
155 + self::_renderSectionDescription( esc_html__( 'Configure title, font styles, tooltip, legend and else settings for the chart.', Visualizer_Plugin::NAME ) );
254 156 self::_renderSectionEnd();
255 157
256 - self::_renderSectionStart( esc_html__( 'Title', 'visualizer' ), false );
158 + self::_renderSectionStart( esc_html__( 'Title', Visualizer_Plugin::NAME ), false );
257 159 $this->_renderChartTitleSettings();
258 160 self::_renderSectionEnd();
259 161
260 - self::_renderSectionStart( esc_html__( 'Font Styles', 'visualizer' ), false );
261 - echo '<div class="viz-section-item">';
162 + self::_renderSectionStart( esc_html__( 'Font Styles' ), false );
163 + echo '<div class="section-item">';
262 164 echo '<a class="more-info" href="javascript:;">[?]</a>';
263 - echo '<b>', esc_html__( 'Family And Size', 'visualizer' ), '</b>';
165 + echo '<b>', esc_html__( 'Family And Size', Visualizer_Plugin::NAME ), '</b>';
264 166
265 - echo '<table class="viz-section-table" cellspacing="0" cellpadding="0" border="0">';
167 + echo '<table class="section-table" cellspacing="0" cellpadding="0" border="0">';
266 168 echo '<tr>';
267 - echo '<td class="viz-section-table-column">';
169 + echo '<td class="section-table-column">';
268 170 echo '<select name="fontName" class="control-select">';
269 171 echo '<option></option>';
270 - foreach ( self::$_fontFamilies as $font => $label ) {
271 - echo '<option value="', $font, '"', selected( $font, $this->fontName, false ), '>';
272 - echo $label;
273 - echo '</option>';
274 - }
172 + foreach ( self::$_fontFamilies as $font => $label ) {
173 + echo '<option value="', $font, '"', selected( $font, $this->fontName, false ), '>';
174 + echo $label;
175 + echo '</option>';
176 + }
275 177 echo '</select>';
276 178 echo '</td>';
277 - echo '<td class="viz-section-table-column">';
179 + echo '<td class="section-table-column">';
278 180 echo '<select name="fontSize" class="control-select">';
279 181 echo '<option></option>';
280 - for ( $i = 7; $i <= 20; $i++ ) {
281 - echo '<option value="', $i, '"', selected( $i, $this->fontSize, false ), '>', $i, '</option>';
282 - }
182 + for ( $i = 7; $i <= 20; $i++ ) {
183 + echo '<option value="', $i, '"', selected( $i, $this->fontSize, false ), '>', $i, '</option>';
184 + }
283 185 echo '</select>';
284 186 echo '</td>';
285 187 echo '</tr>';
286 188 echo '</table>';
287 189
288 - echo '<p class="viz-section-description">';
289 - esc_html_e( 'The default font family and size for all text in the chart.', 'visualizer' );
190 + echo '<p class="section-description">';
191 + esc_html_e( 'The default font family and size for all text in the chart.', Visualizer_Plugin::NAME );
290 192 echo '</p>';
291 193 echo '</div>';
292 194 self::_renderSectionEnd();
293 195
294 - self::_renderSectionStart( esc_html__( 'Legend', 'visualizer' ), false );
196 + self::_renderSectionStart( esc_html__( 'Legend', Visualizer_Plugin::NAME ), false );
295 197 self::_renderSelectItem(
296 - esc_html__( 'Position', 'visualizer' ),
198 + esc_html__( 'Position', Visualizer_Plugin::NAME ),
297 199 'legend[position]',
298 200 $this->legend['position'],
299 201 $this->_legendPositions,
300 - esc_html__( 'Determines where to place the legend, compared to the chart area.', 'visualizer' )
202 + esc_html__( 'Determines where to place the legend, compared to the chart area.', Visualizer_Plugin::NAME )
301 203 );
302 204
303 205 self::_renderSelectItem(
304 - esc_html__( 'Alignment', 'visualizer' ),
206 + esc_html__( 'Alignment', Visualizer_Plugin::NAME ),
305 207 'legend[alignment]',
306 208 $this->legend['alignment'],
307 209 $this->_alignments,
308 - esc_html__( 'Determines the alignment of the legend.', 'visualizer' )
210 + esc_html__( 'Determines the alignment of the legend.', Visualizer_Plugin::NAME )
309 211 );
310 212
311 213 self::_renderColorPickerItem(
312 - esc_html__( 'Font Color', 'visualizer' ),
214 + esc_html__( 'Font Color', Visualizer_Plugin::NAME ),
313 215 'legend[textStyle][color]',
314 216 isset( $this->legend['textStyle']['color'] ) ? $this->legend['textStyle']['color'] : null,
315 217 '#000'
316 218 );
@@ -315,64 +217,15 @@
315 217 '#000'
316 218 );
317 219 self::_renderSectionEnd();
318 220
319 - self::_renderSectionStart( esc_html__( 'Tooltip', 'visualizer' ), false );
221 + self::_renderSectionStart( esc_html__( 'Tooltip', Visualizer_Plugin::NAME ), false );
320 222 $this->_renderTooltipSettigns();
321 223 self::_renderSectionEnd();
322 -
323 - $this->_renderAnimationSettings();
324 -
325 224 self::_renderGroupEnd();
326 225 }
327 226
328 227 /**
329 - * Renders animation settings section.
330 - *
331 - * @access protected
332 - */
333 - protected function _renderAnimationSettings() {
334 - if ( ! $this->_supportsAnimation ) {
335 - return;
336 - }
337 -
338 - self::_renderSectionStart( esc_html__( 'Animation', 'visualizer' ), false );
339 -
340 - self::_renderCheckboxItem(
341 - esc_html__( 'Animate on startup', 'visualizer' ),
342 - 'animation[startup]',
343 - $this->animation['startup'],
344 - true,
345 - esc_html__( 'Determines if the chart will animate on the initial draw.', 'visualizer' )
346 - );
347 -
348 - self::_renderTextItem(
349 - esc_html__( 'Duration', 'visualizer' ),
350 - 'animation[duration]',
351 - isset( $this->animation['duration'] ) ? $this->animation['duration'] : 0,
352 - esc_html__( 'The duration of the animation, in milliseconds', 'visualizer' ),
353 - 0,
354 - 'number'
355 - );
356 -
357 - self::_renderSelectItem(
358 - esc_html__( 'Easing', 'visualizer' ),
359 - 'animation[easing]',
360 - isset( $this->animation['easing'] ) ? $this->animation['easing'] : null,
361 - array(
362 - 'linear' => esc_html__( 'Constant speed', 'visualizer' ),
363 - 'in' => esc_html__( 'Start slow and speed up', 'visualizer' ),
364 - 'out' => esc_html__( 'Start fast and slow down', 'visualizer' ),
365 - 'inAndOut' => esc_html__( 'Start slow, speed up, then slow down', 'visualizer' ),
366 - ),
367 - esc_html__( 'The easing function applied to the animation.', 'visualizer' )
368 - );
369 -
370 - self::_renderSectionEnd();
371 -
372 - }
373 -
374 - /**
375 228 * Renders tooltip settings section.
376 229 *
377 230 * @since 1.4.0
378 231 *
@@ -379,26 +232,26 @@
379 232 * @access protected
380 233 */
381 234 protected function _renderTooltipSettigns() {
382 235 self::_renderSelectItem(
383 - esc_html__( 'Trigger', 'visualizer' ),
236 + esc_html__( 'Trigger', Visualizer_Plugin::NAME ),
384 237 'tooltip[trigger]',
385 238 isset( $this->tooltip['trigger'] ) ? $this->tooltip['trigger'] : null,
386 239 array(
387 240 '' => '',
388 - 'focus' => esc_html__( 'The tooltip will be displayed when the user hovers over an element', 'visualizer' ),
389 - 'selection' => esc_html__( 'The tooltip will be displayed when the user selects an element', 'visualizer' ),
390 - 'none' => esc_html__( 'The tooltip will not be displayed', 'visualizer' ),
241 + 'focus' => esc_html__( 'The tooltip will be displayed when the user hovers over an element', Visualizer_Plugin::NAME ),
242 + 'selection' => esc_html__( 'The tooltip will be displayed when the user selects an element', Visualizer_Plugin::NAME ),
243 + 'none' => esc_html__( 'The tooltip will not be displayed', Visualizer_Plugin::NAME ),
391 244 ),
392 - esc_html__( 'Determines the user interaction that causes the tooltip to be displayed.', 'visualizer' )
245 + esc_html__( 'Determines the user interaction that causes the tooltip to be displayed.', Visualizer_Plugin::NAME )
393 246 );
394 247
395 248 self::_renderSelectItem(
396 - esc_html__( 'Show Color Code', 'visualizer' ),
249 + esc_html__( 'Show Color Code', Visualizer_Plugin::NAME ),
397 250 'tooltip[showColorCode]',
398 251 isset( $this->tooltip['showColorCode'] ) ? $this->tooltip['showColorCode'] : null,
399 252 $this->_yesno,
400 - esc_html__( 'If set to yes, will show colored squares next to the slice information in the tooltip.', 'visualizer' )
253 + esc_html__( 'If set to yes, will show colored squares next to the slice information in the tooltip.', Visualizer_Plugin::NAME )
401 254 );
402 255 }
403 256
404 257 /**
@@ -408,107 +261,107 @@
408 261 *
409 262 * @access protected
410 263 */
411 264 protected function _renderViewSettings() {
412 - self::_renderGroupStart( esc_html__( 'Layout & Chart Area', 'visualizer' ) );
413 - self::_renderSectionStart( esc_html__( 'Layout', 'visualizer' ), false );
414 - self::_renderSectionDescription( esc_html__( 'Configure the total size of the chart. Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage.', 'visualizer' ) );
265 + self::_renderGroupStart( esc_html__( 'Layout & Chart Area', Visualizer_Plugin::NAME ) );
266 + self::_renderSectionStart( esc_html__( 'Layout', Visualizer_Plugin::NAME ), false );
267 + self::_renderSectionDescription( esc_html__( 'Configure the total size of the chart. Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage.', Visualizer_Plugin::NAME ) );
415 268
416 - echo '<div class="viz-section-item">';
269 + echo '<div class="section-item">';
417 270 echo '<a class="more-info" href="javascript:;">[?]</a>';
418 - echo '<b>', esc_html__( 'Width And Height Of Chart', 'visualizer' ), '</b>';
271 + echo '<b>', esc_html__( 'Width And Height Of Chart', Visualizer_Plugin::NAME ), '</b>';
419 272
420 - echo '<table class="viz-section-table" cellspacing="0" cellpadding="0" border="0">';
273 + echo '<table class="section-table" cellspacing="0" cellpadding="0" border="0">';
421 274 echo '<tr>';
422 - echo '<td class="viz-section-table-column">';
275 + echo '<td class="section-table-column">';
423 276 echo '<input type="text" name="width" class="control-text" value="', esc_attr( $this->width ), '" placeholder="100%">';
424 277 echo '</td>';
425 - echo '<td class="viz-section-table-column">';
278 + echo '<td class="section-table-column">';
426 279 echo '<input type="text" name="height" class="control-text" value="', esc_attr( $this->height ), '" placeholder="400">';
427 280 echo '</td>';
428 281 echo '</tr>';
429 282 echo '</table>';
430 283
431 - echo '<p class="viz-section-description">';
432 - esc_html_e( 'Determines the total width and height of the chart.', 'visualizer' );
284 + echo '<p class="section-description">';
285 + esc_html_e( 'Determines the total width and height of the chart.', Visualizer_Plugin::NAME );
433 286 echo '</p>';
434 287 echo '</div>';
435 288
436 - echo '<div class="viz-section-delimiter"></div>';
289 + echo '<div class="section-delimiter"></div>';
437 290
438 - self::_renderSectionDescription( esc_html__( 'Configure the background color for the main area of the chart and the chart border width and color.', 'visualizer' ) );
291 + self::_renderSectionDescription( esc_html__( 'Configure the background color for the main area of the chart and the chart border width and color.', Visualizer_Plugin::NAME ) );
439 292
440 293 self::_renderTextItem(
441 - esc_html__( 'Stroke Width', 'visualizer' ),
294 + esc_html__( 'Stroke Width', Visualizer_Plugin::NAME ),
442 295 'backgroundColor[strokeWidth]',
443 296 isset( $this->backgroundColor['strokeWidth'] ) ? $this->backgroundColor['strokeWidth'] : null,
444 - esc_html__( 'The chart border width in pixels.', 'visualizer' ),
297 + esc_html__( 'The chart border width in pixels.', Visualizer_Plugin::NAME ),
445 298 '0'
446 299 );
447 300
448 301 self::_renderColorPickerItem(
449 - esc_html__( 'Stroke Color', 'visualizer' ),
302 + esc_html__( 'Stroke Color', Visualizer_Plugin::NAME ),
450 303 'backgroundColor[stroke]',
451 - ! empty( $this->backgroundColor['stroke'] ) ? $this->backgroundColor['stroke'] : null,
304 + !empty( $this->backgroundColor['stroke'] ) ? $this->backgroundColor['stroke'] : null,
452 305 '#666'
453 306 );
454 307
455 - $background_color = ! empty( $this->backgroundColor['fill'] ) ? $this->backgroundColor['fill'] : null;
308 + $background_color = !empty( $this->backgroundColor['fill'] ) ? $this->backgroundColor['fill'] : null;
456 309 self::_renderColorPickerItem(
457 - esc_html__( 'Background Color', 'visualizer' ),
310 + esc_html__( 'Background Color', Visualizer_Plugin::NAME ),
458 311 'backgroundColor[fill]',
459 312 $background_color,
460 313 '#fff'
461 314 );
462 315
463 - echo '<div class="viz-section-item">';
316 + echo '<div class="section-item">';
464 317 echo '<label>';
465 318 echo '<input type="checkbox" class="control-checkbox" name="backgroundColor[fill]" value="transparent"', checked( $background_color, 'transparent', false ), '> ';
466 - esc_html_e( 'Transparent background', 'visualizer' );
319 + esc_html_e( 'Transparent background' );
467 320 echo '</label>';
468 321 echo '</div>';
469 322 self::_renderSectionEnd();
470 323
471 - self::_renderSectionStart( esc_html__( 'Chart Area', 'visualizer' ), false );
472 - self::_renderSectionDescription( esc_html__( 'Configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage.', 'visualizer' ) );
324 + self::_renderSectionStart( esc_html__( 'Chart Area', Visualizer_Plugin::NAME ), false );
325 + self::_renderSectionDescription( esc_html__( 'Configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage.', Visualizer_Plugin::NAME ) );
473 326
474 - echo '<div class="viz-section-item">';
327 + echo '<div class="section-item">';
475 328 echo '<a class="more-info" href="javascript:;">[?]</a>';
476 - echo '<b>', esc_html__( 'Left And Top Margins', 'visualizer' ), '</b>';
329 + echo '<b>', esc_html__( 'Left And Top Margins', Visualizer_Plugin::NAME ), '</b>';
477 330
478 - echo '<table class="viz-section-table" cellspacing="0" cellpadding="0" border="0">';
331 + echo '<table class="section-table" cellspacing="0" cellpadding="0" border="0">';
479 332 echo '<tr>';
480 - echo '<td class="viz-section-table-column">';
481 - echo '<input type="text" name="chartArea[left]" class="control-text" value="', $this->chartArea['left'] || $this->chartArea['left'] === '0' ? esc_attr( $this->chartArea['left'] ) : '', '" placeholder="20%">';
333 + echo '<td class="section-table-column">';
334 + echo '<input type="text" name="chartArea[left]" class="control-text" value="', !empty( $this->chartArea['left'] ) ? esc_attr( $this->chartArea['left'] ) : '', '" placeholder="20%">';
482 335 echo '</td>';
483 - echo '<td class="viz-section-table-column">';
484 - echo '<input type="text" name="chartArea[top]" class="control-text" value="', $this->chartArea['top'] || $this->chartArea['top'] === '0' ? esc_attr( $this->chartArea['top'] ) : '', '" placeholder="20%">';
336 + echo '<td class="section-table-column">';
337 + echo '<input type="text" name="chartArea[top]" class="control-text" value="', !empty( $this->chartArea['top'] ) ? esc_attr( $this->chartArea['top'] ) : '', '" placeholder="20%">';
485 338 echo '</td>';
486 339 echo '</tr>';
487 340 echo '</table>';
488 341
489 - echo '<p class="viz-section-description">';
490 - esc_html_e( 'Determines how far to draw the chart from the left and top borders.', 'visualizer' );
342 + echo '<p class="section-description">';
343 + esc_html_e( 'Determines how far to draw the chart from the left and top borders.', Visualizer_Plugin::NAME );
491 344 echo '</p>';
492 345 echo '</div>';
493 346
494 - echo '<div class="viz-section-item">';
347 + echo '<div class="section-item">';
495 348 echo '<a class="more-info" href="javascript:;">[?]</a>';
496 - echo '<b>', esc_html__( 'Width And Height Of Chart Area', 'visualizer' ), '</b>';
349 + echo '<b>', esc_html__( 'Width And Height Of Chart Area', Visualizer_Plugin::NAME ), '</b>';
497 350
498 - echo '<table class="viz-section-table" cellspacing="0" cellpadding="0" border="0">';
351 + echo '<table class="section-table" cellspacing="0" cellpadding="0" border="0">';
499 352 echo '<tr>';
500 - echo '<td class="viz-section-table-column">';
501 - echo '<input type="text" name="chartArea[width]" class="control-text" value="', ! empty( $this->chartArea['width'] ) ? esc_attr( $this->chartArea['width'] ) : '', '" placeholder="60%">';
353 + echo '<td class="section-table-column">';
354 + echo '<input type="text" name="chartArea[width]" class="control-text" value="', !empty( $this->chartArea['width'] ) ? esc_attr( $this->chartArea['width'] ) : '', '" placeholder="60%">';
502 355 echo '</td>';
503 - echo '<td class="viz-section-table-column">';
504 - echo '<input type="text" name="chartArea[height]" class="control-text" value="', ! empty( $this->chartArea['height'] ) ? esc_attr( $this->chartArea['height'] ) : '', '" placeholder="60%">';
356 + echo '<td class="section-table-column">';
357 + echo '<input type="text" name="chartArea[height]" class="control-text" value="', !empty( $this->chartArea['height'] ) ? esc_attr( $this->chartArea['height'] ) : '', '" placeholder="60%">';
505 358 echo '</td>';
506 359 echo '</tr>';
507 360 echo '</table>';
508 361
509 - echo '<p class="viz-section-description">';
510 - esc_html_e( 'Determines the width and hight of the chart area.', 'visualizer' );
362 + echo '<p class="section-description">';
363 + esc_html_e( 'Determines the width and hight of the chart area.', Visualizer_Plugin::NAME );
511 364 echo '</p>';
512 365 echo '</div>';
513 366 self::_renderSectionEnd();
514 367 self::_renderGroupEnd();
@@ -519,37 +372,27 @@
519 372 *
520 373 * @since 1.0.0
521 374 *
522 375 * @static
523 - * @access public
376 + * @access protected
524 377 * @param string $title The title of the select item.
525 378 * @param string $name The name of the select item.
526 379 * @param string $value The actual value of the select item.
527 - * @param array $options The array of select options.
380 + * @param array $options The array of select options.
528 381 * @param string $desc The description of the select item.
529 - * @param bool $multiple Is this a multiple select box.
530 - * @param array $classes Any additional classes.
531 - * @param array $attributes Custom attributes.
532 382 */
533 - public static function _renderSelectItem( $title, $name, $value, array $options, $desc, $multiple = false, $classes = array(), $attributes = array() ) {
534 - $atts = '';
535 - if ( $attributes ) {
536 - foreach ( $attributes as $k => $v ) {
537 - $atts .= ' data-visualizer-' . $k . '=' . esc_attr( $v );
538 - }
539 - }
540 - echo '<div class="viz-section-item">';
383 + protected static function _renderSelectItem( $title, $name, $value, array $options, $desc ) {
384 + echo '<div class="section-item">';
541 385 echo '<a class="more-info" href="javascript:;">[?]</a>';
542 386 echo '<b>', $title, '</b>';
543 - echo '<select class="control-select ', implode( ' ', $classes ) , '" name="', $name, '" ', ( $multiple ? 'multiple' : '' ), ' ' , $atts, '>';
544 - foreach ( $options as $key => $label ) {
545 - $extra = $multiple && is_array( $value ) ? ( in_array( $key, $value ) ? 'selected' : '' ) : selected( $key, $value, false );
546 - echo '<option value="', $key, '"', $extra, '>';
547 - echo $label;
548 - echo '</option>';
549 - }
387 + echo '<select class="control-select" name="', $name, '">';
388 + foreach ( $options as $key => $label ) {
389 + echo '<option value="', $key, '"', selected( $key, $value, false ), '>';
390 + echo $label;
391 + echo '</option>';
392 + }
550 393 echo '</select>';
551 - echo '<p class="viz-section-description">', $desc, '</p>';
394 + echo '<p class="section-description">', $desc, '</p>';
552 395 echo '</div>';
553 396 }
554 397
555 398 /**
@@ -564,12 +407,12 @@
564 407 * @param string $value The actual value of the select item.
565 408 * @param string $default The default value of the color picker.
566 409 */
567 410 protected static function _renderColorPickerItem( $title, $name, $value, $default ) {
568 - echo '<div class="viz-section-item">';
411 + echo '<div class="section-item">';
569 412 echo '<b>', $title, '</b>';
570 413 echo '<div>';
571 - echo '<input type="text" class="color-picker-hex" name="', $name, '" maxlength="7" placeholder="', esc_attr__( 'Hex Value', 'visualizer' ), '" value="', is_null( $value ) ? $default : esc_attr( $value ), '" data-default-color="', $default, '">';
414 + echo '<input type="text" class="color-picker-hex" name="', $name, '" maxlength="7" placeholder="', esc_attr__( 'Hex Value', Visualizer_Plugin::NAME ), '" value="', is_null( $value ) ? $default : esc_attr( $value ), '" data-default-color="', $default, '">';
572 415 echo '</div>';
573 416 echo '</div>';
574 417 }
575 418
@@ -584,23 +427,15 @@
584 427 * @param string $name The name of the select item.
585 428 * @param string $value The actual value of the select item.
586 429 * @param string $desc The description of the select item.
587 430 * @param string $placeholder The placeholder for the input.
588 - * @param string $type The type for the input (out of number, email, tel etc., default is text).
589 - * @param array $custom_attributes The custom attributes.
590 431 */
591 - protected static function _renderTextItem( $title, $name, $value, $desc, $placeholder = '', $type = 'text', $custom_attributes = array() ) {
592 - $attributes = '';
593 - if ( $custom_attributes ) {
594 - foreach ( $custom_attributes as $k => $v ) {
595 - $attributes .= ' ' . $k . '="' . esc_attr( $v ) . '"';
596 - }
597 - }
598 - echo '<div class="viz-section-item">';
432 + protected static function _renderTextItem( $title, $name, $value, $desc, $placeholder = '' ) {
433 + echo '<div class="section-item">';
599 434 echo '<a class="more-info" href="javascript:;">[?]</a>';
600 435 echo '<b>', $title, '</b>';
601 - echo '<input type="', $type, '" class="control-text" ', $attributes, ' name="', $name, '" value="', esc_attr( $value ), '" placeholder="', $placeholder, '">';
602 - echo '<p class="viz-section-description">', $desc, '</p>';
436 + echo '<input type="text" class="control-text" name="', $name, '" value="', esc_attr( $value ), '" placeholder="', $placeholder, '">';
437 + echo '<p class="section-description">', $desc, '</p>';
603 438 echo '</div>';
604 439 }
605 440
606 441 /**
@@ -608,18 +443,15 @@
608 443 *
609 444 * @since 1.0.0
610 445 *
611 446 * @static
612 - * @access public
447 + * @access protected
613 448 * @param string $title The title of this group.
614 - * @param string $html Any additional HTML.
615 - * @param string $class Any additional classes.
616 449 */
617 - public static function _renderGroupStart( $title, $html = '', $class = '' ) {
618 - echo '<li class="viz-group ' . $class . '">';
619 - echo '<h3 class="viz-group-title">', $title, '</h3>';
620 - echo $html;
621 - echo '<ul class="viz-group-content">';
450 + protected static function _renderGroupStart( $title ) {
451 + echo '<li class="group">';
452 + echo '<h3 class="group-title">', $title, '</h3>';
453 + echo '<ul class="group-content">';
622 454 }
623 455
624 456 /**
625 457 * Renders the ending of a group.
@@ -626,11 +458,11 @@
626 458 *
627 459 * @since 1.0.0
628 460 *
629 461 * @static
630 - * @access public
462 + * @access protected
631 463 */
632 - public static function _renderGroupEnd() {
464 + protected static function _renderGroupEnd() {
633 465 echo '</ul>';
634 466 echo '</li>';
635 467 }
636 468
@@ -639,21 +471,18 @@
639 471 *
640 472 * @since 1.0.0
641 473 *
642 474 * @static
643 - * @access public
644 - * @param string $title The title of this section. If the title is empty, no title will be displayed.
475 + * @access protected
476 + * @param string $title The title of this section. If the title is empty, no title will be displayed.
645 477 * @param boolean $open Determines whether the section items block has to be expanded or collapsed.
646 478 */
647 - public static function _renderSectionStart( $title = false, $open = true ) {
648 -
649 - if ( ! empty( $title ) ) {
650 - echo '<li class="viz-subsection">';
651 - echo '<span class="viz-section-title">', $title, '</span>';
652 - } else {
653 - echo '<li class=" ">';
654 - }
655 - echo '<div class="viz-section-items section-items', $open ? ' open' : '', '">';
479 + protected static function _renderSectionStart( $title = false, $open = true ) {
480 + echo '<li>';
481 + if ( !empty( $title ) ) {
482 + echo '<span class="section-title">', $title, '</span>';
483 + }
484 + echo '<div class="section-items', $open ? ' open' : '', '">';
656 485 }
657 486
658 487 /**
659 488 * Renders the ending of a section.
@@ -659,15 +488,13 @@
659 488 * Renders the ending of a section.
660 489 *
661 490 * @since 1.0.0
662 491 *
663 - * @public
492 + * @static
664 493 * @access protected
665 - * @param string $html Any addition HTML to add.
666 494 */
667 - public static function _renderSectionEnd( $html = '' ) {
495 + protected static function _renderSectionEnd() {
668 496 echo '</div>';
669 - echo $html;
670 497 echo '</li>';
671 498 }
672 499
673 500 /**
@@ -675,14 +502,14 @@
675 502 *
676 503 * @since 1.0.0
677 504 *
678 505 * @static
679 - * @access public
506 + * @access protected
680 507 * @param string $description The description text.
681 508 */
682 - public static function _renderSectionDescription( $description ) {
683 - echo '<div class="viz-section-item">';
684 - echo '<div class="viz-section-description">', $description, '</div>';
509 + protected static function _renderSectionDescription( $description ) {
510 + echo '<div class="section-item">';
511 + echo '<div class="section-description">', $description, '</div>';
685 512 echo '</div>';
686 513 }
687 514
688 515 /**
@@ -693,15 +520,15 @@
693 520 * @access protected
694 521 * @param int $index The index of the series.
695 522 */
696 523 protected function _renderFormatField( $index = 0 ) {
697 - switch ( $this->__series[ $index + 1 ]['type'] ) {
524 + switch ( $this->__series[$index + 1]['type'] ) {
698 525 case 'number':
699 526 self::_renderTextItem(
700 - esc_html__( 'Number Format', 'visualizer' ),
527 + esc_html__( 'Number Format', Visualizer_Plugin::NAME ),
701 528 'series[' . $index . '][format]',
702 - isset( $this->series[ $index ]['format'] ) ? $this->series[ $index ]['format'] : '',
703 - sprintf( esc_html__( 'Enter custom format pattern to apply to this series value, similar to the %1$sICU pattern set%2$s. Use something like #,### to get 1,234 as output, or $# to add dollar sign before digits. Pay attention that if you use &#37; percentage format then your values will be multiplied by 100.', 'visualizer' ), '<a href="http://icu-project.org/apiref/icu4c/classDecimalFormat.html#_details" target="_blank">', '</a>' ),
529 + isset( $this->series[$index]['format'] ) ? $this->series[$index]['format'] : '',
530 + sprintf( esc_html__( 'Enter custom format pattern to apply to this series value, similar to the %sICU pattern set%s. Use something like #,### to get 1,234 as output, or $# to add dollar sign before digits. Pay attention that if you use #%% percentage format then your values will be multiplied by 100.', Visualizer_Plugin::NAME ), '<a href="http://icu-project.org/apiref/icu4c/classDecimalFormat.html#_details" target="_blank">', '</a>' ),
704 531 '#,###.##'
705 532 );
706 533 break;
707 534 case 'date':
@@ -707,12 +534,12 @@
707 534 case 'date':
708 535 case 'datetime':
709 536 case 'timeofday':
710 537 self::_renderTextItem(
711 - esc_html__( 'Date Format', 'visualizer' ),
538 + esc_html__( 'Date Format', Visualizer_Plugin::NAME ),
712 539 'series[' . $index . '][format]',
713 - isset( $this->series[ $index ]['format'] ) ? $this->series[ $index ]['format'] : '',
714 - sprintf( esc_html__( 'Enter custom format pattern to apply to this series value, similar to the %1$sICU date and time format%2$s.', 'visualizer' ), '<a href="http://userguide.icu-project.org/formatparse/datetime#TOC-Date-Time-Format-Syntax" target="_blank">', '</a>' ),
540 + isset( $this->series[$index]['format'] ) ? $this->series[$index]['format'] : '',
541 + sprintf( esc_html__( 'Enter custom format pattern to apply to this series value, similar to the %sICU date and time format%s.', Visualizer_Plugin::NAME ), '<a href="http://userguide.icu-project.org/formatparse/datetime#TOC-Date-Time-Format-Syntax" target="_blank">', '</a>' ),
715 542 'eeee, dd LLLL yyyy'
716 543 );
717 544 break;
718 545 }
@@ -717,35 +544,5 @@
717 544 break;
718 545 }
719 546 }
720 547
721 - /**
722 - * Render a checkbox item
723 - */
724 - protected static function _renderCheckboxItem( $title, $name, $value, $default, $desc, $disabled = false ) {
725 - echo '<div class="viz-section-item">';
726 - echo '<a class="more-info" href="javascript:;">[?]</a>';
727 - echo '<b>', $title, '</b>';
728 - echo '<input type="checkbox" class="control-check" value="', $default, '" name="', $name, '" ', ( $value == $default ? 'checked' : '' ), ' ', ( $disabled ? 'disabled=disabled' : '' ), '>';
729 - echo '<p class="viz-section-description">', $desc, '</p>';
730 - echo '</div>';
731 - }
732 -
733 - /**
734 - * Render a textarea item.
735 - */
736 - protected static function _renderTextAreaItem( $title, $name, $value, $desc, $placeholder = '', $custom_attributes = array() ) {
737 - $attributes = '';
738 - if ( $custom_attributes ) {
739 - foreach ( $custom_attributes as $k => $v ) {
740 - $attributes .= ' ' . $k . '="' . esc_attr( $v ) . '"';
741 - }
742 - }
743 - echo '<div class="viz-section-item">';
744 - echo '<a class="more-info" href="javascript:;">[?]</a>';
745 - echo '<b>', $title, '</b>';
746 - echo '<textarea class="control-text" ', $attributes, ' name="', $name, '" placeholder="', $placeholder, '">', $value, '</textarea>';
747 - echo '<p class="viz-section-description">', $desc, '</p>';
748 - echo '</div>';
749 - }
750 -
751 -}
548 +}