← All changes | js/render-facade.js +6 -95 3.10.2 → 3.3.4 View file →

		@@ -1,24 +1,13 @@
1	1	/* global console */
2	2	/* global visualizer */
3	3	/* global jQuery */
4		-var vizClipboard1=null;
	4	+
5	5	(function($, visualizer){
6	6
7	7	function initActionsButtons(v) {
8		- if($('a.visualizer-chart-shortcode').length > 0 && vizClipboard1 === null) {
9		- vizClipboard1 = new ClipboardJS('a.visualizer-chart-shortcode'); // jshint ignore:line
10		- vizClipboard1.on('success', function(e) {
11		- window.alert(v.i10n['copied']);
12		-
13		- });
14		- }
15		-
16	8	if($('a.visualizer-action[data-visualizer-type=copy]').length > 0) {
17		- $('a.visualizer-action[data-visualizer-type=copy]').on('click', function(e) {
18		- e.preventDefault();
19		- });
20		- var clipboard = new ClipboardJS('a.visualizer-action[data-visualizer-type=copy]'); // jshint ignore:line
	9	+ var clipboard = new Clipboard('a.visualizer-action[data-visualizer-type=copy]'); // jshint ignore:line
21	10	clipboard.on('success', function(e) {
22	11	window.alert(v.i10n['copied']);
23	12	});
24	13	}
		@@ -27,15 +16,13 @@
27	16	var chart = $(this).attr( 'data-visualizer-chart-id' );
28	17	var container = $(this).attr( 'data-visualizer-container-id' );
29	18	var lock = $('.visualizer-front.visualizer-front-' + chart);
30	19	var mime = $(this).attr( 'data-visualizer-mime' );
	20	+ console.log(mime);
31	21	lock.lock();
32	22	e.preventDefault();
33	23	$.ajax({
34	24	url : v.rest_url.replace('#id#', chart).replace('#type#', type),
35		- beforeSend: function ( xhr ) {
36		- xhr.setRequestHeader( 'X-WP-Nonce', v.wp_nonce );
37		- },
38	25	success: function(data) {
39	26	if (data && data.data) {
40	27	switch(type){
41	28	case 'csv':
		@@ -68,10 +55,9 @@
68	55	$a.remove();
69	56	}
70	57	break;
71	58	case 'print':
72		- case 'image':
73		- $('body').trigger('visualizer:action:specificchart', {action: type, id: container, data: data.data.csv, dataObj: data.data});
	59	+ $('body').trigger('visualizer:action:specificchart', {action: 'print', id: container, data: data.data.csv});
74	60	break;
75	61	default:
76	62	if(window.visualizer_perform_action) {
77	63	window.visualizer_perform_action(type, chart, data.data);
		@@ -94,88 +80,13 @@
94	80	return buf;
95	81	}
96	82
97	83	$(document).ready(function(){
98		-
99		- // for updating the currently displayed chart (preview mode)
100		- window.vizUpdateChartPreview = function(){
101		- var event = new CustomEvent('visualizer:render:currentchart:update', {detail: {visualizer: visualizer}});
102		- document.body.dispatchEvent(event);
103		- };
104		-
105		- initChartDisplay();
	84	+ $('body').trigger('visualizer:render:chart:start', visualizer);
106	85	initActionsButtons(visualizer);
107	86	registerDefaultActions();
108	87	});
109	88
110		- // Refresh charts if chart not generated.
111		- function refreshEachCharts() {
112		- setTimeout( function() {
113		- displayChartsOnFrontEnd();
114		- }, 100 );
115		- }
116		-
117		- function initChartDisplay() {
118		- if(visualizer.is_front == true){ // jshint ignore:line
119		- displayChartsOnFrontEnd();
120		- }else{
121		- showChart();
122		- }
123		- }
124		-
125		- /**
126		- * If an `id` is provided, that particular chart will load.
127		- */
128		- function showChart(id) {
129		- // clone the visualizer object so that the original object is not affected.
130		- var viz = Object.assign(visualizer, window.visualizer || {});
131		- if(id){
132		- viz.id = id;
133		- }
134		- $('body').trigger('visualizer:render:chart:start', viz);
135		- }
136		-
137		- function displayChartsOnFrontEnd() {
138		- // display all charts that are NOT to be lazy-loaded.
139		- $( 'div.viz-facade-loaded:not(.visualizer-lazy):not(.visualizer-cw-error):empty' ).removeClass( 'viz-facade-loaded' );
140		- $('div.visualizer-front:not(.visualizer-lazy):not(.viz-facade-loaded)').each(function(index, element){
141		- if ( $(element).is(':visible') ) {
142		- var id = $(element).addClass('viz-facade-loaded').attr('id');
143		- showChart(id);
144		- }
145		- refreshEachCharts();
146		- });
147		-
148		- // interate through all charts that are to be lazy-loaded and observe each one.
149		- $('div.visualizer-front.visualizer-lazy').each(function(index, element){
150		- var id = $(element).attr('id');
151		- var limit = $(element).attr('data-lazy-limit');
152		- if(!limit){
153		- limit = 300;
154		- }
155		- var target = document.querySelector('#' + id);
156		-
157		- // configure the intersection observer instance
158		- var intersectionObserverOptions = {
159		- root: null,
160		- rootMargin: limit + 'px',
161		- threshold: 0
162		- };
163		-
164		- var observer = new IntersectionObserver(function(entries) {
165		- entries.forEach(function(entry) {
166		- if (entry.isIntersecting) {
167		- observer.unobserve(target);
168		- showChart($(entry.target).attr('id'));
169		- }
170		- });
171		- }, intersectionObserverOptions);
172		-
173		- // start observing.
174		- observer.observe(target);
175		- });
176		- }
177		-
178	89	function registerDefaultActions(){
179	90	$('body').off('visualizer:action:specificchart:defaultprint').on('visualizer:action:specificchart:defaultprint', function(event, v){
180	91	var iframe = $('<iframe>').attr("name", "print-visualization").attr("id", "print-visualization").css("position", "absolute");
181	92	iframe.appendTo($('body'));
		@@ -238,5 +149,5 @@
238	149	});
239	150
240	151	return $(this);
241	152	};
242		-})(jQuery);
	153	+})(jQuery);