PluginProbe
Visualizer – Tables & Charts Manager with Built-in AI Generator / 3.7.7
Visualizer – Tables & Charts Manager with Built-in AI Generator v3.7.7
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 +443 -59 3.1.23.7.7 View file →
@@ -41,8 +41,16 @@
41 41 */
42 42 private $_charts = array();
43 43
44 44 /**
45 + * Lazy render script.
46 + *
47 + * @access private
48 + * @var bool
49 + */
50 + private $lazy_render_script = false;
51 +
52 + /**
45 53 * Constructor.
46 54 *
47 55 * @since 1.0.0
48 56 * @uses add_filter() To add "do_shortcode" hook for "widget_text" and "term_description" filters.
@@ -52,9 +60,11 @@
52 60 */
53 61 public function __construct( Visualizer_Plugin $plugin ) {
54 62 parent::__construct( $plugin );
55 63
64 + $this->_addAction( 'wp_print_footer_scripts', 'printFooterScripts' );
56 65 $this->_addAction( 'wp_enqueue_scripts', 'enqueueScripts' );
66 + $this->_addAction( 'load-index.php', 'enqueueScripts' );
57 67 $this->_addAction( 'visualizer_enqueue_scripts', 'enqueueScripts' );
58 68 $this->_addFilter( 'visualizer_get_language', 'getLanguage' );
59 69 $this->_addShortcode( 'visualizer', 'renderChart' );
60 70
@@ -68,11 +78,50 @@
68 78 add_filter( 'term_description', 'do_shortcode' );
69 79 }
70 80
71 81 add_action( 'rest_api_init', array( $this, 'endpoint_register' ) );
82 +
83 + $this->_addFilter( 'script_loader_tag', 'script_loader_tag', null, 10, 3 );
72 84 }
73 85
74 86 /**
87 + * Adds the async attribute to certain scripts.
88 + */
89 + function script_loader_tag( $tag, $handle, $src ) {
90 + if ( is_admin() ) {
91 + return $tag;
92 + }
93 + // Async scripts.
94 + $async_scripts = array( 'google-jsapi', 'chartjs', 'visualizer-datatables' );
95 + foreach ( $async_scripts as $async ) {
96 + if ( $async === $handle ) {
97 + $tag = str_replace( ' src', ' async src', $tag );
98 + break;
99 + }
100 + };
101 +
102 + // Async scripts.
103 + $scripts = array( 'dom-to-image' );
104 + foreach ( array( 'async', 'defer' ) as $attr ) {
105 + if ( wp_scripts()->get_data( $handle, $attr ) ) {
106 + break;
107 + }
108 + if ( in_array( $handle, $async_scripts, true ) || false === strpos( $handle, 'visualizer-' ) ) {
109 + break;
110 + }
111 + if ( ! preg_match( ":\s$attr(=|>|\s):", $tag ) ) {
112 + $tag = preg_replace( ':(?=></script>):', " $attr", $tag, 1 );
113 + if ( $this->lazy_render_script ) {
114 + $tag = str_replace( ' src', ' data-visualizer-script', $tag );
115 + }
116 + }
117 + // Only allow async or defer, not both.
118 + break;
119 + }
120 + return $tag;
121 + }
122 +
123 + /**
75 124 * Returns the language/locale.
76 125 */
77 126 function getLanguage( $dummy, $only_language ) {
78 127 return $this->get_language();
@@ -86,9 +135,33 @@
86 135 register_rest_route(
87 136 'visualizer/v' . VISUALIZER_REST_VERSION,
88 137 '/action/(?P<chart>\d+)/(?P<type>.+)/',
89 138 array(
90 - 'methods' => array( 'GET', 'POST' ),
139 + // POST is required for save/cancel, GET for all others
140 + 'methods' => array( 'POST', 'GET' ),
141 + 'args' => array(
142 + 'chart' => array(
143 + 'required' => true,
144 + 'sanitize_callback' => function( $param ) {
145 + return is_numeric( $param ) ? $param : null;
146 + },
147 + ),
148 + 'type' => array(
149 + 'required' => true,
150 + 'type' => 'string',
151 + 'enum' => array_merge( array( 'save', 'cancel' ), array_keys( $this->get_actions() ) ),
152 + ),
153 + ),
154 + 'permission_callback' => function ( WP_REST_Request $request ) {
155 + $chart_id = filter_var( sanitize_text_field( $request->get_param( 'chart' ), FILTER_VALIDATE_INT ) );
156 + if ( ! empty( $chart_id ) && in_array( $request->get_param( 'type' ), array( 'save', 'cancel' ), true ) ) {
157 + // let save and cancel go without any check as past version of pro
158 + // did not send the X-WP-Nonce
159 + // we can change this at a later date.
160 + return true;
161 + }
162 + return ! empty( $chart_id ) && apply_filters( 'visualizer_pro_show_chart', true, $chart_id );
163 + },
91 164 'callback' => array( $this, 'perform_action' ),
92 165 )
93 166 );
94 167 }
@@ -98,17 +171,42 @@
98 171 *
99 172 * @access private
100 173 */
101 174 private function get_actions() {
102 - return apply_filters(
175 + $actions = apply_filters(
103 176 'visualizer_action_buttons',
104 177 array(
105 - 'print' => __( 'Print', 'visualizer' ),
106 - 'csv' => __( 'CSV', 'visualizer' ),
107 - 'xls' => __( 'Excel', 'visualizer' ),
108 - 'copy' => __( 'Copy', 'visualizer' ),
178 + 'print' => array(
179 + 'label' => esc_html__( 'Print', 'visualizer' ),
180 + 'title' => esc_html__( 'Print Chart', 'visualizer' ),
181 + ),
182 + 'csv' => array(
183 + 'label' => esc_html__( 'CSV', 'visualizer' ),
184 + 'title' => esc_html__( 'Download as a CSV', 'visualizer' ),
185 + ),
186 + 'xls' => array(
187 + 'label' => esc_html__( 'Excel', 'visualizer' ),
188 + 'title' => esc_html__( 'Download as a spreadsheet', 'visualizer' ),
189 + ),
190 + 'copy' => array(
191 + 'label' => esc_html__( 'Copy', 'visualizer' ),
192 + 'title' => esc_html__( 'Copy data', 'visualizer' ),
193 + ),
194 + 'image' => array(
195 + 'label' => esc_html__( 'Download', 'visualizer' ),
196 + 'title' => esc_html__( 'Download as an image', 'visualizer' ),
197 + ),
109 198 )
110 199 );
200 +
201 + // backward compatibility before label and title attributes were introduced.
202 + if ( isset( $actions['edit'] ) && is_string( $actions['edit'] ) ) {
203 + $actions['edit'] = array(
204 + 'label' => esc_html__( 'Edit', 'visualizer' ),
205 + 'title' => esc_html__( 'Edit data', 'visualizer' ),
206 + );
207 + }
208 + return $actions;
111 209 }
112 210
113 211 /**
114 212 * The print button
@@ -139,8 +237,23 @@
139 237 break;
140 238 case 'xls':
141 239 $data = $this->_getDataAs( $chart_id, 'xls' );
142 240 break;
241 + case 'image':
242 + $settings = get_post_meta( $chart_id, Visualizer_Plugin::CF_SETTINGS, true );
243 + $title = 'visualizer#' . $chart_id;
244 + if ( ! empty( $settings['title'] ) ) {
245 + $title = $settings['title'];
246 + }
247 + // for ChartJS, title is an array.
248 + if ( is_array( $title ) && isset( $title['text'] ) ) {
249 + $title = $title['text'];
250 + }
251 + if ( empty( $title ) ) {
252 + $title = 'visualizer#' . $chart_id;
253 + }
254 + $data = array( 'name' => $title );
255 + break;
143 256 default:
144 257 $data = apply_filters( 'visualizer_action_data', $data, $chart_id, $type, $params, $this );
145 258 break;
146 259 }
@@ -157,10 +270,8 @@
157 270 * @access public
158 271 */
159 272 public function enqueueScripts() {
160 273 wp_register_script( 'visualizer-customization', $this->get_user_customization_js(), array(), null, true );
161 - wp_register_script( 'visualizer-clipboardjs', VISUALIZER_ABSURL . 'js/lib/clipboardjs/clipboard.min.js', array( 'jquery' ), Visualizer_Plugin::VERSION, true );
162 - wp_register_style( 'visualizer-front', VISUALIZER_ABSURL . 'css/front.css', array(), Visualizer_Plugin::VERSION );
163 274 do_action( 'visualizer_pro_frontend_load_resources' );
164 275 }
165 276
166 277 /**
@@ -179,27 +290,38 @@
179 290 public function renderChart( $atts ) {
180 291 global $wp_version;
181 292 $atts = shortcode_atts(
182 293 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
294 + // chart id
295 + 'id' => false,
296 + // chart class
297 + 'class' => false,
298 + // for lazy load
299 + // set 'yes' to use the default intersection limit (300px)
300 + // OR set a number (e.g. 700) to use 700px as the intersection limit
301 + 'lazy' => apply_filters( 'visualizer_lazy_by_default', false, $atts['id'] ),
302 + // Use image chart
303 + 'use_image' => 'no',
188 304 ),
189 305 $atts
190 306 );
191 307
192 - // if empty id or chart does not exists, then return empty string
193 - if ( ! $atts['id'] || ! ( $chart = get_post( $atts['id'] ) ) || $chart->post_type != Visualizer_Plugin::CPT_VISUALIZER ) {
308 + $chart_data = $this->getChartData( Visualizer_Plugin::CF_CHART_CACHE, $atts['id'] );
309 + // if empty chart does not exists, then return empty string.
310 + if ( ! $chart_data ) {
194 311 return '';
195 312 }
196 313
314 + $chart = $chart_data['chart'];
315 + $type = $chart_data['type'];
316 + $series = $chart_data['series'];
317 + // do not show the chart?
197 318 if ( ! apply_filters( 'visualizer_pro_show_chart', true, $atts['id'] ) ) {
198 319 return '';
199 320 }
200 321
201 322 // in case revisions exist.
323 + // phpcs:ignore WordPress.CodeAnalysis.AssignmentInCondition.Found
202 324 if ( true === ( $revisions = $this->undoRevisions( $chart->ID, true ) ) ) {
203 325 $chart = get_post( $chart->ID );
204 326 }
205 327
@@ -205,37 +327,45 @@
205 327
206 328 $id = 'visualizer-' . $atts['id'];
207 329 $defaultClass = 'visualizer-front';
208 330 $class = apply_filters( Visualizer_Plugin::FILTER_CHART_WRAPPER_CLASS, $atts['class'], $atts['id'] );
209 - $class = $defaultClass . ' ' . $class . ' ' . 'visualizer-front-' . $atts['id'];
210 - $class = ! empty( $class ) ? ' class="' . trim( $class ) . '"' : '';
211 331
212 - $type = get_post_meta( $chart->ID, Visualizer_Plugin::CF_CHART_TYPE, true );
332 + $lazyClass = $atts['lazy'] === 'yes' || ctype_digit( $atts['lazy'] ) ? 'visualizer-lazy' : '';
213 333
334 + $class = sprintf( '%s %s %s %s', $defaultClass, $class, 'visualizer-front-' . $atts['id'], $lazyClass );
335 + $attributes = array();
336 + if ( ! empty( $class ) ) {
337 + $attributes['class'] = trim( $class );
338 + }
339 +
340 + if ( ctype_digit( $atts['lazy'] ) ) {
341 + $attributes['data-lazy-limit'] = $atts['lazy'];
342 + }
343 +
214 344 $chart = apply_filters( 'visualizer_schedule_refresh_chart', $chart, $chart->ID, false );
215 345
216 - // fetch and update settings
217 - $settings = get_post_meta( $chart->ID, Visualizer_Plugin::CF_SETTINGS, true );
346 + // Get and update settings.
347 + $settings = $chart_data['settings'];
218 348 if ( empty( $settings['height'] ) ) {
219 349 $settings['height'] = '400';
220 350 }
221 351
222 352 // handle series filter hooks
223 - $series = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_SERIES, get_post_meta( $chart->ID, Visualizer_Plugin::CF_SERIES, true ), $chart->ID, $type );
224 - if ( ! empty( $atts['series'] ) ) {
225 - $series = apply_filters( $atts['series'], $series, $chart->ID, $type );
226 - }
353 + $series = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_SERIES, $series, $chart->ID, $type );
354 +
227 355 // handle settings filter hooks
228 356 $settings = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_SETTINGS, $settings, $chart->ID, $type );
229 - if ( ! empty( $atts['settings'] ) ) {
230 - $settings = apply_filters( $atts['settings'], $settings, $chart->ID, $type );
357 +
358 + $lazy_load = isset( $settings['lazy_load_chart'] ) ? $settings['lazy_load_chart'] : false;
359 + $lazy_load = apply_filters( 'visualizer_lazy_load_chart', $lazy_load, $chart->ID );
360 + $container_class = 'visualizer-front-container';
361 + if ( $lazy_load ) {
362 + $this->lazy_render_script = true;
363 + $container_class .= ' visualizer-lazy-render';
231 364 }
232 365
233 366 // handle data filter hooks
234 - $data = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_DATA, unserialize( html_entity_decode( $chart->post_content ) ), $chart->ID, $type );
235 - if ( ! empty( $atts['data'] ) ) {
236 - $data = apply_filters( $atts['data'], $data, $chart->ID, $type );
237 - }
367 + $data = self::get_chart_data( $chart, $type );
238 368
239 369 $css = '';
240 370 $arguments = $this->get_inline_custom_css( $id, $settings );
241 371 if ( ! empty( $arguments ) ) {
@@ -244,8 +374,26 @@
244 374 }
245 375
246 376 $library = $this->load_chart_type( $chart->ID );
247 377
378 + $id = $id . '-' . rand();
379 +
380 + $amp = Visualizer_Plugin::instance()->getModule( Visualizer_Module_AMP::NAME );
381 + if ( $amp && $amp->is_amp() ) {
382 + return '<div data-amp-auto-lightbox-disable id="' . $id . '"' . $this->getHtmlAttributes( $attributes ) . '>' . $amp->get_chart( $chart, $data, $series, $settings ) . '</div>';
383 + }
384 +
385 + if ( 'yes' === $atts['use_image'] ) {
386 + $chart_image = $chart_data['chart_image'];
387 + if ( $chart_image ) {
388 + return '<div id="' . $id . '"' . $this->getHtmlAttributes( $attributes ) . '>' . wp_get_attachment_image( $chart_image, 'full' ) . '</div>';
389 + }
390 + }
391 + // Unset chart image base64 string.
392 + if ( isset( $settings['chart-img'] ) ) {
393 + unset( $settings['chart-img'] );
394 + }
395 +
248 396 // add chart to the array
249 397 $this->_charts[ $id ] = array(
250 398 'type' => $type,
251 399 'series' => $series,
@@ -253,33 +401,8 @@
253 401 'data' => $data,
254 402 'library' => $library,
255 403 );
256 404
257 - wp_register_script(
258 - "visualizer-render-$library",
259 - VISUALIZER_ABSURL . 'js/render-facade.js',
260 - apply_filters( 'visualizer_assets_render', array( 'jquery', 'visualizer-customization' ), true ),
261 - Visualizer_Plugin::VERSION,
262 - true
263 - );
264 -
265 - wp_enqueue_script( "visualizer-render-$library" );
266 - wp_localize_script(
267 - "visualizer-render-$library",
268 - 'visualizer',
269 - array(
270 - 'charts' => $this->_charts,
271 - 'language' => $this->get_language(),
272 - 'map_api_key' => get_option( 'visualizer-map-api-key' ),
273 - 'rest_url' => version_compare( $wp_version, '4.7.0', '>=' ) ? rest_url( 'visualizer/v' . VISUALIZER_REST_VERSION . '/action/#id#/#type#/' ) : '',
274 - 'i10n' => array(
275 - 'copied' => __( 'Copied!', 'visualizer' ),
276 - ),
277 - 'page_type' => 'frontend',
278 - )
279 - );
280 - wp_enqueue_style( 'visualizer-front' );
281 -
282 405 $actions_div = '';
283 406 $actions_visible = apply_filters( 'visualizer_pro_add_actions', isset( $settings['actions'] ) ? $settings['actions'] : array(), $atts['id'] );
284 407 if ( ! empty( $actions_visible ) ) {
285 408 $actions = $this->get_actions();
@@ -291,15 +414,16 @@
291 414 $array = explode( ';', $action_type );
292 415 $key = $array[0];
293 416 $mime = end( $array );
294 417 }
295 - $label = $actions[ $key ];
296 - $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 . '" ';
418 + $label = $actions[ $key ]['label'];
419 + $title = $actions[ $key ]['title'];
420 + $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 );
297 421
298 422 if ( 'copy' === $key ) {
299 423 $copy = $this->_getDataAs( $atts['id'], 'csv' );
300 424 $actions_div .= ' data-clipboard-text="' . esc_attr( $copy['csv'] ) . '"';
301 - wp_enqueue_script( 'visualizer-clipboardjs' );
425 + wp_enqueue_script( 'clipboard' );
302 426 }
303 427
304 428 $actions_div .= apply_filters( 'visualizer_action_attributes', '', $key, $atts['id'] );
305 429 $actions_div .= '>' . $label . '</a> &nbsp;';
@@ -309,8 +433,268 @@
309 433 }
310 434
311 435 $actions_div .= $css;
312 436
437 + $_charts = array();
438 + $_charts_type = '';
439 + $count = 0;
440 + foreach ( $this->_charts as $id => $array ) {
441 + $_charts = $this->_charts;
442 + $library = $array['library'];
443 + $_charts_type = $library;
444 + if ( ! wp_script_is( "visualizer-render-$library", 'registered' ) ) {
445 + wp_register_script(
446 + "visualizer-render-$library",
447 + VISUALIZER_ABSURL . 'js/render-facade.js',
448 + apply_filters( 'visualizer_assets_render', array( 'jquery', 'visualizer-customization' ), true ),
449 + Visualizer_Plugin::VERSION,
450 + true
451 + );
452 + wp_enqueue_script( "visualizer-render-$library" );
453 + }
454 +
455 + if ( wp_script_is( "visualizer-render-$_charts_type" ) && 0 === $count ) {
456 + wp_localize_script(
457 + "visualizer-render-$_charts_type",
458 + 'visualizer',
459 + array(
460 + 'charts' => $this->_charts,
461 + 'language' => $this->get_language(),
462 + 'map_api_key' => get_option( 'visualizer-map-api-key' ),
463 + 'rest_url' => version_compare( $wp_version, '4.7.0', '>=' ) ? rest_url( 'visualizer/v' . VISUALIZER_REST_VERSION . '/action/#id#/#type#/' ) : '',
464 + 'wp_nonce' => wp_create_nonce( 'wp_rest' ),
465 + 'i10n' => array(
466 + 'copied' => __( 'The data has been copied to your clipboard. Hit Ctrl-V/Cmd-V in your spreadsheet editor to paste the data.', 'visualizer' ),
467 + ),
468 + 'page_type' => 'frontend',
469 + 'is_front' => true,
470 + )
471 + );
472 + }
473 + $count++;
474 + }
475 +
313 476 // return placeholder div
314 - return $actions_div . '<div id="' . $id . '"' . $class . '></div>';
477 + return '<div class="' . $container_class . '">' . $actions_div . '<div id="' . $id . '"' . $this->getHtmlAttributes( $attributes ) . '></div>' . $this->addSchema( $chart->ID ) . '</div>';
478 + }
479 +
480 + /**
481 + * Converts the array of attributes to a string of HTML attributes.
482 + *
483 + * @since ?
484 + *
485 + * @access private
486 + */
487 + private function getHtmlAttributes( $attributes ) {
488 + $string = '';
489 + if ( ! $attributes ) {
490 + return $string;
491 + }
492 +
493 + foreach ( $attributes as $name => $value ) {
494 + $string .= sprintf( ' %s="%s"', esc_attr( $name ), esc_attr( $value ) );
495 + }
496 + return $string;
497 + }
498 +
499 + /**
500 + * Adds the schema corresponding to the dataset.
501 + *
502 + * @since 3.3.2
503 + *
504 + * @access private
505 + */
506 + private function addSchema( $id ) {
507 + // should we show informative errors as HTML comments?
508 + $show_errors = apply_filters( 'visualizer_schema_show_errors', true, $id );
509 +
510 + $settings = get_post_meta( $id, Visualizer_Plugin::CF_SETTINGS, true );
511 + $title = '';
512 + if ( isset( $settings['title'] ) && ! empty( $settings['title'] ) ) {
513 + $title = $settings['title'];
514 + if ( is_array( $title ) ) {
515 + $title = $settings['title']['text'];
516 + }
517 + }
518 + $title = apply_filters( 'visualizer_schema_name', $title, $id );
519 + if ( empty( $title ) ) {
520 + if ( $show_errors ) {
521 + return "<!-- Not showing structured data for chart $id because title is empty -->";
522 + }
523 + return '';
524 + }
525 +
526 + $desc = '';
527 + if ( isset( $settings['description'] ) && ! empty( $settings['description'] ) ) {
528 + $desc = $settings['description'];
529 + }
530 + $desc = apply_filters( 'visualizer_schema_description', $desc, $id );
531 + if ( empty( $desc ) ) {
532 + if ( $show_errors ) {
533 + return "<!-- Not showing structured data for chart $id because description is empty -->";
534 + }
535 + return '';
536 + }
537 +
538 + // descriptions below 50 chars are not allowed.
539 + if ( strlen( $desc ) < 50 ) {
540 + if ( $show_errors ) {
541 + return "<!-- Not showing structured data for chart $id because description is shorter than 50 characters -->";
542 + }
543 + return '';
544 + }
545 +
546 + $license = '';
547 + if ( isset( $settings['license'] ) && ! empty( $settings['license'] ) ) {
548 + $license = $settings['license'];
549 + if ( is_array( $license ) ) {
550 + $license = $settings['license']['text'];
551 + }
552 + }
553 + $license = apply_filters( 'visualizer_schema_license', $license, $id );
554 + if ( empty( $license ) ) {
555 + if ( $show_errors ) {
556 + return "<!-- Not showing structured data for chart $id because license is empty -->";
557 + }
558 + return '';
559 + }
560 +
561 + $creator = '';
562 + if ( isset( $settings['creator'] ) && ! empty( $settings['creator'] ) ) {
563 + $creator = $settings['creator'];
564 + if ( is_array( $creator ) ) {
565 + $creator = $settings['creator']['text'];
566 + }
567 + }
568 + $creator = apply_filters( 'visualizer_schema_creator', $creator, $id );
569 + if ( empty( $creator ) ) {
570 + if ( $show_errors ) {
571 + return "<!-- Not showing structured data for chart $id because creator is empty -->";
572 + }
573 + return '';
574 + }
575 +
576 + $schema = apply_filters(
577 + 'visualizer_schema',
578 + '{
579 + "@context":"https://schema.org/",
580 + "@type":"Dataset",
581 + "name":"' . esc_html( $title ) . '",
582 + "description":"' . esc_html( $desc ) . '",
583 + "license": "' . esc_html( $license ) . '",
584 + "creator": {
585 + "@type": "Person",
586 + "name": "' . esc_html( $creator ) . '"
587 + }
588 + }',
589 + $id
590 + );
591 +
592 + if ( empty( $schema ) ) {
593 + return '';
594 + }
595 +
596 + return '<script type="application/ld+json">' . $schema . '</script>';
597 + }
598 +
599 + /**
600 + * Get chart by ID.
601 + *
602 + * @param string $cache_key Cache key.
603 + * @param int $chart_id Chart ID.
604 + * @return mixed
605 + */
606 + private function getChartData( $cache_key = '', $chart_id = 0 ) {
607 + if ( ! $chart_id ) {
608 + return false;
609 + }
610 + // Create unique cache key of each chart.
611 + $cache_key .= '_' . $chart_id;
612 + // Get chart from cache.
613 + $chart = get_transient( $cache_key );
614 + if ( $chart ) {
615 + return $chart;
616 + }
617 +
618 + // Get chart by ID.
619 + $chart = get_post( $chart_id );
620 + if ( $chart && Visualizer_Plugin::CPT_VISUALIZER === $chart->post_type ) {
621 + $settings = get_post_meta( $chart->ID, Visualizer_Plugin::CF_SETTINGS, true );
622 + $series = get_post_meta( $chart->ID, Visualizer_Plugin::CF_SERIES, true );
623 +
624 + if ( isset( $settings['series'] ) && ! ( count( $settings['series'] ) - count( $series ) > 1 ) ) {
625 + $diff_total_series = abs( count( $settings['series'] ) - count( $series ) );
626 + if ( $diff_total_series ) {
627 + foreach ( range( 1, $diff_total_series ) as $k => $diff_series ) {
628 + $settings['series'][] = end( $settings['series'] );
629 + }
630 + }
631 + }
632 + $chart_data = array(
633 + 'chart' => $chart,
634 + 'type' => get_post_meta( $chart->ID, Visualizer_Plugin::CF_CHART_TYPE, true ),
635 + 'settings' => $settings,
636 + 'series' => $series,
637 + 'chart_image' => get_post_meta( $chart->ID, Visualizer_Plugin::CF_CHART_IMAGE, true ),
638 + );
639 +
640 + // Put the results in a transient. Expire after 12 hours.
641 + set_transient( $cache_key, $chart_data, apply_filters( Visualizer_Plugin::FILTER_HANDLE_CACHE_EXPIRATION_TIME, 12 * HOUR_IN_SECONDS ) );
642 + return $chart_data;
643 + }
644 +
645 + return false;
646 + }
647 +
648 + /**
649 + * Print footer script.
650 + */
651 + public function printFooterScripts() {
652 + if ( $this->lazy_render_script ) {
653 + ?>
654 + <script type="text/javascript">
655 + var visualizerUserInteractionEvents = [
656 + "mouseover",
657 + "keydown",
658 + "touchmove",
659 + "touchstart"
660 + ];
661 +
662 + visualizerUserInteractionEvents.forEach(function(event) {
663 + window.addEventListener(event, visualizerTriggerScriptLoader, { passive: true });
664 + });
665 +
666 + function visualizerTriggerScriptLoader() {
667 + visualizerLoadScripts();
668 + visualizerUserInteractionEvents.forEach(function(event) {
669 + window.removeEventListener(event, visualizerTriggerScriptLoader, { passive: true });
670 + });
671 + }
672 +
673 + function visualizerLoadScripts() {
674 + document.querySelectorAll("script[data-visualizer-script]").forEach(function(elem) {
675 + jQuery.getScript( elem.getAttribute("data-visualizer-script") )
676 + .done( function( script, textStatus ) {
677 + elem.setAttribute("src", elem.getAttribute("data-visualizer-script"));
678 + elem.removeAttribute("data-visualizer-script");
679 + setTimeout( function() {
680 + visualizerRefreshChart();
681 + } );
682 + } );
683 + });
684 + }
685 +
686 + function visualizerRefreshChart() {
687 + jQuery( '.visualizer-front:not(.visualizer-chart-loaded)' ).resize();
688 + if ( jQuery( 'div.viz-facade-loaded:not(.visualizer-lazy):empty' ).length > 0 ) {
689 + visualizerUserInteractionEvents.forEach( function( event ) {
690 + window.addEventListener( event, function() {
691 + jQuery( '.visualizer-front:not(.visualizer-chart-loaded)' ).resize();
692 + }, { passive: true } );
693 + } );
694 + }
695 + }
696 + </script>
697 + <?php
698 + }
315 699 }
316 700 }