PluginProbe
Visualizer – Tables & Charts Manager with Built-in AI Generator / 3.6.1
Visualizer – Tables & Charts Manager with Built-in AI Generator v3.6.1
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/Module/Frontend.php +300 -55 3.0.93.6.1 View file →
@@ -53,8 +53,9 @@
53 53 public function __construct( Visualizer_Plugin $plugin ) {
54 54 parent::__construct( $plugin );
55 55
56 56 $this->_addAction( 'wp_enqueue_scripts', 'enqueueScripts' );
57 + $this->_addAction( 'visualizer_enqueue_scripts', 'enqueueScripts' );
57 58 $this->_addFilter( 'visualizer_get_language', 'getLanguage' );
58 59 $this->_addShortcode( 'visualizer', 'renderChart' );
59 60
60 61 // add do_shortocde hook for widget_text filter
@@ -67,11 +68,32 @@
67 68 add_filter( 'term_description', 'do_shortcode' );
68 69 }
69 70
70 71 add_action( 'rest_api_init', array( $this, 'endpoint_register' ) );
72 +
73 + $this->_addFilter( 'script_loader_tag', 'script_loader_tag', null, 10, 3 );
71 74 }
72 75
73 76 /**
77 + * Adds the async attribute to certain scripts.
78 + */
79 + function script_loader_tag( $tag, $handle, $src ) {
80 + if ( is_admin() ) {
81 + return $tag;
82 + }
83 +
84 + $scripts = array( 'google-jsapi', 'visualizer-render-google-lib', 'visualizer-render-google' );
85 +
86 + foreach ( $scripts as $async ) {
87 + if ( $async === $handle ) {
88 + $tag = str_replace( ' src', ' defer="defer" src', $tag );
89 + break;
90 + }
91 + }
92 + return $tag;
93 + }
94 +
95 + /**
74 96 * Returns the language/locale.
75 97 */
76 98 function getLanguage( $dummy, $only_language ) {
77 99 return $this->get_language();
@@ -85,9 +107,33 @@
85 107 register_rest_route(
86 108 'visualizer/v' . VISUALIZER_REST_VERSION,
87 109 '/action/(?P<chart>\d+)/(?P<type>.+)/',
88 110 array(
89 - 'methods' => array( 'GET', 'POST' ),
111 + // POST is required for save/cancel, GET for all others
112 + 'methods' => array( 'POST', 'GET' ),
113 + 'args' => array(
114 + 'chart' => array(
115 + 'required' => true,
116 + 'sanitize_callback' => function( $param ) {
117 + return is_numeric( $param ) ? $param : null;
118 + },
119 + ),
120 + 'type' => array(
121 + 'required' => true,
122 + 'type' => 'string',
123 + 'enum' => array_merge( array( 'save', 'cancel' ), array_keys( $this->get_actions() ) ),
124 + ),
125 + ),
126 + 'permission_callback' => function ( WP_REST_Request $request ) {
127 + $chart_id = filter_var( sanitize_text_field( $request->get_param( 'chart' ), FILTER_VALIDATE_INT ) );
128 + if ( ! empty( $chart_id ) && in_array( $request->get_param( 'type' ), array( 'save', 'cancel' ), true ) ) {
129 + // let save and cancel go without any check as past version of pro
130 + // did not send the X-WP-Nonce
131 + // we can change this at a later date.
132 + return true;
133 + }
134 + return ! empty( $chart_id ) && apply_filters( 'visualizer_pro_show_chart', true, $chart_id );
135 + },
90 136 'callback' => array( $this, 'perform_action' ),
91 137 )
92 138 );
93 139 }
@@ -97,16 +143,42 @@
97 143 *
98 144 * @access private
99 145 */
100 146 private function get_actions() {
101 - return apply_filters(
102 - 'visualizer_action_buttons', array(
103 - 'print' => __( 'Print', 'visualizer' ),
104 - 'csv' => __( 'CSV', 'visualizer' ),
105 - 'xls' => __( 'Excel', 'visualizer' ),
106 - 'copy' => __( 'Copy', 'visualizer' ),
147 + $actions = apply_filters(
148 + 'visualizer_action_buttons',
149 + array(
150 + 'print' => array(
151 + 'label' => esc_html__( 'Print', 'visualizer' ),
152 + 'title' => esc_html__( 'Print Chart', 'visualizer' ),
153 + ),
154 + 'csv' => array(
155 + 'label' => esc_html__( 'CSV', 'visualizer' ),
156 + 'title' => esc_html__( 'Download as a CSV', 'visualizer' ),
157 + ),
158 + 'xls' => array(
159 + 'label' => esc_html__( 'Excel', 'visualizer' ),
160 + 'title' => esc_html__( 'Download as a spreadsheet', 'visualizer' ),
161 + ),
162 + 'copy' => array(
163 + 'label' => esc_html__( 'Copy', 'visualizer' ),
164 + 'title' => esc_html__( 'Copy data', 'visualizer' ),
165 + ),
166 + 'image' => array(
167 + 'label' => esc_html__( 'Download', 'visualizer' ),
168 + 'title' => esc_html__( 'Download as an image', 'visualizer' ),
169 + ),
107 170 )
108 171 );
172 +
173 + // backward compatibility before label and title attributes were introduced.
174 + if ( isset( $actions['edit'] ) && is_string( $actions['edit'] ) ) {
175 + $actions['edit'] = array(
176 + 'label' => esc_html__( 'Edit', 'visualizer' ),
177 + 'title' => esc_html__( 'Edit data', 'visualizer' ),
178 + );
179 + }
180 + return $actions;
109 181 }
110 182
111 183 /**
112 184 * The print button
@@ -137,8 +209,23 @@
137 209 break;
138 210 case 'xls':
139 211 $data = $this->_getDataAs( $chart_id, 'xls' );
140 212 break;
213 + case 'image':
214 + $settings = get_post_meta( $chart_id, Visualizer_Plugin::CF_SETTINGS, true );
215 + $title = 'visualizer#' . $chart_id;
216 + if ( ! empty( $settings['title'] ) ) {
217 + $title = $settings['title'];
218 + }
219 + // for ChartJS, title is an array.
220 + if ( is_array( $title ) && isset( $title['text'] ) ) {
221 + $title = $title['text'];
222 + }
223 + if ( empty( $title ) ) {
224 + $title = 'visualizer#' . $chart_id;
225 + }
226 + $data = array( 'name' => $title );
227 + break;
141 228 default:
142 229 $data = apply_filters( 'visualizer_action_data', $data, $chart_id, $type, $params, $this );
143 230 break;
144 231 }
@@ -154,12 +241,9 @@
154 241 *
155 242 * @access public
156 243 */
157 244 public function enqueueScripts() {
158 - wp_register_script( 'visualizer-google-jsapi-new', '//www.gstatic.com/charts/loader.js', array(), null, true );
159 - wp_register_script( 'visualizer-google-jsapi-old', '//www.google.com/jsapi', array( 'visualizer-google-jsapi-new' ), null, true );
160 - wp_register_script( 'visualizer-render', VISUALIZER_ABSURL . 'js/render.js', array( 'visualizer-google-jsapi-old', 'jquery' ), Visualizer_Plugin::VERSION, true );
161 - wp_register_script( 'visualizer-clipboardjs', VISUALIZER_ABSURL . 'js/lib/clipboardjs/clipboard.min.js', array( 'jquery' ), Visualizer_Plugin::VERSION, true );
245 + wp_register_script( 'visualizer-customization', $this->get_user_customization_js(), array(), null, true );
162 246 wp_register_style( 'visualizer-front', VISUALIZER_ABSURL . 'css/front.css', array(), Visualizer_Plugin::VERSION );
163 247 do_action( 'visualizer_pro_frontend_load_resources' );
164 248 }
165 249
@@ -179,26 +263,33 @@
179 263 public function renderChart( $atts ) {
180 264 global $wp_version;
181 265 $atts = shortcode_atts(
182 266 array(
183 - 'id' => false, // chart id
184 - 'class' => false, // chart class
185 - 'series' => false, // series filter hook
186 - 'data' => false, // data filter hook
187 - 'settings' => false, // data filter hook
188 - ), $atts
267 + // chart id
268 + 'id' => false,
269 + // chart class
270 + 'class' => false,
271 + // for lazy load
272 + // set 'yes' to use the default intersection limit (300px)
273 + // OR set a number (e.g. 700) to use 700px as the intersection limit
274 + 'lazy' => apply_filters( 'visualizer_lazy_by_default', false, $atts['id'] ),
275 + // Use image chart
276 + 'use_image' => 'no',
277 + ),
278 + $atts
189 279 );
190 -
191 280 // if empty id or chart does not exists, then return empty string
192 - if ( ! $atts['id'] || ! ( $chart = get_post( $atts['id'] ) ) || $chart->post_type != Visualizer_Plugin::CPT_VISUALIZER ) {
281 + if ( ! $atts['id'] || ! ( $chart = get_post( $atts['id'] ) ) || $chart->post_type !== Visualizer_Plugin::CPT_VISUALIZER ) {
193 282 return '';
194 283 }
195 284
285 + // do not show the chart?
196 286 if ( ! apply_filters( 'visualizer_pro_show_chart', true, $atts['id'] ) ) {
197 287 return '';
198 288 }
199 289
200 290 // in case revisions exist.
291 + // phpcs:ignore WordPress.CodeAnalysis.AssignmentInCondition.Found
201 292 if ( true === ( $revisions = $this->undoRevisions( $chart->ID, true ) ) ) {
202 293 $chart = get_post( $chart->ID );
203 294 }
204 295
@@ -204,14 +295,26 @@
204 295
205 296 $id = 'visualizer-' . $atts['id'];
206 297 $defaultClass = 'visualizer-front';
207 298 $class = apply_filters( Visualizer_Plugin::FILTER_CHART_WRAPPER_CLASS, $atts['class'], $atts['id'] );
208 - $class = $defaultClass . ' ' . $class . ' ' . 'visualizer-front-' . $atts['id'];
209 - $class = ! empty( $class ) ? ' class="' . trim( $class ) . '"' : '';
210 299
300 + $lazyClass = $atts['lazy'] === 'yes' || ctype_digit( $atts['lazy'] ) ? 'visualizer-lazy' : '';
301 +
302 + $class = sprintf( '%s %s %s %s', $defaultClass, $class, 'visualizer-front-' . $atts['id'], $lazyClass );
303 + $attributes = array();
304 + if ( ! empty( $class ) ) {
305 + $attributes['class'] = trim( $class );
306 + }
307 +
308 + if ( ctype_digit( $atts['lazy'] ) ) {
309 + $attributes['data-lazy-limit'] = $atts['lazy'];
310 + }
311 +
211 312 $type = get_post_meta( $chart->ID, Visualizer_Plugin::CF_CHART_TYPE, true );
212 313
213 - // faetch and update settings
314 + $chart = apply_filters( 'visualizer_schedule_refresh_chart', $chart, $chart->ID, false );
315 +
316 + // fetch and update settings
214 317 $settings = get_post_meta( $chart->ID, Visualizer_Plugin::CF_SETTINGS, true );
215 318 if ( empty( $settings['height'] ) ) {
216 319 $settings['height'] = '400';
217 320 }
@@ -217,32 +320,38 @@
217 320 }
218 321
219 322 // handle series filter hooks
220 323 $series = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_SERIES, get_post_meta( $chart->ID, Visualizer_Plugin::CF_SERIES, true ), $chart->ID, $type );
221 - if ( ! empty( $atts['series'] ) ) {
222 - $series = apply_filters( $atts['series'], $series, $chart->ID, $type );
223 - }
324 +
224 325 // handle settings filter hooks
225 326 $settings = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_SETTINGS, $settings, $chart->ID, $type );
226 - if ( ! empty( $atts['settings'] ) ) {
227 - $settings = apply_filters( $atts['settings'], $settings, $chart->ID, $type );
228 - }
229 327
230 328 // handle data filter hooks
231 - $data = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_DATA, unserialize( $chart->post_content ), $chart->ID, $type );
232 - if ( ! empty( $atts['data'] ) ) {
233 - $data = apply_filters( $atts['data'], $data, $chart->ID, $type );
234 - }
329 + $data = self::get_chart_data( $chart, $type );
235 330
236 - $id = $id . '-' . rand();
237 - $arguments = array( '', $id, $settings );
238 331 $css = '';
239 - apply_filters_ref_array( 'visualizer_pro_inline_css', array( &$arguments ) );
332 + $arguments = $this->get_inline_custom_css( $id, $settings );
240 333 if ( ! empty( $arguments ) ) {
241 334 $css = $arguments[0];
242 - $settings = $arguments[2];
335 + $settings = $arguments[1];
243 336 }
244 337
338 + $library = $this->load_chart_type( $chart->ID );
339 +
340 + $id = $id . '-' . rand();
341 +
342 + $amp = Visualizer_Plugin::instance()->getModule( Visualizer_Module_AMP::NAME );
343 + if ( $amp && $amp->is_amp() ) {
344 + return '<div data-amp-auto-lightbox-disable id="' . $id . '"' . $this->getHtmlAttributes( $attributes ) . '>' . $amp->get_chart( $chart, $data, $series, $settings ) . '</div>';
345 + }
346 +
347 + if ( 'yes' === $atts['use_image'] ) {
348 + $chart_image = get_post_meta( $chart->ID, Visualizer_Plugin::CF_CHART_IMAGE, true );
349 + if ( $chart_image ) {
350 + return '<div id="' . $id . '"' . $this->getHtmlAttributes( $attributes ) . '>' . wp_get_attachment_image( $chart_image, 'full' ) . '</div>';
351 + }
352 + }
353 +
245 354 // add chart to the array
246 355 $this->_charts[ $id ] = array(
247 356 'type' => $type,
248 357 'series' => $series,
@@ -247,25 +356,11 @@
247 356 'type' => $type,
248 357 'series' => $series,
249 358 'settings' => $settings,
250 359 'data' => $data,
360 + 'library' => $library,
251 361 );
252 362
253 - // enqueue visualizer render and update render localizations
254 - wp_enqueue_script( 'visualizer-render' );
255 - wp_localize_script(
256 - 'visualizer-render', 'visualizer', array(
257 - 'charts' => $this->_charts,
258 - 'language' => $this->get_language(),
259 - 'map_api_key' => get_option( 'visualizer-map-api-key' ),
260 - 'rest_url' => version_compare( $wp_version, '4.7.0', '>=' ) ? rest_url( 'visualizer/v' . VISUALIZER_REST_VERSION . '/action/#id#/#type#/' ) : '',
261 - 'i10n' => array(
262 - 'copied' => __( 'Copied!', 'visualizer' ),
263 - ),
264 - )
265 - );
266 - wp_enqueue_style( 'visualizer-front' );
267 -
268 363 $actions_div = '';
269 364 $actions_visible = apply_filters( 'visualizer_pro_add_actions', isset( $settings['actions'] ) ? $settings['actions'] : array(), $atts['id'] );
270 365 if ( ! empty( $actions_visible ) ) {
271 366 $actions = $this->get_actions();
@@ -277,15 +372,16 @@
277 372 $array = explode( ';', $action_type );
278 373 $key = $array[0];
279 374 $mime = end( $array );
280 375 }
281 - $label = $actions[ $key ];
282 - $actions_div .= '<a href="#" class="visualizer-action visualizer-action-' . $key . '" data-visualizer-type="' . $key . '" data-visualizer-chart-id="' . $atts['id'] . '" data-visualizer-mime="' . $mime . '" title="' . $label . '" ';
376 + $label = $actions[ $key ]['label'];
377 + $title = $actions[ $key ]['title'];
378 + $actions_div .= sprintf( '<a href="#" class="visualizer-action visualizer-action-%s" data-visualizer-type="%s" data-visualizer-chart-id="%s" data-visualizer-container-id="%s" data-visualizer-mime="%s" title="%s"', $key, $key, $atts['id'], $id, $mime, $title );
283 379
284 380 if ( 'copy' === $key ) {
285 381 $copy = $this->_getDataAs( $atts['id'], 'csv' );
286 382 $actions_div .= ' data-clipboard-text="' . esc_attr( $copy['csv'] ) . '"';
287 - wp_enqueue_script( 'visualizer-clipboardjs' );
383 + wp_enqueue_script( 'clipboard' );
288 384 }
289 385
290 386 $actions_div .= apply_filters( 'visualizer_action_attributes', '', $key, $atts['id'] );
291 387 $actions_div .= '>' . $label . '</a> &nbsp;';
@@ -295,8 +391,157 @@
295 391 }
296 392
297 393 $actions_div .= $css;
298 394
395 + foreach ( $this->_charts as $id => $array ) {
396 + $library = $array['library'];
397 + wp_register_script(
398 + "visualizer-render-$library",
399 + VISUALIZER_ABSURL . 'js/render-facade.js',
400 + apply_filters( 'visualizer_assets_render', array( 'jquery', 'visualizer-customization' ), true ),
401 + Visualizer_Plugin::VERSION,
402 + true
403 + );
404 +
405 + wp_enqueue_script( "visualizer-render-$library" );
406 + wp_localize_script(
407 + "visualizer-render-$library",
408 + 'visualizer',
409 + array(
410 + 'charts' => $this->_charts,
411 + 'language' => $this->get_language(),
412 + 'map_api_key' => get_option( 'visualizer-map-api-key' ),
413 + 'rest_url' => version_compare( $wp_version, '4.7.0', '>=' ) ? rest_url( 'visualizer/v' . VISUALIZER_REST_VERSION . '/action/#id#/#type#/' ) : '',
414 + 'wp_nonce' => wp_create_nonce( 'wp_rest' ),
415 + 'i10n' => array(
416 + 'copied' => __( 'The data has been copied to your clipboard. Hit Ctrl-V/Cmd-V in your spreadsheet editor to paste the data.', 'visualizer' ),
417 + ),
418 + 'page_type' => 'frontend',
419 + 'is_front' => true,
420 + )
421 + );
422 + wp_enqueue_style( 'visualizer-front' );
423 + }
424 +
299 425 // return placeholder div
300 - return $actions_div . '<div id="' . $id . '"' . $class . '></div>';
426 + return $actions_div . '<div id="' . $id . '"' . $this->getHtmlAttributes( $attributes ) . '></div>' . $this->addSchema( $chart->ID );
427 + }
428 +
429 + /**
430 + * Converts the array of attributes to a string of HTML attributes.
431 + *
432 + * @since ?
433 + *
434 + * @access private
435 + */
436 + private function getHtmlAttributes( $attributes ) {
437 + $string = '';
438 + if ( ! $attributes ) {
439 + return $string;
440 + }
441 +
442 + foreach ( $attributes as $name => $value ) {
443 + $string .= sprintf( '%s="%s"', esc_attr( $name ), esc_attr( $value ) );
444 + }
445 + return $string;
446 + }
447 +
448 + /**
449 + * Adds the schema corresponding to the dataset.
450 + *
451 + * @since 3.3.2
452 + *
453 + * @access private
454 + */
455 + private function addSchema( $id ) {
456 + // should we show informative errors as HTML comments?
457 + $show_errors = apply_filters( 'visualizer_schema_show_errors', true, $id );
458 +
459 + $settings = get_post_meta( $id, Visualizer_Plugin::CF_SETTINGS, true );
460 + $title = '';
461 + if ( isset( $settings['title'] ) && ! empty( $settings['title'] ) ) {
462 + $title = $settings['title'];
463 + if ( is_array( $title ) ) {
464 + $title = $settings['title']['text'];
465 + }
466 + }
467 + $title = apply_filters( 'visualizer_schema_name', $title, $id );
468 + if ( empty( $title ) ) {
469 + if ( $show_errors ) {
470 + return "<!-- Not showing structured data for chart $id because title is empty -->";
471 + }
472 + return '';
473 + }
474 +
475 + $desc = '';
476 + if ( isset( $settings['description'] ) && ! empty( $settings['description'] ) ) {
477 + $desc = $settings['description'];
478 + }
479 + $desc = apply_filters( 'visualizer_schema_description', $desc, $id );
480 + if ( empty( $desc ) ) {
481 + if ( $show_errors ) {
482 + return "<!-- Not showing structured data for chart $id because description is empty -->";
483 + }
484 + return '';
485 + }
486 +
487 + // descriptions below 50 chars are not allowed.
488 + if ( strlen( $desc ) < 50 ) {
489 + if ( $show_errors ) {
490 + return "<!-- Not showing structured data for chart $id because description is shorter than 50 characters -->";
491 + }
492 + return '';
493 + }
494 +
495 + $license = '';
496 + if ( isset( $settings['license'] ) && ! empty( $settings['license'] ) ) {
497 + $license = $settings['license'];
498 + if ( is_array( $license ) ) {
499 + $license = $settings['license']['text'];
500 + }
501 + }
502 + $license = apply_filters( 'visualizer_schema_license', $license, $id );
503 + if ( empty( $license ) ) {
504 + if ( $show_errors ) {
505 + return "<!-- Not showing structured data for chart $id because license is empty -->";
506 + }
507 + return '';
508 + }
509 +
510 + $creator = '';
511 + if ( isset( $settings['creator'] ) && ! empty( $settings['creator'] ) ) {
512 + $creator = $settings['creator'];
513 + if ( is_array( $creator ) ) {
514 + $creator = $settings['creator']['text'];
515 + }
516 + }
517 + $creator = apply_filters( 'visualizer_schema_creator', $creator, $id );
518 + if ( empty( $creator ) ) {
519 + if ( $show_errors ) {
520 + return "<!-- Not showing structured data for chart $id because creator is empty -->";
521 + }
522 + return '';
523 + }
524 +
525 + $schema = apply_filters(
526 + 'visualizer_schema',
527 + '{
528 + "@context":"https://schema.org/",
529 + "@type":"Dataset",
530 + "name":"' . esc_html( $title ) . '",
531 + "description":"' . esc_html( $desc ) . '",
532 + "license": "' . esc_html( $license ) . '",
533 + "creator": {
534 + "@type": "Person",
535 + "name": "' . esc_html( $creator ) . '"
536 + }
537 + }',
538 + $id
539 + );
540 +
541 + if ( empty( $schema ) ) {
542 + return '';
543 + }
544 +
545 + return '<script type="application/ld+json">' . $schema . '</script>';
301 546 }
302 547 }