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     }
  95     else {
  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');
 101     }
 102   }
 103
 104   /**
 105    * Configure optimistic locking mechanism for inplace editing
 106    *
 107    * options.ignoreLabel: string, text for a button
 108    * options.reloadLabel: string, text for a button
 109    */
 110   $.fn.crmFormContactLock = function(options) {
 111     var form = this;
 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) {
 118         $('<span>')
 119           .addClass('crm-lock-button css_right')
 120           .appendTo(errorTag);
 121
 122         var buttonContainer = o.find('.crm-lock-button');
 123         $('<button>')
 124           .addClass('crm-button')
 125           .text(options.saveAnywayLabel)
 126           .click(function() {
 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();
 130             return false;
 131           })
 132           .appendTo(buttonContainer)
 133           ;
 134         $('<button>')
 135           .addClass('crm-button')
 136           .text(options.reloadLabel)
 137           .click(function() {
 138             window.location.reload();
 139             return false;
 140           })
 141           .appendTo(buttonContainer)
 142           ;
 143       }
 144     });
 145   };
 146
 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();
 150   }
 151
 152   $(function() {
 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');
 158     }
 159     // Set page 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();
 165     }
 166     else {
 167       $('h1').each(function() {
 168         if ($(this).text() == oldName) {
 169           $(this).remove();
 170         }
 171       });
 172     }
 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;
 178     }
 179     $('#contactname-block').load(refreshTitle);
 180     refreshTitle();
 181
 182     var clicking;
 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();
 189           return false;
 190         }
 191       })
 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) {
 195           clicking = this;
 196           setTimeout(function() {clicking = null;}, 500);
 197         }
 198       })
 199       .on('mouseup', '.crm-inline-edit:not(.form)', function(button) {
 200         if (clicking === this && button.which == 1) {
 201           crmFormInline($(this));
 202         }
 203       })
 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();
 213         return false;
 214       })
 215       // Switch tabs when clicking tag link
 216       .on('click', '#tagLink a', function() {
 217         $('#tab_tag a').click();
 218         return false;
 219       })
 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);
 224         }
 225       })
 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);
 230         }
 231       })
 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');
 236         row.hide();
 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 );
 243         }
 244         $('.add-more-inline', form).show();
 245         e.preventDefault();
 246       })
 247       // Delete an address
 248       .on('click', '.crm-inline-edit.address .delete-button', function() {
 249          var $block = $(this).closest('.crm-inline-edit.address');
 250          CRM.confirm(function() {
 251             CRM.api('address', 'delete', {id: $block.data('edit-params').aid}, {success:
 252               function(data) {
 253                 CRM.status(ts('Address Deleted'));
 254                 $('.crm-inline-edit-container').addClass('crm-edit-ready');
 255                 $block.remove();
 256               }
 257             });
 258           },
 259           {
 260           message: ts('Are you sure you want to delete this address?')
 261           }
 262         );
 263         return false;
 264       })
 265       // add more and set focus to new row
 266       .on('click', '.add-more-inline', function(e) {
 267         var form = $(this).closest('form');
 268         var row = $('tr[class="hiddenElement"]:first', form);
 269         row.removeClass('hiddenElement');
 270         $('input:focus', form).blur();
 271         $('input:first', row).focus();
 272         if ($('tr[class="hiddenElement"]').length < 1) {
 273           $(this).hide();
 274         }
 275         e.preventDefault();
 276       });
 277     // Trigger cancel button on esc keypress
 278     $(document).keydown(function(key) {
 279       if (key.which == 27) {
 280         $('.crm-inline-edit.form :submit[name$=cancel]').click();
 281       }
 282     });
 283     $('#crm-container')
 284       // Switch tabs when clicking log link
 285       .on('click', '#crm-record-log a.crm-log-view', function() {
 286         $('#tab_log a').click();
 287         return false;
 288       })
 289       // Handle action links in popup
 290       .on('click', '.crm-contact_actions-list a, .crm-contact_activities-list a', function(e) {
 291         $('#crm-contact-actions-list').hide();
 292         if ($(this).attr('href') === '#') {
 293           var $tab = $('#tab_' + ($(this).data('tab') || 'summary'));
 294           CRM.tabHeader.focus($tab);
 295           e.preventDefault();
 296         } else {
 297           CRM.popup.call(this, e);
 298         }
 299       })
 300       .on('crmPopupFormSuccess',  '.crm-contact_actions-list a, .crm-contact_activities-list a', function() {
 301         var $tab = $('#tab_' + ($(this).data('tab') || 'summary'));
 302         CRM.tabHeader.resetTab($tab);
 303         CRM.tabHeader.focus($tab);
 304       });
 305     $(document)
 306       // Actions menu
 307       .on('click', function(e) {
 308         if ($(e.target).is('#crm-contact-actions-link, #crm-contact-actions-link *')) {
 309           $('#crm-contact-actions-list').show();
 310           return false;
 311         }
 312         $('#crm-contact-actions-list').hide();
 313       })
 314       .on('crmFormSuccess crmLoad', function(e, data) {
 315         // Update changelog tab and contact footer
 316         if (data && data.changeLog) {
 317           if (data.changeLog.count) {
 318             CRM.tabHeader.updateCount('#tab_log', data.changeLog.count);
 319           }
 320           if (data.changeLog.markup) {
 321             $("#crm-record-log").replaceWith(data.changeLog.markup);
 322           }
 323         }
 324       })
 325       .on('crmFormSuccess', function(e, data) {
 326         // Refresh changeLog - advanced logging
 327         if (CRM.reloadChangeLogTab) {
 328           CRM.reloadChangeLogTab();
 329         }
 330         // Refresh changeLog - simple logging
 331         // If we didn't get a changelog count in the response, force refresh the changelog tab to populate it
 332         else {
 333           CRM.tabHeader.resetTab('#tab_log', !(data && data.changeLog && data.changeLog.count));
 334         }
 335         // Refresh dependent blocks
 336         if (data && data.reloadBlocks) {
 337           _.each(data.reloadBlocks, reloadBlock);
 338         }
 339       });
 340   });
 341 })(CRM.$, CRM._);