templates/CRM/Event/Form/Participant.tpl

   1 {*
   2  +--------------------------------------------------------------------+
   3  | CiviCRM version 4.4                                                |
   4  +--------------------------------------------------------------------+
   5  | Copyright CiviCRM LLC (c) 2004-2013                                |
   6  +--------------------------------------------------------------------+
   7  | This file is a part of CiviCRM.                                    |
   8  |                                                                    |
   9  | CiviCRM is free software; you can copy, modify, and distribute it  |
  10  | under the terms of the GNU Affero General Public License           |
  11  | Version 3, 19 November 2007 and the CiviCRM Licensing Exception.   |
  12  |                                                                    |
  13  | CiviCRM is distributed in the hope that it will be useful, but     |
  14  | WITHOUT ANY WARRANTY; without even the implied warranty of         |
  15  | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.               |
  16  | See the GNU Affero General Public License for more details.        |
  17  |                                                                    |
  18  | You should have received a copy of the GNU Affero General Public   |
  19  | License and the CiviCRM Licensing Exception along                  |
  20  | with this program; if not, contact CiviCRM LLC                     |
  21  | at info[AT]civicrm[DOT]org. If you have questions about the        |
  22  | GNU Affero General Public License or the licensing of CiviCRM,     |
  23  | see the CiviCRM license FAQ at http://civicrm.org/licensing        |
  24  +--------------------------------------------------------------------+
  25 *}
  26 {* This template is used for adding/editing/deleting offline Event Registrations *}
  27
  28 {* Ajax callback for showing event fee snippet *}
  29 {if $showFeeBlock}
  30   {if $priceSet}
  31   <div id='validate_pricefield' class='messages crm-error hiddenElement'></div>
  32     {literal}
  33     <script type="text/javascript">
  34
  35     var fieldOptionsFull = new Array( );
  36     {/literal}
  37     {foreach from=$priceSet.fields item=fldElement key=fldId}
  38       {if $fldElement.options}
  39         {foreach from=$fldElement.options item=fldOptions key=opId}
  40           {if $fldOptions.is_full}
  41             {literal}
  42               fieldOptionsFull[{/literal}{$fldId}{literal}] = new Array( );
  43             fieldOptionsFull[{/literal}{$fldId}{literal}][{/literal}{$opId}{literal}] = 1;
  44           {/literal}
  45           {/if}
  46         {/foreach}
  47       {/if}
  48     {/foreach}
  49     {literal}
  50
  51     if ( fieldOptionsFull.length > 0 ) {
  52       cj(function() {
  53         cj("input,#priceset select,#priceset").each(function () {
  54           if ( cj(this).attr('price') ) {
  55             switch( cj(this).attr('type') ) {
  56               case 'checkbox':
  57               case 'radio':
  58                 cj(this).click( function() {
  59                   validatePriceField(this);
  60                 });
  61                 break;
  62
  63               case 'select-one':
  64                 cj(this).change( function() {
  65                   validatePriceField(this);
  66                 });
  67                 break;
  68               case 'text':
  69                 cj(this).bind( 'keyup', function() { validatePriceField(this) });
  70                 break;
  71             }
  72           }
  73         });
  74       });
  75
  76       function validatePriceField( obj ) {
  77         var namePart =  cj(obj).attr('name').split('_');
  78         var fldVal  =  cj(obj).val();
  79         if ( cj(obj).attr('type') == 'checkbox') {
  80           var eleIdpart = namePart[1].split('[');
  81           var eleId = eleIdpart[0];
  82         }
  83         else {
  84           var eleId  = namePart[1];
  85         }
  86         var showError = false;
  87
  88         switch( cj(obj).attr('type') ) {
  89           case 'text':
  90             if ( fieldOptionsFull[eleId] && fldVal ) {
  91               showError = true;
  92               cj(obj).parent( ).parent( ).children('.label').addClass('crm-error');
  93             }
  94             else {
  95               cj(obj).parent( ).parent( ).children('.label').removeClass('crm-error');
  96               cj('#validate_pricefield').hide( ).html('');
  97             }
  98             break;
  99
 100           case 'checkbox':
 101             var checkBoxValue = eleIdpart[1].split(']');
 102             if ( cj(obj).prop("checked") == true &&
 103               fieldOptionsFull[eleId] &&
 104               fieldOptionsFull[eleId][checkBoxValue[0]]) {
 105               showError = true;
 106               cj(obj).parent( ).addClass('crm-error');
 107             }
 108             else {
 109               cj(obj).parent( ).removeClass('crm-error');
 110             }
 111             break;
 112
 113           default:
 114             if ( fieldOptionsFull[eleId] &&
 115               fieldOptionsFull[eleId][fldVal]  ) {
 116               showError = true;
 117               cj(obj).parent( ).addClass('crm-error');
 118             }
 119             else {
 120               cj(obj).parent( ).removeClass('crm-error');
 121             }
 122           }
 123
 124         if ( showError ) {
 125           cj('#validate_pricefield').show().html("<span class='icon red-icon alert-icon'></span>{/literal}{ts escape='js'}This Option is already full for this event.{/ts}{literal}");
 126         }
 127         else {
 128           cj('#validate_pricefield').hide( ).html('');
 129         }
 130       }
 131     }
 132
 133   // change the status to default 'partially paid' for partial payments
 134   var feeAmount, userModifiedAmount;
 135   var partiallyPaidStatusId = {/literal}{$partiallyPaidStatusId}{literal};
 136
 137   cj('#total_amount')
 138    .focus(
 139      function() {
 140        feeAmount = cj(this).val();
 141        feeAmount = parseInt(feeAmount);
 142      }
 143    )
 144    .change(
 145     function() {
 146       userModifiedAmount = cj(this).val();
 147       userModifiedAmount = parseInt(userModifiedAmount);
 148       if (userModifiedAmount < feeAmount) {
 149         cj('#status_id').val(partiallyPaidStatusId).change();
 150       }
 151     }
 152   );
 153
 154   cj('#Participant').on("click",'.validate',
 155     function(e) {
 156       var userSubmittedStatus = cj('#status_id').val();
 157       var statusLabel = cj('#status_id option:selected').text();
 158       if (userModifiedAmount < feeAmount && userSubmittedStatus != partiallyPaidStatusId) {
 159         var msg = "{/literal}{ts escape="js" 1="%1"}Payment amount is less than the amount owed. Expected participant status is 'Partially paid'. Are you sure you want to set the participant status to %1? Click OK to continue, Cancel to change your entries.{/ts}{literal}";
 160         var result = confirm(ts(msg, {1: statusLabel}));
 161         if (result == false) {
 162           return false;
 163         }
 164       }
 165     }
 166   );
 167   </script>
 168   {/literal}
 169   {/if}
 170   {include file="CRM/Event/Form/EventFees.tpl"}
 171
 172 {* Ajax callback for custom data snippet *}
 173 {elseif $cdType}
 174   {include file="CRM/Custom/Form/CustomData.tpl"}
 175
 176 {* Main event form template *}
 177 {else}
 178   {if $participantMode == 'test' }
 179     {assign var=registerMode value="TEST"}
 180     {elseif $participantMode == 'live'}
 181     {assign var=registerMode value="LIVE"}
 182   {/if}
 183   <h3>{if $action eq 1}{ts}New Event Registration{/ts}{elseif $action eq 8}{ts}Delete Event Registration{/ts}{else}{ts}Edit Event Registration{/ts}{/if}</h3>
 184   <div class="crm-block crm-form-block crm-participant-form-block">
 185     <div class="view-content">
 186       {if $participantMode}
 187         <div id="help">
 188           {ts 1=$displayName 2=$registerMode}Use this form to submit an event registration on behalf of %1. <strong>A %2 transaction will be submitted</strong> using the selected payment processor.{/ts}
 189         </div>
 190       {/if}
 191       <div id="eventFullMsg" class="messages status no-popup" style="display:none;"></div>
 192
 193
 194       {if $action eq 1 AND $paid}
 195         <div id="help">
 196           {ts}If you are accepting offline payment from this participant, check <strong>Record Payment</strong>. You will be able to fill in the payment information, and optionally send a receipt.{/ts}
 197         </div>
 198       {/if}
 199
 200       {if $action eq 8} {* If action is Delete *}
 201         <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="top"}</div>
 202         <div class="crm-participant-form-block-delete messages status no-popup">
 203           <div class="crm-content">
 204             <div class="icon inform-icon"></div> &nbsp;
 205             {ts}WARNING: Deleting this registration will result in the loss of related payment records (if any).{/ts} {ts}Do you want to continue?{/ts}
 206           </div>
 207           {if $additionalParticipant}
 208             <div class="crm-content">
 209               {ts 1=$additionalParticipant} There are %1 more Participant(s) registered by this participant.{/ts}
 210             </div>
 211           {/if}
 212         </div>
 213         {if $additionalParticipant}
 214           {$form.delete_participant.html}
 215         {/if}
 216         {else} {* If action is other than Delete *}
 217         <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="top"}</div>
 218         <table class="form-layout-compressed">
 219           {if $single and $context neq 'standalone'}
 220             <tr class="crm-participant-form-block-displayName">
 221               <td class="label font-size12pt"><label>{ts}Participant{/ts}</label></td>
 222               <td class="font-size12pt view-value">{$displayName}&nbsp;</td>
 223             </tr>
 224             {else}
 225             {if !$participantMode and !$email and $outBound_option != 2 }
 226               {assign var='profileCreateCallback' value=1}
 227             {/if}
 228             <tr class="crm-participant-form-contact-id">
 229               <td class="label">{$form.contact_id.label}</td>
 230               <td>{$form.contact_id.html}</td>
 231             </tr>
 232           {/if}
 233           {if $action EQ 2}
 234             {if $additionalParticipants} {* Display others registered by this participant *}
 235               <tr class="crm-participant-form-block-additionalParticipants">
 236                 <td class="label"><label>{ts}Also Registered by this Participant{/ts}</label></td>
 237                 <td>
 238                   {foreach from=$additionalParticipants key=apName item=apURL}
 239                     <a href="{$apURL}" title="{ts}view additional participant{/ts}">{$apName}</a><br />
 240                   {/foreach}
 241                 </td>
 242               </tr>
 243             {/if}
 244             {if $registered_by_contact_id}
 245               <tr class="crm-participant-form-block-registered-by">
 246                 <td class="label"><label>{ts}Registered By{/ts}</label></td>
 247                 <td class="view-value">
 248                   <a href="{crmURL p='civicrm/contact/view/participant' q="reset=1&id=$participant_registered_by_id&cid=$registered_by_contact_id&action=view"}"
 249                      title="{ts}view primary participant{/ts}">{$registered_by_display_name}</a>
 250                 </td>
 251               </tr>
 252             {/if}
 253           {/if}
 254           {if $participantMode}
 255             <tr class="crm-participant-form-block-payment_processor_id">
 256               <td class="label nowrap">{$form.payment_processor_id.label}</td>
 257               <td>{$form.payment_processor_id.html}</td>
 258             </tr>
 259           {/if}
 260           <tr class="crm-participant-form-block-event_id">
 261             <td class="label">{$form.event_id.label}</td>
 262             <td class="view-value">
 263               {$form.event_id.html}
 264               {if $is_test}
 265                 {ts}(test){/ts}
 266               {/if}
 267             </td>
 268           </tr>
 269
 270         {* CRM-7362 --add campaign *}
 271         {include file="CRM/Campaign/Form/addCampaignToComponent.tpl" campaignTrClass="crm-participant-form-block-campaign_id"}
 272
 273           <tr class="crm-participant-form-block-role_id">
 274             <td class="label">{$form.role_id.label}</td>
 275             <td>{$form.role_id.html}</td>
 276           </tr>
 277           <tr class="crm-participant-form-block-register_date">
 278             <td class="label">{$form.register_date.label}</td>
 279             <td>
 280               {if $hideCalendar neq true}
 281                     {include file="CRM/common/jcalendar.tpl" elementName=register_date}
 282                   {else}
 283                     {$form.register_date.html|crmDate}
 284                   {/if}
 285             </td>
 286           </tr>
 287           <tr class="crm-participant-form-block-status_id">
 288             <td class="label">{$form.status_id.label}</td>
 289             <td>{$form.status_id.html}{if $event_is_test} {ts}(test){/ts}{/if}
 290               <div id="notify">{$form.is_notify.html}{$form.is_notify.label}</div>
 291             </td>
 292           </tr>
 293           <tr class="crm-participant-form-block-source">
 294             <td class="label">{$form.source.label}</td><td>{$form.source.html|crmAddClass:huge}<br />
 295             <span class="description">{ts}Source for this registration (if applicable).{/ts}</span></td>
 296           </tr>
 297         </table>
 298        {if $participantId}
 299         <table class='form-layout'>
 300           <tr>
 301             <td class='label'>{ts}Fees{/ts}</td>
 302             {* this is where the payment info is shown using CRM/Contribute/Page/PaymentInfo.tpl tpl*}
 303             <td id='payment-info'></td>
 304           </tr>
 305          </table>
 306         {/if}
 307       {* Fee block (EventFees.tpl) is injected here when an event is selected. *}
 308         <div id="feeBlock"></div>
 309         <fieldset>
 310           <table class="form-layout">
 311             <tr class="crm-participant-form-block-note">
 312               <td class="label">{$form.note.label}</td><td>{$form.note.html}</td>
 313             </tr>
 314           </table>
 315         </fieldset>
 316
 317         <div class="crm-participant-form-block-customData">
 318           <div id="customData" class="crm-customData-block"></div>  {* Participant Custom data *}
 319           <div id="customData{$eventNameCustomDataTypeID}" class="crm-customData-block"></div> {* Event Custom Data *}
 320           <div id="customData{$roleCustomDataTypeID}" class="crm-customData-block"></div> {* Role Custom Data *}
 321           <div id="customData{$eventTypeCustomDataTypeID}" class="crm-customData-block"></div> {* Role Custom Data *}
 322         </div>
 323       {/if}
 324
 325       {if $accessContribution and $action eq 2 and $rows.0.contribution_id}
 326       {include file="CRM/Contribute/Form/Selector.tpl" context="Search"}
 327       {/if}
 328
 329       <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="bottom"}</div>
 330     </div>
 331   </div>
 332   {* JS block for ADD or UPDATE actions only *}
 333   {if $action eq 1 or $action eq 2}
 334     {if $participantId}
 335       {include file="CRM/Contribute/Page/PaymentInfo.tpl" show='event-payment'}
 336     {/if}
 337
 338     {*include custom data js file*}
 339     {include file="CRM/common/customData.tpl"}
 340
 341     <script type="text/javascript">
 342       {literal}
 343       cj(function($) {
 344
 345         var $form = $('form#{/literal}{$form.formName}{literal}');
 346
 347         // don't show cart related statuses if it's disabled
 348         var pendingInCartStatusId = {/literal}{$pendingInCartStatusId}{literal};
 349         $("#status_id option[value='" + pendingInCartStatusId + "']").remove();
 350
 351         // Handle event selection
 352         $('#event_id', $form).change(function() {
 353           var eventId = $(this).val();
 354           if (!eventId) {
 355             return;
 356           }
 357           var info = $(this).select2('data').extra;
 358
 359           // Set role from default
 360           $('[name^=role_id]:checkbox', $form).each(function() {
 361             var check = $(this).is('[name="role_id[' + info.default_role_id + ']"]');
 362             if (check !== $(this).prop('checked')) {
 363               $(this).prop('checked', check).change();
 364             }
 365           });
 366
 367           // Set campaign default
 368           $('#campaign_id', $form).select2('val', info.campaign_id);
 369
 370           // Event and event-type custom data
 371           CRM.buildCustomData('Participant', eventId, {/literal}{$eventNameCustomDataTypeID}{literal});
 372           CRM.buildCustomData('Participant', info.event_type_id, {/literal}{$eventTypeCustomDataTypeID}{literal});
 373
 374           buildFeeBlock();
 375         });
 376
 377         // Handle participant role selection
 378         $('[name^=role_id]:checkbox', $form).change(function() {
 379           var roleId = $(this).attr('name').replace(/role_id\[|\]/g, '');
 380           showCustomData('Participant', roleId, {/literal}{$roleCustomDataTypeID}{literal});
 381         });
 382         $('[name^=role_id]:checked', $form).change();
 383
 384         buildFeeBlock();
 385
 386         //build discount block
 387         if ($('#discount_id', $form).val()) {
 388           buildFeeBlock($('#discount_id', $form).val());
 389         }
 390
 391         //build fee block
 392         function buildFeeBlock(discountId)  {
 393           var dataUrl = {/literal}"{crmURL p=$urlPath h=0 q="snippet=4&qfKey=$qfKey"}";
 394
 395           {if $urlPathVar}
 396           dataUrl += '&' + '{$urlPathVar}';
 397           {/if}
 398
 399           {literal}
 400           var eventId = $('#event_id').val();
 401
 402           if (eventId) {
 403             dataUrl += '&eventId=' + eventId;
 404           }
 405           else {
 406             $('#eventFullMsg').hide( );
 407             $('#feeBlock').html('');
 408             return;
 409           }
 410
 411           var participantId  = "{/literal}{$participantId}{literal}";
 412
 413           if (participantId) {
 414             dataUrl += '&participantId=' + participantId;
 415           }
 416
 417           if (discountId) {
 418             dataUrl += '&discountId=' + discountId;
 419           }
 420
 421           $.ajax({
 422             url: dataUrl,
 423             async: false,
 424             global: false,
 425             success: function ( html ) {
 426               $("#feeBlock").html( html ).trigger('crmLoad');
 427             }
 428           });
 429
 430           $("#feeBlock").ajaxStart(function(){
 431             $(".disable-buttons input").prop('disabled', true);
 432           });
 433
 434           $("#feeBlock").ajaxStop(function(){
 435             $(".disable-buttons input").prop('disabled', false);
 436           });
 437
 438           //show event real full as well as waiting list message.
 439           if ( $("#hidden_eventFullMsg").val( ) ) {
 440             $( "#eventFullMsg" ).show( ).html( $("#hidden_eventFullMsg" ).val( ) );
 441           }
 442           else {
 443             $( "#eventFullMsg" ).hide( );
 444           }
 445         }
 446
 447         var roleGroupMapper = {/literal}{$participantRoleIds|@json_encode}{literal};
 448         function showCustomData( type, subType, subName ) {
 449           var dataUrl = {/literal}"{crmURL p=$urlPath h=0 q='snippet=4&type='}"{literal} + type;
 450           var roleid = "role_id_"+subType;
 451           var loadData = false;
 452
 453           if ( document.getElementById( roleid ).checked == true ) {
 454             if ( typeof roleGroupMapper !== 'undefined' && roleGroupMapper[subType] ) {
 455               var splitGroup = roleGroupMapper[subType].split(",");
 456               for ( i = 0; i < splitGroup.length; i++ ) {
 457                 var roleCustomGroupId = splitGroup[i];
 458                 if ( $( '#'+roleCustomGroupId ).length > 0 ) {
 459                   $( '#'+roleCustomGroupId ).remove( );
 460                 }
 461               }
 462               loadData = true;
 463             }
 464           }
 465           else {
 466             var groupUnload = [];
 467             var x = 0;
 468
 469             if ( roleGroupMapper[0] ) {
 470               var splitGroup = roleGroupMapper[0].split(",");
 471               for ( x = 0; x < splitGroup.length; x++ ) {
 472                 groupUnload[x] = splitGroup[x];
 473               }
 474             }
 475
 476             for ( var i in roleGroupMapper ) {
 477               if ( ( i > 0 ) && ( document.getElementById( "role_id_"+i ).checked ) ) {
 478                 var splitGroup = roleGroupMapper[i].split(",");
 479                 for ( j = 0; j < splitGroup.length; j++ ) {
 480                   groupUnload[x+j+1] = splitGroup[j];
 481                 }
 482               }
 483             }
 484
 485             if ( roleGroupMapper[subType] ) {
 486               var splitGroup = roleGroupMapper[subType].split(",");
 487               for ( i = 0; i < splitGroup.length; i++ ) {
 488                 var roleCustomGroupId = splitGroup[i];
 489                 if ( $( '#'+roleCustomGroupId ).length > 0 ) {
 490                   if ( $.inArray( roleCustomGroupId, groupUnload ) == -1  ) {
 491                     $( '#'+roleCustomGroupId ).remove( );
 492                   }
 493                 }
 494               }
 495             }
 496           }
 497
 498           if ( !( loadData ) ) {
 499             return false;
 500           }
 501
 502           if ( subType ) {
 503             dataUrl += '&subType=' + subType;
 504           }
 505
 506           if ( subName ) {
 507             dataUrl += '&subName=' + subName;
 508             $( '#customData' + subName ).show( );
 509           }
 510           else {
 511             $( '#customData' ).show( );
 512           }
 513
 514           {/literal}
 515           {if $urlPathVar}
 516             dataUrl += '&{$urlPathVar}';
 517           {/if}
 518           {if $groupID}
 519             dataUrl += '&groupID=' + '{$groupID}';
 520           {/if}
 521           {if $qfKey}
 522             dataUrl += '&qfKey=' + '{$qfKey}';
 523           {/if}
 524           {if $entityID}
 525             dataUrl += '&entityID=' + '{$entityID}';
 526           {/if}
 527
 528           {literal}
 529
 530           if ( subName && subName != 'null' ) {
 531             var fname = '#customData' + subName;
 532           }
 533           else {
 534             var fname = '#customData';
 535           }
 536
 537           var response = $.ajax({url: dataUrl,
 538             async: false
 539           }).responseText;
 540
 541           if ( subType != 'null' ) {
 542             if ( document.getElementById(roleid).checked == true ) {
 543               var response_text = '<div style="display:block;" id = '+subType+'_chk >'+response+'</div>';
 544               $( fname ).append(response_text).trigger('crmLoad');
 545             }
 546             else {
 547               $('#'+subType+'_chk').remove();
 548             }
 549           }
 550         }
 551
 552         {/literal}
 553         CRM.buildCustomData( '{$customDataType}', 'null', 'null' );
 554         {if $eventID}
 555           CRM.buildCustomData( '{$customDataType}', {$eventID}, {$eventNameCustomDataTypeID} );
 556         {/if}
 557         {if $eventTypeID}
 558           CRM.buildCustomData( '{$customDataType}', {$eventTypeID}, {$eventTypeCustomDataTypeID} );
 559         {/if}
 560         {literal}
 561
 562       });
 563     </script>
 564     {/literal}
 565
 566     {* jscript to warn if unsaved form field changes *}
 567     {include file="CRM/common/formNavigate.tpl"}
 568   {/if}
 569
 570
 571 <script type="text/javascript">
 572   {literal}
 573
 574   sendNotification();
 575   function sendNotification() {
 576     var notificationStatusIds = {/literal}"{$notificationStatusIds}"{literal};
 577     notificationStatusIds = notificationStatusIds.split(',');
 578     if (cj.inArray(cj('select#status_id option:selected').val(), notificationStatusIds) > -1) {
 579       cj("#notify").show();
 580       cj("#is_notify").prop('checked', true);
 581     }
 582     else {
 583       cj("#notify").hide();
 584       cj("#is_notify").prop('checked', false);
 585     }
 586   }
 587
 588   {/literal}
 589   {if $profileCreateCallback}
 590     {literal}
 591     function profileCreateCallback( blockNo ) {
 592       if( cj('#event_id').val( ) &&  cj('#email-receipt').length > 0 ) {
 593         checkEmail( );
 594       }
 595     }
 596     {/literal}
 597   {/if}
 598   {literal}
 599   cj(function() {
 600     cj().crmAccordions();
 601   });
 602   {/literal}
 603 </script>
 604
 605 {/if} {* end of main event block*}
 606