Commit | Line | Data |
---|---|---|
53f2643c CW |
1 | // https://civicrm.org/licensing |
2 | /** | |
3 | * @see https://wiki.civicrm.org/confluence/display/CRMDOC/AJAX+Interface | |
4 | * @see https://wiki.civicrm.org/confluence/display/CRMDOC/Ajax+Pages+and+Forms | |
5 | */ | |
1c1c1ae2 | 6 | (function($, CRM, undefined) { |
53f2643c | 7 | /** |
f0c9c7dd CW |
8 | * @param string path |
9 | * @param string|object query | |
8d83b77c | 10 | * @param string mode - optionally specify "front" or "back" |
53f2643c | 11 | */ |
0cc040cf | 12 | var tplURL; |
f0c9c7dd CW |
13 | CRM.url = function (path, query, mode) { |
14 | if (typeof path === 'object') { | |
15 | return tplURL = path; | |
53f2643c | 16 | } |
0cc040cf | 17 | if (!tplURL) { |
bba9b4f0 | 18 | CRM.console('error', 'Error: CRM.url called before initialization'); |
53f2643c | 19 | } |
8d83b77c | 20 | if (!mode) { |
f0c9c7dd | 21 | mode = CRM.config && CRM.config.isFrontend ? 'front' : 'back'; |
8d83b77c | 22 | } |
f0c9c7dd | 23 | query = query || ''; |
29bc93ee | 24 | var frag = path.split('?'); |
f0c9c7dd | 25 | var url = tplURL[mode].replace("*path*", frag[0]); |
53f2643c | 26 | |
f0c9c7dd CW |
27 | if (!query) { |
28 | url = url.replace(/[?&]\*query\*/, ''); | |
53f2643c CW |
29 | } |
30 | else { | |
f0c9c7dd | 31 | url = url.replace("*query*", typeof query === 'string' ? query : $.param(query)); |
53f2643c CW |
32 | } |
33 | if (frag[1]) { | |
f0c9c7dd | 34 | url += (url.indexOf('?') < 0 ? '?' : '&') + frag[1]; |
53f2643c CW |
35 | } |
36 | return url; | |
37 | }; | |
38 | ||
bba9b4f0 | 39 | // @deprecated |
53f2643c CW |
40 | $.extend ({'crmURL': |
41 | function (p, params) { | |
bba9b4f0 | 42 | CRM.console('warn', 'Calling crmURL from jQuery is deprecated. Please use CRM.url() instead.'); |
53f2643c CW |
43 | return CRM.url(p, params); |
44 | } | |
45 | }); | |
46 | ||
47 | $.fn.crmURL = function () { | |
48 | return this.each(function() { | |
49 | if (this.href) { | |
50 | this.href = CRM.url(this.href); | |
51 | } | |
52 | }); | |
53 | }; | |
54 | ||
55 | /** | |
56 | * AJAX api | |
57 | */ | |
58 | CRM.api3 = function(entity, action, params, status) { | |
59 | if (typeof(entity) === 'string') { | |
60 | params = { | |
61 | entity: entity, | |
62 | action: action.toLowerCase(), | |
63 | json: JSON.stringify(params || {}) | |
64 | }; | |
65 | } else { | |
66 | params = { | |
67 | entity: 'api3', | |
68 | action: 'call', | |
69 | json: JSON.stringify(entity) | |
e4f4dc22 CW |
70 | }; |
71 | status = action; | |
53f2643c CW |
72 | } |
73 | var ajax = $.ajax({ | |
74 | url: CRM.url('civicrm/ajax/rest'), | |
75 | dataType: 'json', | |
76 | data: params, | |
77 | type: params.action.indexOf('get') < 0 ? 'POST' : 'GET' | |
78 | }); | |
79 | if (status) { | |
80 | // Default status messages | |
81 | if (status === true) { | |
82 | status = {success: params.action === 'delete' ? ts('Removed') : ts('Saved')}; | |
83 | if (params.action.indexOf('get') === 0) { | |
84 | status.start = ts('Loading...'); | |
85 | status.success = null; | |
86 | } | |
87 | } | |
88 | var messages = status === true ? {} : status; | |
89 | CRM.status(status, ajax); | |
90 | } | |
91 | return ajax; | |
92 | }; | |
93 | ||
94 | /** | |
95 | * @deprecated | |
96 | * AJAX api | |
97 | */ | |
98 | CRM.api = function(entity, action, params, options) { | |
99 | // Default settings | |
100 | var settings = { | |
101 | context: null, | |
102 | success: function(result, settings) { | |
103 | return true; | |
104 | }, | |
105 | error: function(result, settings) { | |
106 | $().crmError(result.error_message, ts('Error')); | |
107 | return false; | |
108 | }, | |
109 | callBack: function(result, settings) { | |
110 | if (result.is_error == 1) { | |
111 | return settings.error.call(this, result, settings); | |
112 | } | |
113 | return settings.success.call(this, result, settings); | |
114 | }, | |
115 | ajaxURL: 'civicrm/ajax/rest' | |
116 | }; | |
117 | action = action.toLowerCase(); | |
118 | // Default success handler | |
119 | switch (action) { | |
120 | case "update": | |
121 | case "create": | |
122 | case "setvalue": | |
123 | case "replace": | |
124 | settings.success = function() { | |
125 | CRM.status(ts('Saved')); | |
126 | return true; | |
127 | }; | |
128 | break; | |
129 | case "delete": | |
130 | settings.success = function() { | |
131 | CRM.status(ts('Removed')); | |
132 | return true; | |
133 | }; | |
134 | } | |
135 | params = { | |
136 | entity: entity, | |
137 | action: action, | |
138 | json: JSON.stringify(params) | |
139 | }; | |
140 | // Pass copy of settings into closure to preserve its value during multiple requests | |
141 | (function(stg) { | |
142 | $.ajax({ | |
143 | url: stg.ajaxURL.indexOf('http') === 0 ? stg.ajaxURL : CRM.url(stg.ajaxURL), | |
144 | dataType: 'json', | |
145 | data: params, | |
146 | type: action.indexOf('get') < 0 ? 'POST' : 'GET', | |
147 | success: function(result) { | |
148 | stg.callBack.call(stg.context, result, stg); | |
149 | } | |
150 | }); | |
151 | })($.extend({}, settings, options)); | |
152 | }; | |
153 | ||
154 | /** | |
155 | * Backwards compatible with jQuery fn | |
156 | * @deprecated | |
157 | */ | |
158 | $.fn.crmAPI = function(entity, action, params, options) { | |
bba9b4f0 | 159 | CRM.console('warn', 'Calling crmAPI from jQuery is deprecated. Please use CRM.api3() instead.'); |
53f2643c CW |
160 | return CRM.api.call(this, entity, action, params, options); |
161 | }; | |
162 | ||
163 | $.widget('civi.crmSnippet', { | |
164 | options: { | |
165 | url: null, | |
166 | block: true, | |
167 | crmForm: null | |
168 | }, | |
169 | _originalContent: null, | |
170 | _originalUrl: null, | |
171 | isOriginalUrl: function() { | |
172 | var | |
173 | args = {}, | |
174 | same = true, | |
175 | newUrl = this._formatUrl(this.options.url), | |
176 | oldUrl = this._formatUrl(this._originalUrl); | |
177 | // Compare path | |
178 | if (newUrl.split('?')[0] !== oldUrl.split('?')[0]) { | |
179 | return false; | |
180 | } | |
181 | // Compare arguments | |
182 | $.each(newUrl.split('?')[1].split('&'), function(k, v) { | |
183 | var arg = v.split('='); | |
184 | args[arg[0]] = arg[1]; | |
185 | }); | |
186 | $.each(oldUrl.split('?')[1].split('&'), function(k, v) { | |
187 | var arg = v.split('='); | |
188 | if (args[arg[0]] !== undefined && arg[1] !== args[arg[0]]) { | |
189 | same = false; | |
190 | } | |
191 | }); | |
192 | return same; | |
193 | }, | |
194 | resetUrl: function() { | |
195 | this.options.url = this._originalUrl; | |
196 | }, | |
197 | _create: function() { | |
198 | this.element.addClass('crm-ajax-container'); | |
199 | if (!this.element.is('.crm-container *')) { | |
200 | this.element.addClass('crm-container'); | |
201 | } | |
202 | this._handleOrderLinks(); | |
203 | // Set default if not supplied | |
204 | this.options.url = this.options.url || document.location.href; | |
205 | this._originalUrl = this.options.url; | |
206 | }, | |
207 | _onFailure: function(data) { | |
208 | this.options.block && this.element.unblock(); | |
209 | this.element.trigger('crmAjaxFail', data); | |
210 | CRM.alert(ts('Unable to reach the server. Please refresh this page in your browser and try again.'), ts('Network Error'), 'error'); | |
211 | }, | |
61cab70a CW |
212 | _onError: function(data) { |
213 | this.element.attr('data-unsaved-changes', 'false').trigger('crmAjaxError', data); | |
f7aaf23c | 214 | if (this.options.crmForm && this.options.crmForm.autoClose && this.element.data('uiDialog')) { |
61cab70a CW |
215 | this.element.dialog('close'); |
216 | } | |
217 | }, | |
53f2643c CW |
218 | _formatUrl: function(url) { |
219 | // Strip hash | |
220 | url = url.split('#')[0]; | |
221 | // Add snippet argument to url | |
222 | if (url.search(/[&?]snippet=/) < 0) { | |
223 | url += (url.indexOf('?') < 0 ? '?' : '&') + 'snippet=json'; | |
224 | } else { | |
225 | url = url.replace(/snippet=[^&]*/, 'snippet=json'); | |
226 | } | |
227 | return url; | |
228 | }, | |
229 | // Hack to deal with civicrm legacy sort functionality | |
230 | _handleOrderLinks: function() { | |
231 | var that = this; | |
232 | $('a.crm-weight-arrow', that.element).click(function(e) { | |
233 | that.options.block && that.element.block(); | |
234 | $.getJSON(that._formatUrl(this.href)).done(function() { | |
235 | that.refresh(); | |
236 | }); | |
237 | e.stopImmediatePropagation(); | |
238 | return false; | |
239 | }); | |
240 | }, | |
241 | refresh: function() { | |
242 | var that = this; | |
243 | var url = this._formatUrl(this.options.url); | |
244 | this.options.crmForm && $('form', this.element).ajaxFormUnbind(); | |
7e13d44e CW |
245 | if (this._originalContent === null) { |
246 | this._originalContent = this.element.contents().detach(); | |
247 | } | |
1adbbe2d | 248 | this.options.block && this.element.block(); |
53f2643c | 249 | $.getJSON(url, function(data) { |
1adbbe2d | 250 | that.options.block && that.element.unblock(); |
61cab70a | 251 | if (!$.isPlainObject(data)) { |
53f2643c CW |
252 | that._onFailure(data); |
253 | return; | |
254 | } | |
61cab70a CW |
255 | if (data.status === 'error') { |
256 | that._onError(data); | |
257 | return; | |
258 | } | |
53f2643c | 259 | data.url = url; |
66663184 CW |
260 | that.element.trigger('crmBeforeLoad', data); |
261 | that._beforeRemovingContent(); | |
262 | that.element.html(data.content); | |
53f2643c CW |
263 | that._handleOrderLinks(); |
264 | that.element.trigger('crmLoad', data); | |
265 | that.options.crmForm && that.element.trigger('crmFormLoad', data); | |
266 | }).fail(function() { | |
267 | that._onFailure(); | |
268 | }); | |
269 | }, | |
66663184 CW |
270 | // Perform any cleanup needed before removing/replacing content |
271 | _beforeRemovingContent: function() { | |
272 | var that = this; | |
273 | if (window.tinyMCE && tinyMCE.editors) { | |
274 | $.each(tinyMCE.editors, function(k) { | |
275 | if ($.contains(that.element[0], this.getElement())) { | |
276 | this.remove(); | |
277 | } | |
278 | }); | |
279 | } | |
280 | this.options.crmForm && $('form', this.element).ajaxFormUnbind(); | |
281 | }, | |
53f2643c CW |
282 | _destroy: function() { |
283 | this.element.removeClass('crm-ajax-container'); | |
66663184 | 284 | this._beforeRemovingContent(); |
53f2643c CW |
285 | if (this._originalContent !== null) { |
286 | this.element.empty().append(this._originalContent); | |
287 | } | |
288 | } | |
289 | }); | |
290 | ||
98465f9e CW |
291 | var dialogCount = 0, |
292 | exclude = '[href^=#], [href^=javascript], [onclick], .no-popup, .cancel'; | |
293 | ||
53f2643c CW |
294 | CRM.loadPage = function(url, options) { |
295 | var settings = { | |
296 | target: '#crm-ajax-dialog-' + (dialogCount++), | |
297 | dialog: false | |
298 | }; | |
299 | if (!options || !options.target) { | |
300 | settings.dialog = { | |
301 | modal: true, | |
302 | width: '65%', | |
303 | height: '75%' | |
304 | }; | |
305 | } | |
306 | options && $.extend(true, settings, options); | |
307 | settings.url = url; | |
308 | // Create new dialog | |
309 | if (settings.dialog) { | |
310 | // HACK: jQuery UI doesn't support relative height | |
a1c7d42f | 311 | if (typeof settings.dialog.height === 'string' && settings.dialog.height.indexOf('%') > 0) { |
53f2643c CW |
312 | settings.dialog.height = parseInt($(window).height() * (parseFloat(settings.dialog.height)/100), 10); |
313 | } | |
314 | $('<div id="'+ settings.target.substring(1) +'"><div class="crm-loading-element">' + ts('Loading') + '...</div></div>').dialog(settings.dialog); | |
73d2716e CW |
315 | $(settings.target) |
316 | .on('dialogclose', function() { | |
317 | if ($(this).attr('data-unsaved-changes') !== 'true') { | |
318 | $(this).crmSnippet('destroy').dialog('destroy').remove(); | |
319 | } | |
320 | }) | |
321 | .on('crmLoad', function(e, data) { | |
322 | // Set title | |
323 | if (e.target === $(settings.target)[0] && data && !settings.dialog.title && data.title) { | |
324 | $(this).dialog('option', 'title', data.title); | |
325 | } | |
326 | // Adjust height to fit content (small delay to allow elements to render) | |
327 | window.setTimeout(function() { | |
28d510ab | 328 | var currentHeight = $(settings.target).parent().outerHeight(), |
73d2716e CW |
329 | padding = currentHeight - $(settings.target).height(), |
330 | newHeight = $(settings.target).prop('scrollHeight') + padding, | |
28d510ab | 331 | menuHeight = $('#civicrm-menu').outerHeight(), |
73d2716e CW |
332 | maxHeight = $(window).height() - menuHeight; |
333 | newHeight = newHeight > maxHeight ? maxHeight : newHeight; | |
334 | if (newHeight > (currentHeight + 15)) { | |
335 | $(settings.target).dialog('option', { | |
336 | position: {my: 'center', at: 'center center+' + (menuHeight / 2), of: window}, | |
337 | height: newHeight | |
338 | }); | |
339 | } | |
340 | }, 500); | |
341 | }); | |
53f2643c CW |
342 | } |
343 | $(settings.target).crmSnippet(settings).crmSnippet('refresh'); | |
344 | return $(settings.target); | |
345 | }; | |
346 | CRM.loadForm = function(url, options) { | |
55cb6db1 | 347 | var formErrors = [], settings = { |
53f2643c CW |
348 | crmForm: { |
349 | ajaxForm: {}, | |
350 | autoClose: true, | |
351 | validate: true, | |
02c82dda | 352 | refreshAction: ['next_new', 'submit_savenext', 'upload_new'], |
98465f9e CW |
353 | cancelButton: '.cancel', |
354 | openInline: 'a.open-inline, a.button, a.action-item', | |
1c1c1ae2 | 355 | onCancel: function(event) {} |
53f2643c CW |
356 | } |
357 | }; | |
358 | // Move options that belong to crmForm. Others will be passed through to crmSnippet | |
359 | options && $.each(options, function(key, value) { | |
360 | if (typeof(settings.crmForm[key]) !== 'undefined') { | |
361 | settings.crmForm[key] = value; | |
362 | } | |
363 | else { | |
364 | settings[key] = value; | |
365 | } | |
366 | }); | |
367 | ||
368 | var widget = CRM.loadPage(url, settings).off('.crmForm'); | |
369 | ||
f582fc8f | 370 | // CRM-14353 - Warn of unsaved changes for all forms except those which have opted out |
88e9380e | 371 | function cancelAction() { |
e9a3e054 | 372 | var dirty = CRM.utils.initialValueChanged($('form:not([data-warn-changes=false])', widget)); |
c4e00dbb | 373 | widget.attr('data-unsaved-changes', dirty ? 'true' : 'false'); |
7c2110fd CW |
374 | if (dirty) { |
375 | var id = widget.attr('id') + '-unsaved-alert', | |
e9a3e054 | 376 | title = widget.dialog('option', 'title'), |
15d60951 | 377 | alert = CRM.alert('<p>' + ts('%1 has not been saved.', {1: title}) + '</p><p><a href="#" id="' + id + '">' + ts('Restore') + '</a></p>', ts('Unsaved Changes'), 'alert unsaved-dialog', {expires: 60000}); |
8537b332 | 378 | $('#' + id).button({icons: {primary: 'ui-icon-arrowreturnthick-1-w'}}).click(function(e) { |
15d60951 | 379 | widget.attr('data-unsaved-changes', 'false').dialog('open'); |
8537b332 | 380 | e.preventDefault(); |
7c2110fd | 381 | }); |
88e9380e | 382 | } |
88e9380e | 383 | } |
c4e00dbb CW |
384 | |
385 | widget.data('uiDialog') && widget.on('dialogbeforeclose', function(e) { | |
386 | // CRM-14353 - Warn unsaved changes if user clicks close button or presses "esc" | |
387 | if (e.originalEvent) { | |
388 | cancelAction(); | |
389 | } | |
390 | }); | |
88e9380e | 391 | |
53f2643c | 392 | widget.on('crmFormLoad.crmForm', function(event, data) { |
298f69da CW |
393 | var $el = $(this).attr('data-unsaved-changes', 'false'), |
394 | settings = $el.crmSnippet('option', 'crmForm'); | |
7c2110fd CW |
395 | settings.cancelButton && $(settings.cancelButton, this).click(function(e) { |
396 | e.preventDefault(); | |
397 | var returnVal = settings.onCancel.call($el, e); | |
53f2643c | 398 | if (returnVal !== false) { |
7c2110fd | 399 | $el.trigger('crmFormCancel', e); |
53f2643c | 400 | if ($el.data('uiDialog') && settings.autoClose) { |
7c2110fd | 401 | cancelAction(); |
c4e00dbb | 402 | $el.dialog('close'); |
53f2643c CW |
403 | } |
404 | else if (!settings.autoClose) { | |
405 | $el.crmSnippet('resetUrl').crmSnippet('refresh'); | |
406 | } | |
407 | } | |
53f2643c CW |
408 | }); |
409 | if (settings.validate) { | |
3d527838 | 410 | $("form", this).crmValidate(); |
53f2643c | 411 | } |
cae80d9f | 412 | $("form:not('[data-no-ajax-submit=true]')", this).ajaxForm($.extend({ |
53f2643c CW |
413 | url: data.url.replace(/reset=1[&]?/, ''), |
414 | dataType: 'json', | |
415 | success: function(response) { | |
1c1c1ae2 | 416 | if (response.content === undefined) { |
53f2643c CW |
417 | $el.trigger('crmFormSuccess', response); |
418 | // Reset form for e.g. "save and new" | |
0a94ab7d | 419 | if (response.userContext && (response.status === 'redirect' || (settings.refreshAction && $.inArray(response.buttonName, settings.refreshAction) >= 0))) { |
b305fb88 CW |
420 | // Force reset of original url |
421 | $el.data('civiCrmSnippet')._originalUrl = response.userContext; | |
422 | $el.crmSnippet('resetUrl').crmSnippet('refresh'); | |
53f2643c | 423 | } |
9317128c CW |
424 | // Close if we are on the original url or the action was "delete" (in which case returning to view may be inappropriate) |
425 | else if ($el.data('uiDialog') && (settings.autoClose || response.action === 8)) { | |
53f2643c CW |
426 | $el.dialog('close'); |
427 | } | |
428 | else if (settings.autoClose === false) { | |
429 | $el.crmSnippet('resetUrl').crmSnippet('refresh'); | |
430 | } | |
431 | } | |
432 | else { | |
e309da54 | 433 | $el.crmSnippet('option', 'block') && $el.unblock(); |
53f2643c | 434 | response.url = data.url; |
1c1c1ae2 CW |
435 | $el.html(response.content).trigger('crmLoad', response).trigger('crmFormLoad', response); |
436 | if (response.status === 'form_error') { | |
55cb6db1 | 437 | formErrors = []; |
1c1c1ae2 CW |
438 | $el.trigger('crmFormError', response); |
439 | $.each(response.errors || [], function(formElement, msg) { | |
55cb6db1 | 440 | formErrors.push($('[name="'+formElement+'"]', $el).crmError(msg)); |
1c1c1ae2 CW |
441 | }); |
442 | } | |
53f2643c CW |
443 | } |
444 | }, | |
445 | beforeSerialize: function(form, options) { | |
446 | if (window.CKEDITOR && window.CKEDITOR.instances) { | |
447 | $.each(CKEDITOR.instances, function() { | |
448 | this.updateElement && this.updateElement(); | |
449 | }); | |
450 | } | |
66663184 CW |
451 | if (window.tinyMCE && tinyMCE.editors) { |
452 | $.each(tinyMCE.editors, function() { | |
453 | this.save(); | |
454 | }); | |
455 | } | |
53f2643c CW |
456 | }, |
457 | beforeSubmit: function(submission) { | |
55cb6db1 CW |
458 | $.each(formErrors, function() { |
459 | this && this.close && this.close(); | |
460 | }); | |
53f2643c CW |
461 | $el.crmSnippet('option', 'block') && $el.block(); |
462 | $el.trigger('crmFormSubmit', submission); | |
463 | } | |
464 | }, settings.ajaxForm)); | |
465 | if (settings.openInline) { | |
466 | settings.autoClose = $el.crmSnippet('isOriginalUrl'); | |
98465f9e | 467 | $(settings.openInline, this).not(exclude + ', .crm-popup').click(function(event) { |
53f2643c CW |
468 | $el.crmSnippet('option', 'url', $(this).attr('href')).crmSnippet('refresh'); |
469 | return false; | |
470 | }); | |
471 | } | |
298f69da CW |
472 | // Show form buttons as part of the dialog |
473 | if ($el.data('uiDialog')) { | |
d34e9db0 CW |
474 | var buttonContainers = '.crm-submit-buttons, .action-link', |
475 | buttons = [], | |
476 | added = []; | |
477 | $(buttonContainers, $el).find('input.crm-form-submit, a.button').each(function() { | |
298f69da CW |
478 | var $el = $(this), |
479 | label = $el.is('input') ? $el.attr('value') : $el.text(), | |
480 | identifier = $el.attr('name') || $el.attr('href'); | |
481 | if (!identifier || identifier === '#' || $.inArray(identifier, added) < 0) { | |
d34e9db0 | 482 | var $icon = $el.find('.icon'), |
abbecaf2 | 483 | button = {'data-identifier': identifier, text: label, click: function() { |
d34e9db0 CW |
484 | $el.click(); |
485 | }}; | |
486 | if ($icon.length) { | |
487 | button.icons = {primary: $icon.attr('class')}; | |
298f69da | 488 | } else { |
d34e9db0 CW |
489 | var action = $el.hasClass('cancel') ? 'close' : (identifier.substr(identifier.length-4) === '_new' ? 'plus' : 'check'); |
490 | button.icons = {primary: 'ui-icon-' + action}; | |
298f69da CW |
491 | } |
492 | buttons.push(button); | |
493 | added.push(identifier); | |
494 | } | |
d34e9db0 CW |
495 | // display:none causes the form to not submit when pressing "enter" |
496 | $el.parents(buttonContainers).css({height: 0, padding: 0, margin: 0, overflow: 'hidden'}); | |
298f69da CW |
497 | }); |
498 | $el.dialog('option', 'buttons', buttons); | |
499 | } | |
022d2163 | 500 | // Allow a button to prevent ajax submit |
1e29624c CW |
501 | $('input[data-no-ajax-submit=true]').click(function() { |
502 | $(this).closest('form').ajaxFormUnbind(); | |
503 | }); | |
53f2643c | 504 | // For convenience, focus the first field |
b18392cc | 505 | $('input[type=text], textarea, select', this).filter(':visible').first().not('.dateplugin').focus(); |
53f2643c CW |
506 | }); |
507 | return widget; | |
508 | }; | |
509 | /** | |
022d2163 | 510 | * Handler for jQuery click event e.g. $('a').click(CRM.popup); |
53f2643c | 511 | */ |
35df910c | 512 | CRM.popup = function(e) { |
53f2643c CW |
513 | var $el = $(this).first(), |
514 | url = $el.attr('href'), | |
515 | popup = $el.data('popup-type') === 'page' ? CRM.loadPage : CRM.loadForm, | |
516 | settings = $el.data('popup-settings') || {}, | |
7fe745d1 | 517 | formSuccess = false; |
53f2643c | 518 | settings.dialog = settings.dialog || {}; |
35df910c | 519 | if (e.isDefaultPrevented() || !CRM.config.ajaxPopupsEnabled || !url || $el.is(exclude)) { |
53f2643c CW |
520 | return; |
521 | } | |
a1c7d42f CW |
522 | // Sized based on css class |
523 | if ($el.hasClass('small-popup')) { | |
53f2643c CW |
524 | settings.dialog.width = 400; |
525 | settings.dialog.height = 300; | |
526 | } | |
527 | else if ($el.hasClass('medium-popup')) { | |
528 | settings.dialog.width = settings.dialog.height = '50%'; | |
529 | } | |
53f2643c CW |
530 | var dialog = popup(url, settings); |
531 | // Trigger events from the dialog on the original link element | |
532 | $el.trigger('crmPopupOpen', [dialog]); | |
4b472ff2 CW |
533 | // Listen for success events and buffer them so we only trigger once |
534 | dialog.on('crmFormSuccess.crmPopup crmPopupFormSuccess.crmPopup', function() { | |
7fe745d1 CW |
535 | formSuccess = true; |
536 | }); | |
537 | dialog.on('dialogclose.crmPopup', function(e, data) { | |
538 | if (formSuccess) { | |
539 | $el.trigger('crmPopupFormSuccess', [dialog, data]); | |
540 | } | |
541 | $el.trigger('crmPopupClose', [dialog, data]); | |
53f2643c | 542 | }); |
35df910c | 543 | e.preventDefault(); |
53f2643c | 544 | }; |
554b1768 | 545 | /** |
7e9fdecf | 546 | * An event callback for CRM.popup or a standalone function to refresh the content around a given element |
022d2163 | 547 | * @param e {event|selector} |
554b1768 CW |
548 | */ |
549 | CRM.refreshParent = function(e) { | |
550 | // Use e.target if input smells like an event, otherwise assume it's a jQuery selector | |
551 | var $el = (e.stopPropagation && e.target) ? $(e.target) : $(e), | |
552 | $table = $el.closest('.dataTable'); | |
553 | // Call native refresh method on ajax datatables | |
022d2163 | 554 | if ($table.length && $.fn.DataTable.fnIsDataTable($table[0]) && $table.dataTable().fnSettings().sAjaxSource) { |
554b1768 CW |
555 | // Refresh ALL datatables - needed for contact relationship tab |
556 | $.each($.fn.dataTable.fnTables(), function() { | |
557 | $(this).dataTable().fnSettings().sAjaxSource && $(this).unblock().dataTable().fnDraw(); | |
558 | }); | |
559 | } | |
560 | // Otherwise refresh the nearest crmSnippet | |
561 | else { | |
562 | $el.closest('.crm-ajax-container, #crm-main-content-wrapper').crmSnippet().crmSnippet('refresh'); | |
563 | } | |
564 | }; | |
a1c7d42f CW |
565 | |
566 | $(function($) { | |
15d60951 CW |
567 | $('body') |
568 | .on('click', 'a.crm-popup', CRM.popup) | |
569 | // Close unsaved dialog messages | |
570 | .on('dialogopen', function(e) { | |
571 | $('.alert.unsaved-dialog .ui-notify-cross', '#crm-notification-container').click(); | |
572 | }) | |
573 | // Destroy old unsaved dialog | |
574 | .on('dialogcreate', function(e) { | |
575 | $('.ui-dialog-content.crm-ajax-container:hidden[data-unsaved-changes=true]').crmSnippet('destroy').dialog('destroy').remove(); | |
576 | }); | |
a1c7d42f CW |
577 | }); |
578 | ||
53f2643c | 579 | }(jQuery, CRM)); |