← All changes | js/render-facade.js +23 -50 4.0.5 → 3.7.7 View file →

		@@ -1,26 +1,24 @@
1	1	/* global console */
2	2	/* global visualizer */
3	3	/* global jQuery */
4		-window['vizClipboard1'] = window['vizClipboard1'] || null;
5		-window['vizClipboard2'] = window['vizClipboard2'] || null;
	4	+
6	5	(function($, visualizer){
7		-
	6	+
8	7	function initActionsButtons(v) {
9		- if($('a.visualizer-chart-shortcode').length > 0 && vizClipboard1 === null) {
10		- vizClipboard1 = new ClipboardJS('a.visualizer-chart-shortcode'); // jshint ignore:line
11		- vizClipboard1.on('success', function(e) {
	8	+ if($('a.visualizer-chart-shortcode').length > 0) {
	9	+ var clipboard1 = new ClipboardJS('a.visualizer-chart-shortcode'); // jshint ignore:line
	10	+ clipboard1.on('success', function(e) {
12	11	window.alert(v.i10n['copied']);
13		-
14	12	});
15	13	}
16	14
17		- if($('a.visualizer-action[data-visualizer-type=copy]').length > 0 && vizClipboard2 === null) {
	15	+ if($('a.visualizer-action[data-visualizer-type=copy]').length > 0) {
18	16	$('a.visualizer-action[data-visualizer-type=copy]').on('click', function(e) {
19	17	e.preventDefault();
20	18	});
21		- vizClipboard2 = new ClipboardJS('a.visualizer-action[data-visualizer-type=copy]'); // jshint ignore:line
22		- vizClipboard2.on('success', function(e) {
	19	+ var clipboard = new ClipboardJS('a.visualizer-action[data-visualizer-type=copy]'); // jshint ignore:line
	20	+ clipboard.on('success', function(e) {
23	21	window.alert(v.i10n['copied']);
24	22	});
25	23	}
26	24	$('a.visualizer-action[data-visualizer-type!=copy]').off('click').on('click', function(e) {
		@@ -107,12 +105,19 @@
107	105	initActionsButtons(visualizer);
108	106	registerDefaultActions();
109	107	});
110	108
	109	+ // Refresh charts if chart not generated.
	110	+ function refreshEachCharts() {
	111	+ setTimeout( function() {
	112	+ displayChartsOnFrontEnd();
	113	+ }, 100 );
	114	+ }
	115	+
111	116	function initChartDisplay() {
112	117	if(visualizer.is_front == true){ // jshint ignore:line
113	118	displayChartsOnFrontEnd();
114		- } else {
	119	+ }else{
115	120	showChart();
116	121	}
117	122	}
118	123
		@@ -128,48 +133,16 @@
128	133	$('body').trigger('visualizer:render:chart:start', viz);
129	134	}
130	135
131	136	function displayChartsOnFrontEnd() {
132		- function renderVisibleLazyCharts() {
133		- $('div.visualizer-front:not(.viz-facade-loaded):not(.visualizer-lazy):not(.visualizer-cw-error):empty').each(function(index, element){
134		- // Do not render charts that are intentionally hidden.
135		- const style = window.getComputedStyle(element);
136		- if (style.display === 'none' || style.visibility === 'hidden') {
137		- return;
138		- }
139		-
140		- // Only render charts that are currently within the viewport.
141		- const rect = element.getBoundingClientRect();
142		- const inViewport = rect.bottom >= 0 && rect.top <= (window.innerHeight || document.documentElement.clientHeight);
143		- if (!inViewport) {
144		- return;
145		- }
146		-
147		- const id = $(element).addClass('viz-facade-loaded').attr('id');
148		- setTimeout(function(){
149		- // Add a short delay between each chart to avoid overloading the browser event loop.
150		- showChart(id);
151		- }, ( index + 1 ) * 100);
152		- });
153		- }
154		-
155		- $(window).on('scroll', renderVisibleLazyCharts);
156		-
157		- // Run once on page load to render any lazy charts already in the viewport.
158		- renderVisibleLazyCharts();
159		-
160		- $('div.visualizer-front-container:not(.visualizer-lazy-render)').each(function(index, element){
161		- // Do not render charts that are intentionally hidden.
162		- const style = window.getComputedStyle($(element).find('.visualizer-front')[0]);
163		- if (style.display === 'none' || style.visibility === 'hidden') {
164		- return;
	137	+ // display all charts that are NOT to be lazy-loaded.
	138	+ $( 'div.viz-facade-loaded:not(.visualizer-lazy):empty' ).removeClass( 'viz-facade-loaded' );
	139	+ $('div.visualizer-front:not(.visualizer-lazy):not(.viz-facade-loaded)').each(function(index, element){
	140	+ if ( $(element).is(':visible') ) {
	141	+ var id = $(element).addClass('viz-facade-loaded').attr('id');
	142	+ showChart(id);
165	143	}
166		-
167		- const id = $(element).find('.visualizer-front').addClass('viz-facade-loaded').attr('id');
168		- setTimeout(function(){
169		- // Add a short delay between each chart to avoid overloading the browser event loop.
170		- showChart(id);
171		- }, ( index + 1 ) * 100);
	144	+ refreshEachCharts();
172	145	});
173	146
174	147	// interate through all charts that are to be lazy-loaded and observe each one.
175	148	$('div.visualizer-front.visualizer-lazy').each(function(index, element){