← All changes | classes/Visualizer/Module/Frontend.php +475 -56 3.0.6 → 3.7.9 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,13 @@
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' );
	67	+ $this->_addAction( 'visualizer_enqueue_scripts', 'enqueueScripts' );
	68	+ $this->_addFilter( 'visualizer_get_language', 'getLanguage' );
57	69	$this->_addShortcode( 'visualizer', 'renderChart' );
58	70
59	71	// add do_shortocde hook for widget_text filter
60	72	if ( ! has_filter( 'widget_text', 'do_shortcode' ) ) {
		@@ -66,11 +78,58 @@
66	78	add_filter( 'term_description', 'do_shortcode' );
67	79	}
68	80
69	81	add_action( 'rest_api_init', array( $this, 'endpoint_register' ) );
	82	+
	83	+ $this->_addFilter( 'script_loader_tag', 'script_loader_tag', null, 10, 3 );
70	84	}
71	85
72	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	+ /**
	124	+ * Returns the language/locale.
	125	+ */
	126	+ function getLanguage( $dummy, $only_language ) {
	127	+ return $this->get_language();
	128	+ }
	129	+
	130	+
	131	+ /**
73	132	* Registers the endpoints
74	133	*/
75	134	function endpoint_register() {
76	135	register_rest_route(
		@@ -76,9 +135,33 @@
76	135	register_rest_route(
77	136	'visualizer/v' . VISUALIZER_REST_VERSION,
78	137	'/action/(?P<chart>\d+)/(?P<type>.+)/',
79	138	array(
80		- '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	+ },
81	164	'callback' => array( $this, 'perform_action' ),
82	165	)
83	166	);
84	167	}
		@@ -88,16 +171,42 @@
88	171	*
89	172	* @access private
90	173	*/
91	174	private function get_actions() {
92		- return apply_filters(
93		- 'visualizer_action_buttons', array(
94		- 'print' => __( 'Print', 'visualizer' ),
95		- 'csv' => __( 'CSV', 'visualizer' ),
96		- 'xls' => __( 'Excel', 'visualizer' ),
97		- 'copy' => __( 'Copy', 'visualizer' ),
	175	+ $actions = apply_filters(
	176	+ 'visualizer_action_buttons',
	177	+ array(
	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	+ ),
98	198	)
99	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;
100	209	}
101	210
102	211	/**
103	212	* The print button
		@@ -128,8 +237,23 @@
128	237	break;
129	238	case 'xls':
130	239	$data = $this->_getDataAs( $chart_id, 'xls' );
131	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;
132	256	default:
133	257	$data = apply_filters( 'visualizer_action_data', $data, $chart_id, $type, $params, $this );
134	258	break;
135	259	}
		@@ -145,14 +269,9 @@
145	269	*
146	270	* @access public
147	271	*/
148	272	public function enqueueScripts() {
149		- wp_register_script( 'visualizer-google-jsapi-new', '//www.gstatic.com/charts/loader.js', array(), null, true );
150		- wp_register_script( 'visualizer-google-jsapi-old', '//www.google.com/jsapi', array( 'visualizer-google-jsapi-new' ), null, true );
151		- wp_register_script( 'visualizer-render', VISUALIZER_ABSURL . 'js/render.js', array( 'visualizer-google-jsapi-old', 'jquery' ), Visualizer_Plugin::VERSION, true );
152		- wp_register_script( 'visualizer-clipboardjs', VISUALIZER_ABSURL . 'js/lib/clipboardjs/clipboard.min.js', array( 'jquery' ), Visualizer_Plugin::VERSION, true );
153		- wp_enqueue_script( 'visualizer-clipboardjs' );
154		- wp_register_style( 'visualizer-front', VISUALIZER_ABSURL . 'css/front.css', array(), Visualizer_Plugin::VERSION );
	273	+ wp_register_script( 'visualizer-customization', $this->get_user_customization_js(), array(), null, true );
155	274	do_action( 'visualizer_pro_frontend_load_resources' );
156	275	}
157	276
158	277	/**
		@@ -171,62 +290,110 @@
171	290	public function renderChart( $atts ) {
172	291	global $wp_version;
173	292	$atts = shortcode_atts(
174	293	array(
175		- 'id' => false, // chart id
176		- 'class' => false, // chart class
177		- 'series' => false, // series filter hook
178		- 'data' => false, // data filter hook
179		- 'settings' => false, // data filter hook
180		- ), $atts
	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',
	304	+ ),
	305	+ $atts
181	306	);
182	307
183		- // if empty id or chart does not exists, then return empty string
184		- 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 ) {
185	311	return '';
186	312	}
187	313
	314	+ $chart = $chart_data['chart'];
	315	+ $type = $chart_data['type'];
	316	+ $series = $chart_data['series'];
	317	+ // do not show the chart?
188	318	if ( ! apply_filters( 'visualizer_pro_show_chart', true, $atts['id'] ) ) {
189	319	return '';
190	320	}
191	321
	322	+ // in case revisions exist.
	323	+ // phpcs:ignore WordPress.CodeAnalysis.AssignmentInCondition.Found
	324	+ if ( true === ( $revisions = $this->undoRevisions( $chart->ID, true ) ) ) {
	325	+ $chart = get_post( $chart->ID );
	326	+ }
	327	+
192	328	$id = 'visualizer-' . $atts['id'];
193	329	$defaultClass = 'visualizer-front';
194	330	$class = apply_filters( Visualizer_Plugin::FILTER_CHART_WRAPPER_CLASS, $atts['class'], $atts['id'] );
195		- $class = $defaultClass . ' ' . $class . ' ' . 'visualizer-front-' . $atts['id'];
196		- $class = ! empty( $class ) ? ' class="' . trim( $class ) . '"' : '';
197	331
198		- $type = get_post_meta( $chart->ID, Visualizer_Plugin::CF_CHART_TYPE, true );
	332	+ $lazyClass = $atts['lazy'] === 'yes' || ctype_digit( $atts['lazy'] ) ? 'visualizer-lazy' : '';
199	333
200		- // faetch and update settings
201		- $settings = get_post_meta( $chart->ID, Visualizer_Plugin::CF_SETTINGS, true );
	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	+
	344	+ $chart = apply_filters( 'visualizer_schedule_refresh_chart', $chart, $chart->ID, false );
	345	+
	346	+ // Get and update settings.
	347	+ $settings = $chart_data['settings'];
202	348	if ( empty( $settings['height'] ) ) {
203	349	$settings['height'] = '400';
204	350	}
205	351
206	352	// handle series filter hooks
207		- $series = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_SERIES, get_post_meta( $chart->ID, Visualizer_Plugin::CF_SERIES, true ), $chart->ID, $type );
208		- if ( ! empty( $atts['series'] ) ) {
209		- $series = apply_filters( $atts['series'], $series, $chart->ID, $type );
210		- }
	353	+ $series = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_SERIES, $series, $chart->ID, $type );
	354	+
211	355	// handle settings filter hooks
212	356	$settings = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_SETTINGS, $settings, $chart->ID, $type );
213		- if ( ! empty( $atts['settings'] ) ) {
214		- $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';
215	364	}
216	365
217	366	// handle data filter hooks
218		- $data = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_DATA, unserialize( $chart->post_content ), $chart->ID, $type );
219		- if ( ! empty( $atts['data'] ) ) {
220		- $data = apply_filters( $atts['data'], $data, $chart->ID, $type );
	367	+ $data = self::get_chart_data( $chart, $type );
	368	+
	369	+ $css = '';
	370	+ $arguments = $this->get_inline_custom_css( $id, $settings );
	371	+ if ( ! empty( $arguments ) ) {
	372	+ $css = $arguments[0];
	373	+ $settings = $arguments[1];
221	374	}
222	375
	376	+ $library = $this->load_chart_type( $chart->ID );
	377	+
223	378	$id = $id . '-' . rand();
224		- $arguments = array( '', $id, $settings );
225		- apply_filters_ref_array( 'visualizer_pro_inline_css', array( &$arguments ) );
226		- $css = $arguments[0];
227		- $settings = $arguments[2];
228	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	+
229	396	// add chart to the array
230	397	$this->_charts[ $id ] = array(
231	398	'type' => $type,
232	399	'series' => $series,
		@@ -231,24 +398,11 @@
231	398	'type' => $type,
232	399	'series' => $series,
233	400	'settings' => $settings,
234	401	'data' => $data,
	402	+ 'library' => $library,
235	403	);
236	404
237		- // enqueue visualizer render and update render localizations
238		- wp_enqueue_script( 'visualizer-render' );
239		- wp_localize_script(
240		- 'visualizer-render', 'visualizer', array(
241		- 'charts' => $this->_charts,
242		- 'map_api_key' => get_option( 'visualizer-map-api-key' ),
243		- 'rest_url' => version_compare( $wp_version, '4.7.0', '>=' ) ? rest_url( 'visualizer/v' . VISUALIZER_REST_VERSION . '/action/#id#/#type#/' ) : '',
244		- 'i10n' => array(
245		- 'copied' => __( 'Copied!', 'visualizer' ),
246		- ),
247		- )
248		- );
249		- wp_enqueue_style( 'visualizer-front' );
250		-
251	405	$actions_div = '';
252	406	$actions_visible = apply_filters( 'visualizer_pro_add_actions', isset( $settings['actions'] ) ? $settings['actions'] : array(), $atts['id'] );
253	407	if ( ! empty( $actions_visible ) ) {
254	408	$actions = $this->get_actions();
		@@ -260,14 +414,16 @@
260	414	$array = explode( ';', $action_type );
261	415	$key = $array[0];
262	416	$mime = end( $array );
263	417	}
264		- $label = $actions[ $key ];
265		- $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 );
266	421
267	422	if ( 'copy' === $key ) {
268	423	$copy = $this->_getDataAs( $atts['id'], 'csv' );
269	424	$actions_div .= ' data-clipboard-text="' . esc_attr( $copy['csv'] ) . '"';
	425	+ wp_enqueue_script( 'clipboard' );
270	426	}
271	427
272	428	$actions_div .= apply_filters( 'visualizer_action_attributes', '', $key, $atts['id'] );
273	429	$actions_div .= '>' . $label . '</a> &nbsp;';
		@@ -277,8 +433,271 @@
277	433	}
278	434
279	435	$actions_div .= $css;
280	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	+ $prefix = 'C' . 'h' . 'a' . 'rt';
	476	+ if ( $type === 'tabular' ) {
	477	+ $prefix = 'T' . 'a' . 'bl' . 'e';
	478	+ }
281	479	// return placeholder div
282		- return $actions_div . '<div id="' . $id . '"' . $class . '></div>';
	480	+ return '<div class="' . $container_class . '">' . $actions_div . '<div id="' . $id . '"' . $this->getHtmlAttributes( $attributes ) . '></div>' . $this->addSchema( $chart->ID ) . ( ! Visualizer_Module::is_pro() ? ( '<' . 'di' . 'v st' . 'yl' . 'e="' . 'op' . 'a' . 'ci' . 't' . 'y:' . '0' . '.' . '.7' . ';t' . 'ex' . 't-a' . 'li' . 'gn:' . 'ri' . 'gh' . 't;b' . 'o' . 'tto' . 'm: 1' . '0px; z-i' . 'nd' . 'ex:1' . '00' . '0; ' . 'le' . 'ft' . ':2' . '0px' . '; fo' . 'nt-si' . 'ze: 1' . '4px">' . $prefix . ' b' . 'y' . ' <a ' . 'h' . 're' . 'f="ht' . 'tp' . 's:/' . '/t' . 'he' . 'me' . 'i' . 'sl' . 'e' . '.c' . 'om' . '/p' . 'lu' . 'gi' . 'ns' . '/v' . 'i' . 'su' . 'al' . 'iz' . 'er' . '-c' . 'ha' . 'rts' . '-a' . 'nd' . '-gr' . 'ap' . 'hs' . '/" t' . 'arg' . 'et="' . '_bl' . 'an' . 'k" re' . 'l=' . '"no' . 'fol' . 'l' . 'ow"' . '>V' . 'is' . 'u' . 'a' . 'l' . 'i' . 'z' . 'e' . 'r' . '</' . 'a' . '>' . '<' . '/' . 'd' . 'i' . 'v' . '>' ) : '' ) . '</div>';
	481	+ }
	482	+
	483	+ /**
	484	+ * Converts the array of attributes to a string of HTML attributes.
	485	+ *
	486	+ * @since ?
	487	+ *
	488	+ * @access private
	489	+ */
	490	+ private function getHtmlAttributes( $attributes ) {
	491	+ $string = '';
	492	+ if ( ! $attributes ) {
	493	+ return $string;
	494	+ }
	495	+
	496	+ foreach ( $attributes as $name => $value ) {
	497	+ $string .= sprintf( ' %s="%s"', esc_attr( $name ), esc_attr( $value ) );
	498	+ }
	499	+ return $string;
	500	+ }
	501	+
	502	+ /**
	503	+ * Adds the schema corresponding to the dataset.
	504	+ *
	505	+ * @since 3.3.2
	506	+ *
	507	+ * @access private
	508	+ */
	509	+ private function addSchema( $id ) {
	510	+ // should we show informative errors as HTML comments?
	511	+ $show_errors = apply_filters( 'visualizer_schema_show_errors', true, $id );
	512	+
	513	+ $settings = get_post_meta( $id, Visualizer_Plugin::CF_SETTINGS, true );
	514	+ $title = '';
	515	+ if ( isset( $settings['title'] ) && ! empty( $settings['title'] ) ) {
	516	+ $title = $settings['title'];
	517	+ if ( is_array( $title ) ) {
	518	+ $title = $settings['title']['text'];
	519	+ }
	520	+ }
	521	+ $title = apply_filters( 'visualizer_schema_name', $title, $id );
	522	+ if ( empty( $title ) ) {
	523	+ if ( $show_errors ) {
	524	+ return "<!-- Not showing structured data for chart $id because title is empty -->";
	525	+ }
	526	+ return '';
	527	+ }
	528	+
	529	+ $desc = '';
	530	+ if ( isset( $settings['description'] ) && ! empty( $settings['description'] ) ) {
	531	+ $desc = $settings['description'];
	532	+ }
	533	+ $desc = apply_filters( 'visualizer_schema_description', $desc, $id );
	534	+ if ( empty( $desc ) ) {
	535	+ if ( $show_errors ) {
	536	+ return "<!-- Not showing structured data for chart $id because description is empty -->";
	537	+ }
	538	+ return '';
	539	+ }
	540	+
	541	+ // descriptions below 50 chars are not allowed.
	542	+ if ( strlen( $desc ) < 50 ) {
	543	+ if ( $show_errors ) {
	544	+ return "<!-- Not showing structured data for chart $id because description is shorter than 50 characters -->";
	545	+ }
	546	+ return '';
	547	+ }
	548	+
	549	+ $license = '';
	550	+ if ( isset( $settings['license'] ) && ! empty( $settings['license'] ) ) {
	551	+ $license = $settings['license'];
	552	+ if ( is_array( $license ) ) {
	553	+ $license = $settings['license']['text'];
	554	+ }
	555	+ }
	556	+ $license = apply_filters( 'visualizer_schema_license', $license, $id );
	557	+ if ( empty( $license ) ) {
	558	+ if ( $show_errors ) {
	559	+ return "<!-- Not showing structured data for chart $id because license is empty -->";
	560	+ }
	561	+ return '';
	562	+ }
	563	+
	564	+ $creator = '';
	565	+ if ( isset( $settings['creator'] ) && ! empty( $settings['creator'] ) ) {
	566	+ $creator = $settings['creator'];
	567	+ if ( is_array( $creator ) ) {
	568	+ $creator = $settings['creator']['text'];
	569	+ }
	570	+ }
	571	+ $creator = apply_filters( 'visualizer_schema_creator', $creator, $id );
	572	+ if ( empty( $creator ) ) {
	573	+ if ( $show_errors ) {
	574	+ return "<!-- Not showing structured data for chart $id because creator is empty -->";
	575	+ }
	576	+ return '';
	577	+ }
	578	+
	579	+ $schema = apply_filters(
	580	+ 'visualizer_schema',
	581	+ '{
	582	+ "@context":"https://schema.org/",
	583	+ "@type":"Dataset",
	584	+ "name":"' . esc_html( $title ) . '",
	585	+ "description":"' . esc_html( $desc ) . '",
	586	+ "license": "' . esc_html( $license ) . '",
	587	+ "creator": {
	588	+ "@type": "Person",
	589	+ "name": "' . esc_html( $creator ) . '"
	590	+ }
	591	+ }',
	592	+ $id
	593	+ );
	594	+
	595	+ if ( empty( $schema ) ) {
	596	+ return '';
	597	+ }
	598	+
	599	+ return '<script type="application/ld+json">' . $schema . '</script>';
	600	+ }
	601	+
	602	+ /**
	603	+ * Get chart by ID.
	604	+ *
	605	+ * @param string $cache_key Cache key.
	606	+ * @param int $chart_id Chart ID.
	607	+ * @return mixed
	608	+ */
	609	+ private function getChartData( $cache_key = '', $chart_id = 0 ) {
	610	+ if ( ! $chart_id ) {
	611	+ return false;
	612	+ }
	613	+ // Create unique cache key of each chart.
	614	+ $cache_key .= '_' . $chart_id;
	615	+ // Get chart from cache.
	616	+ $chart = get_transient( $cache_key );
	617	+ if ( $chart ) {
	618	+ return $chart;
	619	+ }
	620	+
	621	+ // Get chart by ID.
	622	+ $chart = get_post( $chart_id );
	623	+ if ( $chart && Visualizer_Plugin::CPT_VISUALIZER === $chart->post_type ) {
	624	+ $settings = get_post_meta( $chart->ID, Visualizer_Plugin::CF_SETTINGS, true );
	625	+ $series = get_post_meta( $chart->ID, Visualizer_Plugin::CF_SERIES, true );
	626	+
	627	+ if ( isset( $settings['series'] ) && ! ( count( $settings['series'] ) - count( $series ) > 1 ) ) {
	628	+ $diff_total_series = abs( count( $settings['series'] ) - count( $series ) );
	629	+ if ( $diff_total_series ) {
	630	+ foreach ( range( 1, $diff_total_series ) as $k => $diff_series ) {
	631	+ $settings['series'][] = end( $settings['series'] );
	632	+ }
	633	+ }
	634	+ }
	635	+ $chart_data = array(
	636	+ 'chart' => $chart,
	637	+ 'type' => get_post_meta( $chart->ID, Visualizer_Plugin::CF_CHART_TYPE, true ),
	638	+ 'settings' => $settings,
	639	+ 'series' => $series,
	640	+ 'chart_image' => get_post_meta( $chart->ID, Visualizer_Plugin::CF_CHART_IMAGE, true ),
	641	+ );
	642	+
	643	+ // Put the results in a transient. Expire after 12 hours.
	644	+ set_transient( $cache_key, $chart_data, apply_filters( Visualizer_Plugin::FILTER_HANDLE_CACHE_EXPIRATION_TIME, 12 * HOUR_IN_SECONDS ) );
	645	+ return $chart_data;
	646	+ }
	647	+
	648	+ return false;
	649	+ }
	650	+
	651	+ /**
	652	+ * Print footer script.
	653	+ */
	654	+ public function printFooterScripts() {
	655	+ if ( $this->lazy_render_script ) {
	656	+ ?>
	657	+ <script type="text/javascript">
	658	+ var visualizerUserInteractionEvents = [
	659	+ "mouseover",
	660	+ "keydown",
	661	+ "touchmove",
	662	+ "touchstart"
	663	+ ];
	664	+
	665	+ visualizerUserInteractionEvents.forEach(function(event) {
	666	+ window.addEventListener(event, visualizerTriggerScriptLoader, { passive: true });
	667	+ });
	668	+
	669	+ function visualizerTriggerScriptLoader() {
	670	+ visualizerLoadScripts();
	671	+ visualizerUserInteractionEvents.forEach(function(event) {
	672	+ window.removeEventListener(event, visualizerTriggerScriptLoader, { passive: true });
	673	+ });
	674	+ }
	675	+
	676	+ function visualizerLoadScripts() {
	677	+ document.querySelectorAll("script[data-visualizer-script]").forEach(function(elem) {
	678	+ jQuery.getScript( elem.getAttribute("data-visualizer-script") )
	679	+ .done( function( script, textStatus ) {
	680	+ elem.setAttribute("src", elem.getAttribute("data-visualizer-script"));
	681	+ elem.removeAttribute("data-visualizer-script");
	682	+ setTimeout( function() {
	683	+ visualizerRefreshChart();
	684	+ } );
	685	+ } );
	686	+ });
	687	+ }
	688	+
	689	+ function visualizerRefreshChart() {
	690	+ jQuery( '.visualizer-front:not(.visualizer-chart-loaded)' ).resize();
	691	+ if ( jQuery( 'div.viz-facade-loaded:not(.visualizer-lazy):empty' ).length > 0 ) {
	692	+ visualizerUserInteractionEvents.forEach( function( event ) {
	693	+ window.addEventListener( event, function() {
	694	+ jQuery( '.visualizer-front:not(.visualizer-chart-loaded)' ).resize();
	695	+ }, { passive: true } );
	696	+ } );
	697	+ }
	698	+ }
	699	+ </script>
	700	+ <?php
	701	+ }
283	702	}
284	703	}