76d7bb46927f73a275ed8decca64bfb08b842c65
1 // http://civicrm.org/licensing
3 // FIXME: Much of this code is redundant with CRM.loadForm
7 beforeSubmit: function(arr
, $form
, options
) {
10 success
: requestHandler
,
14 function crmFormInline(o
) {
15 var data
= o
.data('edit-params');
16 if (o
.is('.crm-edit-ready .crm-inline-edit') && data
) {
17 o
.animate({height
: '+=50px'}, 200);
21 $('.crm-edit-ready').removeClass('crm-edit-ready');
23 $.getJSON(CRM
.url('civicrm/ajax/inline', data
))
25 .done(function(response
) {
27 o
.css('overflow', 'hidden').wrapInner('<div class="inline-edit-hidden-content" style="display:none" />').append(response
.content
);
29 var newHeight
= $('.crm-container-snippet', o
).height();
30 var diff
= newHeight
- parseInt(o
.css('height'), 10);
34 o
.animate({height
: '' + newHeight
+ 'px'}, diff
* 2, function() {
35 o
.removeAttr('style');
37 $('form', o
).validate(CRM
.validate
.params
);
38 ajaxFormParams
.data
= data
;
39 $('form', o
).ajaxForm(ajaxFormParams
);
40 o
.trigger('crmLoad').trigger('crmFormLoad');
45 function reloadBlock(el
) {
46 return $(el
).each(function() {
47 var data
= $(this).data('edit-params');
48 data
.snippet
= data
.reset
= 1;
49 data
.class_name
= data
.class_name
.replace('Form', 'Page');
51 $(this).closest('.crm-summary-block').load(CRM
.url('civicrm/ajax/inline', data
), function() {$(this).trigger('crmLoad');});
55 function requestHandler(response
) {
56 var o
= $('div.crm-inline-edit.form');
57 $('form', o
).ajaxFormUnbind();
59 if (response
.status
== 'success' || response
.status
== 'cancel') {
60 o
.trigger('crmFormSuccess', [response
]);
61 $('.crm-inline-edit-container').addClass('crm-edit-ready');
62 var data
= o
.data('edit-params');
63 var dependent
= $((o
.data('dependent-fields') || []).join(','));
64 // Clone the add-new link if replacing it, and queue the clone to be refreshed as a dependent block
65 if (o
.hasClass('add-new') && response
.addressId
) {
66 data
.aid
= response
.addressId
;
67 var clone
= o
.closest('.crm-summary-block').clone();
68 o
.data('edit-params', data
);
69 $('form', clone
).remove();
70 if (clone
.hasClass('contactCardLeft')) {
71 clone
.removeClass('contactCardLeft').addClass('contactCardRight');
73 else if (clone
.hasClass('contactCardRight')) {
74 clone
.removeClass('contactCardRight').addClass('contactCardLeft');
76 var cl
= $('.crm-inline-edit', clone
);
77 var clData
= cl
.data('edit-params');
78 var locNo
= clData
.locno
++;
79 cl
.attr('id', cl
.attr('id').replace(locNo
, clData
.locno
)).removeClass('form');
80 o
.closest('.crm-summary-block').after(clone
);
81 dependent
= dependent
.add($('.crm-inline-edit', clone
));
83 $('a.ui-notify-close', '#crm-notification-container').click();
85 if (o
.hasClass('address') && !o
.hasClass('add-new') && !response
.addressId
) {
87 CRM
.status(ts('Address Deleted'));
90 // Reload this block plus all dependent blocks
91 reloadBlock(dependent
.add(o
));
92 CRM
.status(ts('Saved'));
96 // Handle formRule error
97 $('.crm-container-snippet', o
).replaceWith(response
.content
);
98 $('form', o
).validate(CRM
.validate
.params
);
99 $('form', o
).ajaxForm(ajaxFormParams
);
100 o
.trigger('crmFormError', [response
]).trigger('crmFormLoad').trigger('crmLoad');
105 * Configure optimistic locking mechanism for inplace editing
107 * options.ignoreLabel: string, text for a button
108 * options.reloadLabel: string, text for a button
110 $.fn
.crmFormContactLock = function(options
) {
112 // AFTER ERROR: Render any "Ignore" and "Restart" buttons
113 return this.on('crmFormError', function(event
, obj
, status
) {
114 var o
= $(event
.target
);
115 var data
= o
.data('edit-params');
116 var errorTag
= o
.find('.update_oplock_ts');
117 if (errorTag
.length
> 0) {
119 .addClass('crm-lock-button css_right')
122 var buttonContainer
= o
.find('.crm-lock-button');
124 .addClass('crm-button')
125 .text(options
.saveAnywayLabel
)
127 $(form
).find('input[name=oplock_ts]').val(errorTag
.attr('data:update_oplock_ts'));
128 errorTag
.parent().hide();
129 $(this).closest('form').find('.crm-form-submit.default').first().click();
132 .appendTo(buttonContainer
)
135 .addClass('crm-button')
136 .text(options
.reloadLabel
)
138 window
.location
.reload();
141 .appendTo(buttonContainer
)
147 function errorHandler(response
) {
148 CRM
.alert(ts('Unable to reach the server. Please refresh this page in your browser and try again.'), ts('Network Error'), 'error');
149 $('.crm-inline-edit.form form').unblock();
153 // don't perform inline edit during print mode
154 if (CRM
.summaryPrint
.mode
) {
155 $('div').removeClass('crm-inline-edit');
156 $('.crm-inline-block-content > div.crm-edit-help').remove();
157 $('div.crm-inline-block-content').removeAttr('title');
160 var oldName
= 'CiviCRM';
161 var nameTitle
= $('#crm-remove-title');
162 if (nameTitle
.length
> 0) {
163 oldName
= nameTitle
.text();
164 nameTitle
.parent('h1').remove();
167 $('h1').each(function() {
168 if ($(this).text() == oldName
) {
173 function refreshTitle() {
174 var contactName
= $('.crm-summary-display_name').text();
175 contactName
= $.trim(contactName
);
176 document
.title
= $('title').html().replace(oldName
, contactName
);
177 oldName
= contactName
;
179 $('#contactname-block').load(refreshTitle
);
183 $('.crm-inline-edit-container')
184 .addClass('crm-edit-ready')
185 // Allow links inside edit blocks to be clicked without triggering edit
186 .on('mousedown', '.crm-inline-edit:not(.form) a, .crm-inline-edit:not(.form) .crm-accordion-header, .crm-inline-edit:not(.form) .collapsible-title', function(event
) {
187 if (event
.which
== 1) {
188 event
.stopPropagation();
192 // Respond to a click (not drag, not right-click) of crm-inline-edit blocks
193 .on('mousedown', '.crm-inline-edit:not(.form)', function(button
) {
194 if (button
.which
== 1) {
196 setTimeout(function() {clicking
= null;}, 500);
199 .on('mouseup', '.crm-inline-edit:not(.form)', function(button
) {
200 if (clicking
=== this && button
.which
== 1) {
201 crmFormInline($(this));
204 // Inline edit form cancel button
205 .on('click', '.crm-inline-edit :submit[name$=cancel]', function() {
206 var container
= $(this).closest('.crm-inline-edit.form');
207 $('form', container
).ajaxFormUnbind();
208 $('.inline-edit-hidden-content', container
).nextAll().remove();
209 $('.inline-edit-hidden-content > *:first-child', container
).unwrap();
210 container
.removeClass('form');
211 $('.crm-inline-edit-container').addClass('crm-edit-ready');
212 $('a.ui-notify-close', '#crm-notification-container').click();
215 // Switch tabs when clicking tag link
216 .on('click', '#tagLink a', function() {
217 $('#tab_tag a').click();
220 // make sure only one is_primary radio is checked
221 .on('change', '[class$=is_primary] input', function() {
222 if ($(this).is(':checked')) {
223 $('[class$=is_primary] input', $(this).closest('form')).not(this).prop('checked', false);
226 // make sure only one builk_mail radio is checked
227 .on('change', '.crm-email-bulkmail input', function(){
228 if ($(this).is(':checked')) {
229 $('.crm-email-bulkmail input').not(this).prop('checked', false);
232 // handle delete link within blocks
233 .on('click', '.crm-delete-inline', function(e
) {
234 var row
= $(this).closest('tr');
235 var form
= $(this).closest('form');
237 $('input', row
).val('');
238 //if the primary is checked for deleted block
239 //unset and set first as primary
240 if ($('[class$=is_primary] input:checked', row
).length
> 0) {
241 $('[class$=is_primary] input', row
).prop('checked', false);
242 $('[class$=is_primary] input:first', form
).prop('checked', true );
244 $('.add-more-inline', form
).show();
248 .on('click', '.crm-inline-edit.address .delete-button', function(e
) {
249 var $block
= $(this).closest('.crm-inline-edit.address');
250 CRM
.confirm({message
: ts('Are you sure you want to delete this address?')})
251 .on('crmConfirm:yes', function() {
252 CRM
.api3('address', 'delete', {id
: $block
.data('edit-params').aid
}, true)
253 .done(function(data
) {
254 $('.crm-inline-edit-container').addClass('crm-edit-ready');
256 reloadBlock('.crm-inline-edit.address:not(.add-new)');
261 // add more and set focus to new row
262 .on('click', '.add-more-inline', function(e
) {
263 var form
= $(this).closest('form');
264 var row
= $('tr[class="hiddenElement"]:first', form
);
265 row
.removeClass('hiddenElement');
266 $('input:focus', form
).blur();
267 $('input:first', row
).focus();
268 if ($('tr[class="hiddenElement"]').length
< 1) {
273 // Trigger cancel button on esc keypress
274 $(document
).keydown(function(key
) {
275 if (key
.which
== 27) {
276 $('.crm-inline-edit.form :submit[name$=cancel]').click();
280 // Switch tabs when clicking log link
281 .on('click', '#crm-record-log a.crm-log-view', function() {
282 $('#tab_log a').click();
285 // Handle action links in popup
286 .on('click', '.crm-contact_actions-list a, .crm-contact_activities-list a', function(e
) {
287 $('#crm-contact-actions-list').hide();
288 if ($(this).attr('href') === '#') {
289 var $tab
= $('#tab_' + ($(this).data('tab') || 'summary'));
290 CRM
.tabHeader
.focus($tab
);
293 CRM
.popup
.call(this, e
);
296 .on('crmPopupFormSuccess', '.crm-contact_actions-list a, .crm-contact_activities-list a', function() {
297 var $tab
= $('#tab_' + ($(this).data('tab') || 'summary'));
298 CRM
.tabHeader
.resetTab($tab
);
299 CRM
.tabHeader
.focus($tab
);
303 .on('click', function(e
) {
304 if ($(e
.target
).is('#crm-contact-actions-link, #crm-contact-actions-link *')) {
305 $('#crm-contact-actions-list').show();
308 $('#crm-contact-actions-list').hide();
310 .on('crmFormSuccess crmLoad', function(e
, data
) {
311 // Update changelog tab and contact footer
312 if (data
&& data
.changeLog
) {
313 if (data
.changeLog
.count
) {
314 CRM
.tabHeader
.updateCount('#tab_log', data
.changeLog
.count
);
316 if (data
.changeLog
.markup
) {
317 $("#crm-record-log").replaceWith(data
.changeLog
.markup
);
321 .on('crmFormSuccess', function(e
, data
) {
322 // Advanced logging... just increment the changelog tab count to avoid the overhead of reloading the data
323 if (CRM
.incrementChangeLogTab
) {
324 CRM
.incrementChangeLogTab();
326 // Refresh changelog tab next time it is opened
327 CRM
.tabHeader
.resetTab('#tab_log');
328 // Refresh dependent blocks
329 if (data
&& data
.reloadBlocks
) {
330 reloadBlock(data
.reloadBlocks
.join(','));
335 * Make contact summary fit in small screens
337 function onResize() {
338 var contactwidth
= $('#crm-container #mainTabContainer').width();
339 if (contactwidth
< 600) {
340 $('#crm-container #mainTabContainer').addClass('narrowpage');
341 $('#crm-container #mainTabContainer.narrowpage #contactTopBar td').each(function (index
) {
343 if (index
% 2 === 0) {
344 $(this).parent().after('<tr class="narrowadded"></tr>');
347 $(this).parent().next().append(item
);
352 $('#crm-container #mainTabContainer.narrowpage').removeClass('narrowpage');
353 $('#crm-container #mainTabContainer #contactTopBar tr.narrowadded td').each(function () {
355 var parent
= $(this).parent();
356 $(this).parent().prev().append(nitem
);
357 if (parent
.children().size() === 0) {
361 $('#crm-container #mainTabContainer.narrowpage #contactTopBar tr.added').detach();
363 var cformwidth
= $('#crm-container #Contact .contact_basic_information-section').width();
365 if (cformwidth
< 720) {
366 $('#crm-container .contact_basic_information-section').addClass('narrowform');
367 $('#crm-container .contact_basic_information-section table.form-layout-compressed td .helpicon').parent().addClass('hashelpicon');
368 if (cformwidth
< 480) {
369 $('#crm-container .contact_basic_information-section').addClass('xnarrowform');
372 $('#crm-container .contact_basic_information-section.xnarrowform').removeClass('xnarrowform');
376 $('#crm-container .contact_basic_information-section.narrowform').removeClass('narrowform');
377 $('#crm-container .contact_basic_information-section.xnarrowform').removeClass('xnarrowform');
382 $(window
).resize(onResize
);