← All changes | js/library.js +72 -165 3.10.0 → 1.1.2 View file →

		@@ -1,188 +1,95 @@
1		-/* global visualizer */
2		-/* global alert */
	1	+(function(wpmv) {
	2	+ var vm, vmv;
3	3
4		-(function (wpmv) {
5		- var vm, vmv;
	4	+ vm = visualizer.media = {};
	5	+ vmv = vm.view = {};
6	6
7		- vm = visualizer.media = {};
8		- vmv = vm.view = {};
	7	+ vmv.Chart = wpmv.MediaFrame.extend({
	8	+ initialize: function() {
	9	+ var self = this;
9	10
10		- vmv.Chart = wpmv.MediaFrame.extend({
11		- initialize: function () {
12		- var self = this;
	11	+ _.defaults(self.options, {
	12	+ action: '',
	13	+ state: 'iframe:visualizer'
	14	+ });
13	15
14		- _.defaults(self.options, {
15		- action: '',
16		- state: 'iframe:visualizer'
17		- });
	16	+ wpmv.MediaFrame.prototype.initialize.apply(self, arguments);
18	17
19		- wpmv.MediaFrame.prototype.initialize.apply(self, arguments);
	18	+ wpmv.settings.tabUrl = self.options.action;
	19	+ self.createIframeStates();
	20	+ },
20	21
21		- wpmv.settings.tabUrl = self.options.action;
22		- self.createIframeStates();
23		- },
24		-
25		- open: function () {
26		- try{
27		- wpmv.MediaFrame.prototype.open.apply(this, arguments);
28		- }catch(error){
29		- alert(visualizer.i10n.conflict);
30		- }
31		- this.$el.addClass('hide-menu');
32		- }
33		- });
	22	+ open: function() {
	23	+ wpmv.MediaFrame.prototype.open.apply(this, arguments);
	24	+ this.$el.addClass('hide-menu');
	25	+ }
	26	+ });
34	27	})(wp.media.view);
35	28
36		-(function ($, vmv, vu) {
37		- var resizeTimeout;
	29	+(function($, vmv, vu) {
	30	+ var resizeTimeout;
38	31
39		- $.fn.adjust = function () {
40		- return $(this).each(function () {
41		- var width = $('#visualizer-library').width(),
42		- margin = width * 0.02;
	32	+ $.fn.adjust = function() {
	33	+ return $(this).each(function() {
	34	+ var width = $('#visualizer-library').width(),
	35	+ margin = width * 0.02;
43	36
44		- width *= 0.305;
45		- $(this).prev( '.visualizer-chart-title' ).width(width - 14);
46		- var ChartHeight = width * 0.93;
47		- if ( $( '.visualizer-nochart-canvas' ).length === 0 ) {
48		- ChartHeight = width * 0.78;
49		- if ( $( '#visualizer-sidebar' ).hasClass('one-columns') ) {
50		- ChartHeight = width * 0.92;
51		- }
52		- }
53		- $(this).width(width).height( ChartHeight );
54		- });
55		- };
	37	+ width *= 0.305;
	38	+ $(this).width(width - 14).height(width * 0.75).parent().css('margin-right', margin + 'px').css('margin-bottom', margin + 'px');
	39	+ });
	40	+ }
56	41
57		- $('.visualizer-chart-canvas').adjust();
	42	+ $('.visualizer-chart-canvas').adjust();
58	43
59		- $(document).ready(function () {
60		- // clears the filters in the library form and submits.
61		- $('#viz-lib-reset').on('click', function(e){
62		- e.preventDefault();
63		- $(this).parent('form')[0].reset();
64		- $(this).parent('form').find('.viz-filter').each(function(index, el){
65		- var tag = $(el).prop('tagName').toLowerCase() + (typeof $(el).attr('type') !== 'undefined' ? $(el).attr('type').toLowerCase() : '');
66		- switch(tag){
67		- case 'select':
68		- $(el).prop('selectedIndex', 0);
69		- break;
70		- case 'inputtext':
71		- $(el).val('');
72		- break;
73		- }
	44	+ $(document).ready(function() {
	45	+ $('.visualizer-chart').fadeIn(500);
74	46
75		- });
76		- $(this).parent('form').submit();
77		- });
	47	+ $('.visualizer-chart-shortcode').click(function(e) {
	48	+ var range, selection;
78	49
79		- $('.visualizer-chart-shortcode').click(function (e) {
80		- var range, selection;
	50	+ if (window.getSelection && document.createRange) {
	51	+ selection = window.getSelection();
	52	+ range = document.createRange();
	53	+ range.selectNodeContents(e.target);
	54	+ selection.removeAllRanges();
	55	+ selection.addRange(range);
	56	+ } else if (document.selection && document.body.createTextRange) {
	57	+ range = document.body.createTextRange();
	58	+ range.moveToElementText(e.target);
	59	+ range.select();
	60	+ }
	61	+ });
81	62
82		- if (window.getSelection && document.createRange) {
83		- selection = window.getSelection();
84		- range = document.createRange();
85		- range.selectNodeContents(e.target);
86		- selection.removeAllRanges();
87		- selection.addRange(range);
88		- } else if (document.selection && document.body.createTextRange) {
89		- range = document.body.createTextRange();
90		- range.moveToElementText(e.target);
91		- range.select();
92		- }
93		- });
	63	+ $('.add-new-h2').click(function() {
	64	+ var wnd = window,
	65	+ view = new vmv.Chart({action: vu.create});
94	66
95		- $( '.visualizer-languages-list' ).on( 'click', '[data-lang_code]', function() {
96		- if ( $(this).find( 'i' ).hasClass( 'otgs-ico-add' ) ) {
97		- vu.create = vu.create + '&lang=' + $(this).data('lang_code') + '&parent_chart_id=' + $(this).data('chart');
98		- $('.add-new-chart').click();
99		- } else {
100		- vu.edit = vu.edit + '&lang=' + $(this).data('lang_code') + '&chart=' + $(this).data('chart');
101		- $('.visualizer-chart-edit').click();
102		- }
103		- } );
	67	+ wnd.send_to_editor = function() {
	68	+ wnd.location.href = vu.base;
	69	+ };
	70	+ view.open();
104	71
105		- $('.add-new-chart').click(function () {
106		- var wnd = window,
107		- view = new vmv.Chart({action: vu.create});
108		- vu.create = vu.create.replace(/[\?&]lang=[^&]+/, '').replace(/[\?&]parent_chart_id=[^&]+/, '');
	72	+ return false;
	73	+ });
109	74
110		- window.parent.addEventListener('message', function(event){
111		- switch(event.data) {
112		- case 'visualizer:mediaframe:close':
113		- view.close();
114		- break;
115		- }
116		- }, false);
	75	+ $('.visualizer-chart-edit').click(function() {
	76	+ var wnd = window,
	77	+ view = new vmv.Chart({action: vu.edit + '&chart=' + $(this).attr('data-chart')});
117	78
118		- // remove the 'type' while refreshing the library page on creation of a new chart.
119		- // this is to avoid cases where users have filtered for chart type A and end up creating chart type B
120		- // remove 'vaction' as well so that additional actions are removed
121		- wnd.send_to_editor = function () {
122		- wnd.location.href = vu.base.replace(/type=[a-zA-Z]*/, '').replace(/vaction/, '');
123		- };
124		- view.open();
	79	+ wnd.send_to_editor = function() {
	80	+ wnd.location.reload();
	81	+ };
125	82
126		- return false;
127		- });
	83	+ view.open();
128	84
129		- $('.visualizer-chart-edit').click(function () {
130		- var wnd = window;
131		- var view = new vmv.Chart( {
132		- action: vu.edit.indexOf('&chart') != -1 ? vu.edit : vu.edit + '&chart=' + $(this).attr('data-chart')
133		- } );
134		- vu.edit = vu.edit.replace(/[\?&]lang=[^&]+/, '');
	85	+ return false;
	86	+ });
135	87
136		- wnd.send_to_editor = function () {
137		- wnd.location.href = wnd.location.href.replace(/vaction/, '');
138		- };
139		-
140		- view.open();
141		-
142		- return false;
143		- });
144		-
145		- $(".visualizer-chart-export").on("click", function () {
146		- $.ajax({
147		- url: $(this).attr("data-chart"),
148		- method: "get",
149		- success: function (data, textStatus, jqXHR) {
150		- var a = document.createElement("a");
151		- document.body.appendChild(a);
152		- a.style = "display: none";
153		- var blob = new Blob([data.data.csv], {type: "application/csv"}),
154		- url = window.URL.createObjectURL(blob);
155		- a.href = url;
156		- a.download = data.data.name;
157		- a.click();
158		- setTimeout(function () {
159		- window.URL.revokeObjectURL(url);
160		- }, 100);
161		- }
162		- });
163		- return false;
164		- });
165		-
166		- $(".visualizer-chart-image").on("click", function () {
167		- $('body').trigger('visualizer:action:specificchart', {action: 'image', id: $(this).attr("data-chart"), data: null, dataObj: {name: $(this).attr("data-chart-title")}});
168		- return false;
169		- });
170		-
171		- // if vaction=addnew is found as a GET request parameter, show the modal.
172		- if(location.href.indexOf('vaction=addnew') !== -1){
173		- $('.add-new-chart').first().trigger('click');
174		- }
175		-
176		- $(window).resize(function () {
177		- clearTimeout(resizeTimeout);
178		- resizeTimeout = setTimeout(function () {
179		- $('.visualizer-chart-canvas').adjust();
180		- }, 100);
181		- });
182		-
183		- $('.visualizer-error i.error').on('click', function(){
184		- alert( $(this).attr('data-viz-error') );
185		- });
186		- $('.visualizer-chart:not(.visualizer-chart-display), .visualizer-library-pagination').fadeIn(500);
187		- });
	88	+ $(window).resize(function() {
	89	+ clearTimeout(resizeTimeout);
	90	+ resizeTimeout = setTimeout(function() {
	91	+ $('.visualizer-chart-canvas').adjust();
	92	+ }, 100);
	93	+ });
	94	+ });
188	95	})(jQuery, visualizer.media.view, visualizer.urls);