allow toggle back to current/future events
[civicrm-core.git] / templates / CRM / Event / Form / Participant.tpl
1 {*
2 +--------------------------------------------------------------------+
3 | CiviCRM version 4.3 |
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 {if $showFeeBlock }
28 {if $priceSet}
29 <div id='validate_pricefield' class='messages crm-error hiddenElement'></div>
30 {literal}
31 <script type="text/javascript">
32
33 var fieldOptionsFull = new Array( );
34 {/literal}
35 {foreach from=$priceSet.fields item=fldElement key=fldId}
36 {if $fldElement.options}
37 {foreach from=$fldElement.options item=fldOptions key=opId}
38 {if $fldOptions.is_full}
39 {literal}
40 fieldOptionsFull[{/literal}{$fldId}{literal}] = new Array( );
41 fieldOptionsFull[{/literal}{$fldId}{literal}][{/literal}{$opId}{literal}] = 1;
42 {/literal}
43 {/if}
44 {/foreach}
45 {/if}
46 {/foreach}
47 {literal}
48
49 if ( fieldOptionsFull.length > 0 ) {
50 cj(function() {
51 cj("input,#priceset select,#priceset").each(function () {
52 if ( cj(this).attr('price') ) {
53 switch( cj(this).attr('type') ) {
54 case 'checkbox':
55 case 'radio':
56 cj(this).click( function() {
57 validatePriceField(this);
58 });
59 break;
60
61 case 'select-one':
62 cj(this).change( function() {
63 validatePriceField(this);
64 });
65 break;
66 case 'text':
67 cj(this).bind( 'keyup', function() { validatePriceField(this) });
68 break;
69 }
70 }
71 });
72 });
73
74 function validatePriceField( obj ) {
75 var namePart = cj(obj).attr('name').split('_');
76 var fldVal = cj(obj).val();
77 if ( cj(obj).attr('type') == 'checkbox') {
78 var eleIdpart = namePart[1].split('[');
79 var eleId = eleIdpart[0];
80 }
81 else {
82 var eleId = namePart[1];
83 }
84 var showError = false;
85
86 switch( cj(obj).attr('type') ) {
87 case 'text':
88 if ( fieldOptionsFull[eleId] && fldVal ) {
89 showError = true;
90 cj(obj).parent( ).parent( ).children('.label').addClass('crm-error');
91 }
92 else {
93 cj(obj).parent( ).parent( ).children('.label').removeClass('crm-error');
94 cj('#validate_pricefield').hide( ).html('');
95 }
96 break;
97
98 case 'checkbox':
99 var checkBoxValue = eleIdpart[1].split(']');
100 if ( cj(obj).attr("checked") == true &&
101 fieldOptionsFull[eleId] &&
102 fieldOptionsFull[eleId][checkBoxValue[0]]) {
103 showError = true;
104 cj(obj).parent( ).addClass('crm-error');
105 }
106 else {
107 cj(obj).parent( ).removeClass('crm-error');
108 }
109 break;
110
111 default:
112 if ( fieldOptionsFull[eleId] &&
113 fieldOptionsFull[eleId][fldVal] ) {
114 showError = true;
115 cj(obj).parent( ).addClass('crm-error');
116 }
117 else {
118 cj(obj).parent( ).removeClass('crm-error');
119 }
120 }
121
122 if ( showError ) {
123 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}");
124 }
125 else {
126 cj('#validate_pricefield').hide( ).html('');
127 }
128 }
129 }
130 </script>
131 {/literal}
132 {/if}
133 {include file="CRM/Event/Form/EventFees.tpl"}
134
135 {elseif $cdType }
136 {include file="CRM/Custom/Form/CustomData.tpl"}
137 {else}
138 {if $participantMode == 'test' }
139 {assign var=registerMode value="TEST"}
140 {elseif $participantMode == 'live'}
141 {assign var=registerMode value="LIVE"}
142 {/if}
143 <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>
144 <div class="crm-block crm-form-block crm-participant-form-block">
145 <div class="view-content">
146 {if $participantMode}
147 <div id="help">
148 {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}
149 </div>
150 {/if}
151 <div id="eventFullMsg" class="messages status no-popup" style="display:none;"></div>
152
153
154 {if $action eq 1 AND $paid}
155 <div id="help">
156 {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}
157 </div>
158 {/if}
159
160 {if $action eq 8} {* If action is Delete *}
161 <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="top"}</div>
162 <div class="crm-participant-form-block-delete messages status no-popup">
163 <div class="crm-content">
164 <div class="icon inform-icon"></div> &nbsp;
165 {ts}WARNING: Deleting this registration will result in the loss of related payment records (if any).{/ts} {ts}Do you want to continue?{/ts}
166 </div>
167 {if $additionalParticipant}
168 <div class="crm-content">
169 {ts 1=$additionalParticipant} There are %1 more Participant(s) registered by this participant.{/ts}
170 </div>
171 {/if}
172 </div>
173 {if $additionalParticipant}
174 {$form.delete_participant.html}
175 {/if}
176 {else} {* If action is other than Delete *}
177 <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="top"}</div>
178 <table class="form-layout-compressed">
179 {if $single and $context neq 'standalone'}
180 <tr class="crm-participant-form-block-displayName">
181 <td class="label font-size12pt"><label>{ts}Participant{/ts}</label></td>
182 <td class="font-size12pt view-value">{$displayName}&nbsp;</td>
183 </tr>
184 {else}
185 {if !$participantMode and !$email and $outBound_option != 2 }
186 {assign var='profileCreateCallback' value=1}
187 {/if}
188 {include file="CRM/Contact/Form/NewContact.tpl"}
189 {/if}
190 {if $action EQ 2}
191 {if $additionalParticipants} {* Display others registered by this participant *}
192 <tr class="crm-participant-form-block-additionalParticipants">
193 <td class="label"><label>{ts}Also Registered by this Participant{/ts}</label></td>
194 <td>
195 {foreach from=$additionalParticipants key=apName item=apURL}
196 <a href="{$apURL}" title="{ts}view additional participant{/ts}">{$apName}</a><br />
197 {/foreach}
198 </td>
199 </tr>
200 {/if}
201 {if $registered_by_contact_id}
202 <tr class="crm-participant-form-block-registered-by">
203 <td class="label"><label>{ts}Registered By{/ts}</label></td>
204 <td class="view-value">
205 <a href="{crmURL p='civicrm/contact/view/participant' q="reset=1&id=$participant_registered_by_id&cid=$registered_by_contact_id&action=view"}"
206 title="{ts}view primary participant{/ts}">{$registered_by_display_name}</a>
207 </td>
208 </tr>
209 {/if}
210 {/if}
211 {if $participantMode}
212 <tr class="crm-participant-form-block-payment_processor_id">
213 <td class="label nowrap">{$form.payment_processor_id.label}</td>
214 <td>{$form.payment_processor_id.html}</td>
215 </tr>
216 {/if}
217 <tr class="crm-participant-form-block-event_id">
218 <td class="label">{$form.event_id.label}</td><td class="view-value bold">{$form.event_id.html}&nbsp;
219 {if $action eq 1}<span id='past-event-section'>
220 <br />&raquo; <span id="showing-event-info"></span>
221 {/if}
222 {if $is_test}
223 {ts}(test){/ts}
224 {/if}
225 </td>
226 </tr>
227
228 {* CRM-7362 --add campaign *}
229 {include file="CRM/Campaign/Form/addCampaignToComponent.tpl"
230 campaignTrClass="crm-participant-form-block-campaign_id"}
231
232 <tr class="crm-participant-form-block-role_id">
233 <td class="label">{$form.role_id.label}</td>
234 <td>{$form.role_id.html}</td>
235 </tr>
236 <tr class="crm-participant-form-block-register_date">
237 <td class="label">{$form.register_date.label}</td>
238 <td>
239 {if $hideCalendar neq true}
240 {include file="CRM/common/jcalendar.tpl" elementName=register_date}
241 {else}
242 {$form.register_date.html|crmDate}
243 {/if}
244 </td>
245 </tr>
246 <tr class="crm-participant-form-block-status_id">
247 <td class="label">{$form.status_id.label}</td>
248 <td>{$form.status_id.html}{if $event_is_test} {ts}(test){/ts}{/if}
249 <div id="notify">{$form.is_notify.html}{$form.is_notify.label}</div>
250 </td>
251 </tr>
252 <tr class="crm-participant-form-block-source">
253 <td class="label">{$form.source.label}</td><td>{$form.source.html|crmAddClass:huge}<br />
254 <span class="description">{ts}Source for this registration (if applicable).{/ts}</span></td>
255 </tr>
256 </table>
257
258 {* Fee block (EventFees.tpl) is injected here when an event is selected. *}
259 <div id="feeBlock"></div>
260 <fieldset>
261 <table class="form-layout">
262 <tr class="crm-participant-form-block-note">
263 <td class="label">{$form.note.label}</td><td>{$form.note.html}</td>
264 </tr>
265 </table>
266 </fieldset>
267
268 <div class="crm-participant-form-block-customData">
269 <div id="customData" class="crm-customData-block"></div> {* Participant Custom data *}
270 <div id="customData{$eventNameCustomDataTypeID}" class="crm-customData-block"></div> {* Event Custom Data *}
271 <div id="customData{$roleCustomDataTypeID}" class="crm-customData-block"></div> {* Role Custom Data *}
272 <div id="customData{$eventTypeCustomDataTypeID}" class="crm-customData-block"></div> {* Role Custom Data *}
273 </div>
274 {/if}
275
276 {if $accessContribution and $action eq 2 and $rows.0.contribution_id}
277 {include file="CRM/Contribute/Form/Selector.tpl" context="Search"}
278 {/if}
279
280 <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="bottom"}</div>
281 </div>
282 </div>
283 {if $action eq 1 or $action eq 2}
284 {literal}
285 <script type="text/javascript">
286 // event select
287 function buildSelect( selectID, listallVal ) {
288 var elementID = '#' + selectID;
289 cj( elementID ).html('');
290 var postUrl = "{/literal}{crmURL p='civicrm/ajax/eventlist' h=0}{literal}";
291 cj.post( postUrl, {listall:listallVal}, function ( response ) {
292 response = eval( response );
293 for (i = 0; i < response.length; i++) {
294 cj( elementID ).get(0).add(new Option(response[i].name, response[i].value), document.all ? i : null);
295 }
296 getShowEventInfo(listallVal);
297 cj('input[name="past_event"]').val(listallVal);
298 cj("#feeBlock").html( '' );
299 });
300 }
301
302 {/literal}
303 {if $action eq 1}getShowEventInfo({$past});{/if}
304 {literal}
305
306 function getShowEventInfo (listallVal) {
307 switch(listallVal) {
308 case 1:
309 cj('#showing-event-info').html({/literal}'{ts}Showing all events: show{/ts}'{literal}+' <a href="#" onclick="buildSelect(\'event_id\', 0); return false;">'+{/literal}'{ts}current and future{/ts}'{literal}+'</a> | <a href="#" onclick="buildSelect(\'event_id\', 2); return false;">'+{/literal}'{ts}past three months{/ts}'{literal}+'</a>');
310 break;
311 case 2:
312 cj('#showing-event-info').html({/literal}'{ts}Showing events since three months ago: show{/ts}'{literal}+' <a href="#" onclick="buildSelect(\'event_id\', 0); return false;">'+{/literal}'{ts}current and future{/ts}'{literal}+'</a> | <a href="#" onclick="buildSelect(\'event_id\', 1); return false;">'+{/literal}'{ts}all{/ts}'{literal}+'</a>');
313 break;
314 default:
315 cj('#showing-event-info').html({/literal}'{ts}Showing current and future events: show{/ts}'{literal}+' <a href="#" onclick="buildSelect(\'event_id\', 2); return false;">'+{/literal}'{ts}past three months{/ts}'{literal}+'</a> | <a href="#" onclick="buildSelect(\'event_id\', 1); return false;">'+{/literal}'{ts}all{/ts}'{literal}+'</a>');
316 break;
317 }
318 }
319 {/literal}
320
321 {if $preloadJSSnippet}
322 {$preloadJSSnippet}
323 {else}
324 //build fee block
325 buildFeeBlock( );
326 {/if}
327
328 {literal}
329 //build discount block
330 if ( document.getElementById('discount_id') ) {
331 var discountId = document.getElementById('discount_id').value;
332 if ( discountId ) {
333 var eventId = document.getElementById('event_id').value;
334 buildFeeBlock( eventId, discountId );
335 }
336 }
337
338 function buildFeeBlock( eventId, discountId ) {
339 var dataUrl = {/literal}"{crmURL p=$urlPath h=0 q='snippet=4'}";
340 dataUrl = dataUrl + '&qfKey=' + '{$qfKey}'
341
342 {if $urlPathVar}
343 dataUrl = dataUrl + '&' + '{$urlPathVar}'
344 {/if}
345
346 {literal}
347 if ( !eventId ) {
348 var eventId = document.getElementById('event_id').value;
349 }
350
351 if ( eventId) {
352 dataUrl = dataUrl + '&eventId=' + eventId;
353 }
354 else {
355 cj('#eventFullMsg').hide( );
356 cj('#feeBlock').html('');
357 return;
358 }
359
360 var participantId = "{/literal}{$participantId}{literal}";
361
362 if ( participantId ) {
363 dataUrl = dataUrl + '&participantId=' + participantId;
364 }
365
366 if ( discountId ) {
367 dataUrl = dataUrl + '&discountId=' + discountId;
368 }
369
370 cj.ajax({
371 url: dataUrl,
372 async: false,
373 global: false,
374 success: function ( html ) {
375 cj("#feeBlock").html( html );
376 }
377 });
378
379 cj("#feeBlock").ajaxStart(function(){
380 cj(".disable-buttons input").attr('disabled', true);
381 });
382
383 cj("#feeBlock").ajaxStop(function(){
384 cj(".disable-buttons input").attr('disabled', false);
385 });
386
387 //show event real full as well as waiting list message.
388 if ( cj("#hidden_eventFullMsg").val( ) ) {
389 cj( "#eventFullMsg" ).show( ).html( cj("#hidden_eventFullMsg" ).val( ) );
390 }
391 else {
392 cj( "#eventFullMsg" ).hide( );
393 }
394 }
395
396 </script>
397 {/literal}
398
399 {*include custom data js file*}
400 {include file="CRM/common/customData.tpl"}
401 {literal}
402 <script type="text/javascript">
403 var roleGroupMapper = new Array( );
404 {/literal}
405 {foreach from=$participantRoleIds item="grps" key="rlId"}
406 {literal}
407 roleGroupMapper[{/literal}{$rlId}{literal}] = '{/literal}{$grps}{literal}';
408 {/literal}
409 {/foreach}
410 {literal}
411
412 function buildParticipantRole( eventID ) {
413 var dataUrl = "{/literal}{crmURL p='civicrm/ajax/rest' q='className=CRM_Event_Page_AJAX&fnName=participantRole&json=1&context=participant' h=0 }"{literal};
414
415 if ( !eventId ) {
416 var eventId = document.getElementById( 'event_id' ).value;
417 }
418
419 if ( eventId ) {
420 dataUrl = dataUrl + '&eventId=' + eventID;
421 }
422
423 cj.ajax({
424 url: dataUrl,
425 async: false,
426 global: false,
427 dataType: "json",
428 success: function ( response ) {
429 if ( response.role ) {
430 for ( var i in roleGroupMapper ) {
431 if ( i != 0 ) {
432 if ( i == response.role ) {
433 document.getElementById("role_id_" +i ).checked = true;
434 }
435 else {
436 document.getElementById("role_id_" +i ).checked = false;
437 }
438 showCustomData( 'Participant', i, {/literal} {$roleCustomDataTypeID} {literal} );
439 }
440 }
441 }
442 }
443 });
444 }
445
446 function showCustomData( type, subType, subName ) {
447 var dataUrl = {/literal}"{crmURL p=$urlPath h=0 q='snippet=4&type='}"{literal} + type;
448 var roleid = "role_id_"+subType;
449 var loadData = false;
450
451 if ( document.getElementById( roleid ).checked == true ) {
452 if ( roleGroupMapper[subType] ) {
453 var splitGroup = roleGroupMapper[subType].split(",");
454 for ( i = 0; i < splitGroup.length; i++ ) {
455 var roleCustomGroupId = splitGroup[i];
456 if ( cj( '#'+roleCustomGroupId ).length > 0 ) {
457 cj( '#'+roleCustomGroupId ).remove( );
458 }
459 }
460 loadData = true;
461 }
462 }
463 else {
464 var groupUnload = new Array( );
465 var x = 0;
466
467 if ( roleGroupMapper[0] ) {
468 var splitGroup = roleGroupMapper[0].split(",");
469 for ( x = 0; x < splitGroup.length; x++ ) {
470 groupUnload[x] = splitGroup[x];
471 }
472 }
473
474 for ( var i in roleGroupMapper ) {
475 if ( ( i > 0 ) && ( document.getElementById( "role_id_"+i ).checked ) ) {
476 var splitGroup = roleGroupMapper[i].split(",");
477 for ( j = 0; j < splitGroup.length; j++ ) {
478 groupUnload[x+j+1] = splitGroup[j];
479 }
480 }
481 }
482
483 if ( roleGroupMapper[subType] ) {
484 var splitGroup = roleGroupMapper[subType].split(",");
485 for ( i = 0; i < splitGroup.length; i++ ) {
486 var roleCustomGroupId = splitGroup[i];
487 if ( cj( '#'+roleCustomGroupId ).length > 0 ) {
488 if ( cj.inArray( roleCustomGroupId, groupUnload ) == -1 ) {
489 cj( '#'+roleCustomGroupId ).remove( );
490 }
491 }
492 }
493 }
494 }
495
496 if ( !( loadData ) ) {
497 return false;
498 }
499
500 if ( subType ) {
501 dataUrl = dataUrl + '&subType=' + subType;
502 }
503
504 if ( subName ) {
505 dataUrl = dataUrl + '&subName=' + subName;
506 cj( '#customData' + subName ).show( );
507 }
508 else {
509 cj( '#customData' ).show( );
510 }
511
512 {/literal}
513 {if $urlPathVar}
514 dataUrl = dataUrl + '&' + '{$urlPathVar}'
515 {/if}
516 {if $groupID}
517 dataUrl = dataUrl + '&groupID=' + '{$groupID}'
518 {/if}
519 {if $qfKey}
520 dataUrl = dataUrl + '&qfKey=' + '{$qfKey}'
521 {/if}
522 {if $entityID}
523 dataUrl = dataUrl + '&entityID=' + '{$entityID}'
524 {/if}
525
526 {literal}
527
528 if ( subName && subName != 'null' ) {
529 var fname = '#customData' + subName;
530 }
531 else {
532 var fname = '#customData';
533 }
534
535 var response = cj.ajax({url: dataUrl,
536 async: false
537 }).responseText;
538
539 if ( subType != 'null' ) {
540 if ( document.getElementById(roleid).checked == true ) {
541 var response_text = '<div style="display:block;" id = '+subType+'_chk >'+response+'</div>';
542 cj( fname ).append(response_text);
543 }
544 else {
545 cj('#'+subType+'_chk').remove();
546 }
547 }
548 }
549
550 cj(function() {
551 {/literal}
552 CRM.buildCustomData( '{$customDataType}', 'null', 'null' );
553 {literal}
554 for ( var i in roleGroupMapper ) {
555 if ( ( i > 0 ) && ( document.getElementById( "role_id_"+i ).checked ) ) {
556 {/literal}
557 showCustomData( '{$customDataType}', i, {$roleCustomDataTypeID} );
558 {literal}
559 }
560 }
561 {/literal}
562 {if $eventID}
563 CRM.buildCustomData( '{$customDataType}', {$eventID}, {$eventNameCustomDataTypeID} );
564 {/if}
565 {if $eventTypeID}
566 CRM.buildCustomData( '{$customDataType}', {$eventTypeID}, {$eventTypeCustomDataTypeID} );
567 {/if}
568 {literal}
569
570 //call pane js
571 cj().crmAccordions();
572 });
573 </script>
574 {/literal}
575
576 {/if}
577
578 {* include jscript to warn if unsaved form field changes *}
579 {include file="CRM/common/formNavigate.tpl"}
580
581 <script type="text/javascript">
582 {literal}
583
584 sendNotification();
585 function sendNotification() {
586 var notificationStatusIds = {/literal}"{$notificationStatusIds}"{literal};
587 notificationStatusIds = notificationStatusIds.split(',');
588 if (cj.inArray(cj('select#status_id option:selected').val(), notificationStatusIds) > -1) {
589 cj("#notify").show();
590 cj("#is_notify").attr('checked', true);
591 }
592 else {
593 cj("#notify").hide();
594 cj("#is_notify").removeAttr('checked');
595 }
596 }
597
598 function buildEventTypeCustomData( eventID, eventTypeCustomDataTypeID, eventAndTypeMapping ) {
599 var mapping = eval('(' + eventAndTypeMapping + ')');
600 CRM.buildCustomData( 'Participant', mapping[eventID], eventTypeCustomDataTypeID );
601 }
602
603 function loadCampaign( eventId, campaigns ) {
604 cj( "#campaign_id" ).val( campaigns[eventId] );
605 }
606
607 {/literal}
608 {if $profileCreateCallback}
609 {literal}
610 function profileCreateCallback( blockNo ) {
611 if( cj('#event_id').val( ) && cj('#email-receipt').length > 0 ) {
612 checkEmail( );
613 }
614 }
615 {/literal}
616 {/if}
617 </script>
618 {literal}
619 <script type="text/javascript">
620 cj(function() {
621 cj().crmAccordions();
622 });
623 </script>
624 {/literal}
625
626 {/if} {* end of main event block*}
627