templates/CRM/Contact/Page/View/Summary.js

   1 // http://civicrm.org/licensing
   2 (function($, _) {
   3
   4   var ajaxFormParams = {
   5     dataType:'json',
   6     beforeSubmit: function(arr, $form, options) {
   7       $form.block();
   8     },
   9     success: requestHandler,
  10     error: errorHandler
  11   };
  12
  13   function crmFormInline(o) {
  14     var data = o.data('edit-params');
  15     if (o.is('.crm-edit-ready .crm-inline-edit') && data) {
  16       o.animate({height: '+=50px'}, 200);
  17       data.snippet = 6;
  18       data.reset = 1;
  19       o.addClass('form');
  20       $('.crm-edit-ready').removeClass('crm-edit-ready');
  21       o.block();
  22       $.getJSON(CRM.url('civicrm/ajax/inline', data))
  23         .fail(errorHandler)
  24         .done(function(response) {
  25           o.unblock();
  26           o.css('overflow', 'hidden').wrapInner('<div class="inline-edit-hidden-content" style="display:none" />').append(response.content);
  27           // Smooth resizing
  28           var newHeight = $('.crm-container-snippet', o).height();
  29           var diff = newHeight - parseInt(o.css('height'), 10);
  30           if (diff < 0) {
  31             diff = 0 - diff;
  32           }
  33           o.animate({height: '' + newHeight + 'px'}, diff * 2, function() {
  34             o.removeAttr('style');
  35           });
  36           $('form', o).validate(CRM.validate.params);
  37           ajaxFormParams.data = data;
  38           $('form', o).ajaxForm(ajaxFormParams);
  39           o.trigger('crmLoad').trigger('crmFormLoad');
  40         });
  41     }
  42   }
  43
  44   function reloadBlock(el) {
  45     return $(el).each(function() {
  46       var data = $(this).data('edit-params');
  47       data.snippet = data.reset = 1;
  48       data.class_name = data.class_name.replace('Form', 'Page');
  49       data.type = 'page';
  50       $(this).closest('.crm-summary-block').load(CRM.url('civicrm/ajax/inline', data), function() {$(this).trigger('crmLoad');});
  51     });
  52   }
  53
  54   function requestHandler(response) {
  55     var o = $('div.crm-inline-edit.form');
  56     $('form', o).ajaxFormUnbind();
  57
  58     if (response.status == 'success' || response.status == 'cancel') {
  59       o.trigger('crmFormSuccess', [response]);
  60       $('.crm-inline-edit-container').addClass('crm-edit-ready');
  61       var data = o.data('edit-params');
  62       var dependent = o.data('dependent-fields') || [];
  63       // Clone the add-new link if replacing it, and queue the clone to be refreshed as a dependent block
  64       if (o.hasClass('add-new') && response.addressId) {
  65         data.aid = response.addressId;
  66         var clone = o.closest('.crm-summary-block').clone();
  67         o.data('edit-params', data);
  68         $('form', clone).remove();
  69         if (clone.hasClass('contactCardLeft')) {
  70           clone.removeClass('contactCardLeft').addClass('contactCardRight');
  71         }
  72         else if (clone.hasClass('contactCardRight')) {
  73           clone.removeClass('contactCardRight').addClass('contactCardLeft');
  74         }
  75         var cl = $('.crm-inline-edit', clone);
  76         var clData = cl.data('edit-params');
  77         var locNo = clData.locno++;
  78         cl.attr('id', cl.attr('id').replace(locNo, clData.locno)).removeClass('form');
  79         o.closest('.crm-summary-block').after(clone);
  80         $.merge(dependent, $('.crm-inline-edit', clone));
  81       }
  82       $('a.ui-notify-close', '#crm-notification-container').click();
  83       // Delete an address
  84       if (o.hasClass('address') && !o.hasClass('add-new') && !response.addressId) {
  85         o.parent().remove();
  86         CRM.status(ts('Address Deleted'));
  87       }
  88       else {
  89         // Reload this block plus all dependent blocks
  90         var update = $.merge([o], dependent);
  91         _.each(update, reloadBlock);
  92         CRM.status(ts('Saved'));
  93       }
  94       // Update changelog tab and contact footer
  95       if (response.changeLog && response.changeLog.count) {
  96         CRM.tabHeader.updateCount('#tab_log', response.changeLog.count);
  97       }
  98       $("#crm-record-log").replaceWith(response.changeLog.markup);
  99       // Refresh tab contents - Simple logging
 100       if (!CRM.reloadChangeLogTab && $('#changeLog').closest('.ui-tabs-panel').data('civiCrmSnippet')) {
 101         $('#changeLog').closest('.ui-tabs-panel').crmSnippet('destroy');
 102       }
 103     }
 104     else {
 105       // Handle formRule error
 106       $('.crm-container-snippet', o).replaceWith(response.content);
 107       $('form', o).validate(CRM.validate.params);
 108       $('form', o).ajaxForm(ajaxFormParams);
 109       o.trigger('crmFormError', [response]).trigger('crmFormLoad').trigger('crmLoad');
 110     }
 111   }
 112
 113   /**
 114    * Configure optimistic locking mechanism for inplace editing
 115    *
 116    * options.ignoreLabel: string, text for a button
 117    * options.reloadLabel: string, text for a button
 118    */
 119   $.fn.crmFormContactLock = function(options) {
 120     var form = this;
 121     // AFTER ERROR: Render any "Ignore" and "Restart" buttons
 122     return this.on('crmFormError', function(event, obj, status) {
 123       var o = $(event.target);
 124       var data = o.data('edit-params');
 125       var errorTag = o.find('.update_oplock_ts');
 126       if (errorTag.length > 0) {
 127         $('<span>')
 128           .addClass('crm-lock-button')
 129           .appendTo(errorTag);
 130
 131         var buttonContainer = o.find('.crm-lock-button');
 132         $('<button>')
 133           .addClass('crm-button')
 134           .text(options.saveAnywayLabel)
 135           .click(function() {
 136             $(form).find('input[name=oplock_ts]').val(errorTag.attr('data:update_oplock_ts'));
 137             errorTag.parent().hide();
 138             $(this).closest('form').find('.crm-form-submit.default').first().click();
 139             return false;
 140           })
 141           .appendTo(buttonContainer)
 142           ;
 143         $('<button>')
 144           .addClass('crm-button')
 145           .text(options.reloadLabel)
 146           .click(function() {
 147             window.location.reload();
 148             return false;
 149           })
 150           .appendTo(buttonContainer)
 151           ;
 152       }
 153     });
 154   };
 155
 156   function errorHandler(response) {
 157     CRM.alert(ts('Unable to reach the server. Please refresh this page in your browser and try again.'), ts('Network Error'), 'error');
 158     $('.crm-inline-edit.form form').unblock();
 159   }
 160
 161   $(function() {
 162     // don't perform inline edit during print mode
 163     if (CRM.summaryPrint.mode) {
 164       $('div').removeClass('crm-inline-edit');
 165       $('.crm-inline-block-content > div.crm-edit-help').remove();
 166       $('div.crm-inline-block-content').removeAttr('title');
 167     }
 168     // Set page title
 169     var oldName = 'CiviCRM';
 170     var nameTitle = $('#crm-remove-title');
 171     if (nameTitle.length > 0) {
 172       oldName = nameTitle.text();
 173       nameTitle.parent('h1').remove();
 174     }
 175     else {
 176       $('h1').each(function() {
 177         if ($(this).text() == oldName) {
 178           $(this).remove();
 179         }
 180       });
 181     }
 182     function refreshTitle() {
 183       var contactName = $('.crm-summary-display_name').text();
 184       contactName = $.trim(contactName);
 185       document.title = $('title').html().replace(oldName, contactName);
 186       oldName = contactName;
 187     }
 188     $('#contactname-block').load(refreshTitle);
 189     refreshTitle();
 190
 191     var clicking;
 192     $('.crm-inline-edit-container')
 193       .addClass('crm-edit-ready')
 194       // Allow links inside edit blocks to be clicked without triggering edit
 195       .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) {
 196         if (event.which == 1) {
 197           event.stopPropagation();
 198           return false;
 199         }
 200       })
 201       // Respond to a click (not drag, not right-click) of crm-inline-edit blocks
 202       .on('mousedown', '.crm-inline-edit:not(.form)', function(button) {
 203         if (button.which == 1) {
 204           clicking = this;
 205           setTimeout(function() {clicking = null;}, 500);
 206         }
 207       })
 208       .on('mouseup', '.crm-inline-edit:not(.form)', function(button) {
 209         if (clicking === this && button.which == 1) {
 210           crmFormInline($(this));
 211         }
 212       })
 213       // Inline edit form cancel button
 214       .on('click', '.crm-inline-edit :submit[name$=cancel]', function() {
 215         var container = $(this).closest('.crm-inline-edit.form');
 216         $('form', container).ajaxFormUnbind();
 217         $('.inline-edit-hidden-content', container).nextAll().remove();
 218         $('.inline-edit-hidden-content > *:first-child', container).unwrap();
 219         container.removeClass('form');
 220         $('.crm-inline-edit-container').addClass('crm-edit-ready');
 221         $('a.ui-notify-close', '#crm-notification-container').click();
 222         return false;
 223       })
 224       // Switch tabs when clicking tag link
 225       .on('click', '#tagLink a', function() {
 226         $('#tab_tag a').click();
 227         return false;
 228       })
 229       // make sure only one is_primary radio is checked
 230       .on('change', '[class$=is_primary] input', function() {
 231         if ($(this).is(':checked')) {
 232           $('[class$=is_primary] input', $(this).closest('form')).not(this).prop('checked', false);
 233         }
 234       })
 235       // make sure only one builk_mail radio is checked
 236       .on('change', '.crm-email-bulkmail input', function(){
 237         if ($(this).is(':checked')) {
 238           $('.crm-email-bulkmail input').not(this).prop('checked', false);
 239         }
 240       })
 241       // handle delete link within blocks
 242       .on('click', '.crm-delete-inline', function(e) {
 243         var row = $(this).closest('tr');
 244         var form = $(this).closest('form');
 245         row.hide();
 246         $('input', row).val('');
 247         //if the primary is checked for deleted block
 248         //unset and set first as primary
 249         if ($('[class$=is_primary] input:checked', row).length > 0) {
 250           $('[class$=is_primary] input', row).prop('checked', false);
 251           $('[class$=is_primary] input:first', form).prop('checked', true );
 252         }
 253         $('.add-more-inline', form).show();
 254         e.preventDefault();
 255       })
 256       // Delete an address
 257       .on('click', '.crm-inline-edit.address .delete-button', function() {
 258          var $block = $(this).closest('.crm-inline-edit.address');
 259          CRM.confirm(function() {
 260             CRM.api('address', 'delete', {id: $block.data('edit-params').aid}, {success:
 261               function(data) {
 262                 CRM.status(ts('Address Deleted'));
 263                 $('.crm-inline-edit-container').addClass('crm-edit-ready');
 264                 $block.remove();
 265               }
 266             });
 267           },
 268           {
 269           message: ts('Are you sure you want to delete this address?')
 270           }
 271         );
 272         return false;
 273       })
 274       // add more and set focus to new row
 275       .on('click', '.add-more-inline', function(e) {
 276         var form = $(this).closest('form');
 277         var row = $('tr[class="hiddenElement"]:first', form);
 278         row.removeClass('hiddenElement');
 279         $('input:focus', form).blur();
 280         $('input:first', row).focus();
 281         if ($('tr[class="hiddenElement"]').length < 1) {
 282           $(this).hide();
 283         }
 284         e.preventDefault();
 285       });
 286     // Trigger cancel button on esc keypress
 287     $(document).keydown(function(key) {
 288       if (key.which == 27) {
 289         $('.crm-inline-edit.form :submit[name$=cancel]').click();
 290       }
 291     });
 292     $('#crm-container')
 293       // Switch tabs when clicking log link
 294       .on('click', '#crm-record-log a.crm-log-view', function() {
 295         $('#tab_log a').click();
 296         return false;
 297       })
 298       // Handle action links in popup
 299       .on('click', '.crm-contact_actions-list a, .crm-contact_activities-list a', function(e) {
 300         $('#crm-contact-actions-list').hide();
 301         if ($(this).attr('href') === '#') {
 302           var $tab = $('#tab_' + ($(this).data('tab') || 'summary'));
 303           CRM.tabHeader.focus($tab);
 304           e.preventDefault();
 305         } else {
 306           CRM.popup.call(this, e);
 307         }
 308       })
 309       .on('crmPopupFormSuccess',  '.crm-contact_actions-list a, .crm-contact_activities-list a', function() {
 310         var $tab = $('#tab_' + ($(this).data('tab') || 'summary'));
 311         CRM.tabHeader.resetTab($tab);
 312         CRM.tabHeader.focus($tab);
 313       });
 314     $(document)
 315       // Actions menu
 316       .on('click', function(e) {
 317         if ($(e.target).is('#crm-contact-actions-link, #crm-contact-actions-link *')) {
 318           $('#crm-contact-actions-list').show();
 319           return false;
 320         }
 321         $('#crm-contact-actions-list').hide();
 322       })
 323       .on('crmFormSuccess', function(e, data) {
 324         // Reload changelog whenever an inline or popup form submits
 325         CRM.reloadChangeLogTab && CRM.reloadChangeLogTab();
 326         // Refresh dependent blocks
 327         if (data && data.reloadBlocks) {
 328           _.each(data.reloadBlocks, reloadBlock);
 329         }
 330       });
 331   });
 332 })(CRM.$, CRM._);