templates/CRM/Contribute/Form/Contribution.tpl

   1 {*
   2  +--------------------------------------------------------------------+
   3  | CiviCRM version 5                                                  |
   4  +--------------------------------------------------------------------+
   5  | Copyright CiviCRM LLC (c) 2004-2019                                |
   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 contributions and pledge payments *}
  27
  28 {if $priceSetId}
  29   {include file="CRM/Price/Form/PriceSet.tpl" context="standalone" extends="Contribution"}
  30 {elseif $showAdditionalInfo and $formType }
  31   {include file="CRM/Contribute/Form/AdditionalInfo/$formType.tpl"}
  32 {else}
  33   {include file="CRM/Contribute/Form/AdditionalInfo/Payment.tpl"}
  34   {if $contributionMode}
  35   <div class="help">
  36     {if $contactId && $payNow}
  37       {ts 1=$displayName 2=$contributionMode|upper}Use this form to edit a contribution on behalf of %1. <strong>A
  38       %2 transaction will be submitted</strong> using the selected payment processor.{/ts}
  39     {elseif $contactId}
  40       {ts 1=$displayName 2=$contributionMode|upper}Use this form to submit a new contribution on behalf of %1. <strong>A
  41       %2 transaction will be submitted</strong> using the selected payment processor.{/ts}
  42     {else}
  43       {ts 1=$displayName 2=$contributionMode|upper}Use this form to submit a new contribution. <strong>A %2 transaction will be submitted</strong> using the selected payment processor.{/ts}
  44     {/if}
  45   </div>
  46   {/if}
  47
  48   <div class="crm-block crm-form-block crm-contribution-form-block">
  49
  50   {if !$email and $action neq 8 and $context neq 'standalone'}
  51   <div class="messages status no-popup">
  52     <div class="icon inform-icon"></div>&nbsp;{ts}You will not be able to send an automatic email receipt for this contribution because there is no email address recorded for this contact. If you want a receipt to be sent when this contribution is recorded, click Cancel and then click Edit from the Summary tab to add an email address before recording the contribution.{/ts}
  53   </div>
  54   {/if}
  55
  56   {if $action eq 8}
  57   <div class="messages status no-popup">
  58     <div class="icon inform-icon"></div>
  59     {ts}WARNING: Deleting this contribution will result in the loss of the associated financial transactions (if any).{/ts} {ts}Do you want to continue?{/ts}
  60   </div>
  61   {else}
  62     {if $newCredit AND $action EQ 1 AND $contributionMode EQ null}
  63     <div class="action-link css_right crm-link-credit-card-mode">
  64       {if $contactId}
  65         {capture assign=ccModeLink}{crmURL p='civicrm/contact/view/contribution' q="reset=1&action=add&cid=`$contactId`&context=`$context`&mode=live"}{/capture}
  66       {else}
  67         {capture assign=ccModeLink}{crmURL p='civicrm/contact/view/contribution' q="reset=1&action=add&context=standalone&mode=live"}{/capture}
  68       {/if}
  69      <a class="open-inline-noreturn action-item crm-hover-button" href="{$ccModeLink}">&raquo; {ts}submit credit card contribution{/ts}</a>
  70     </div>
  71     {/if}
  72   <div class="crm-submit-buttons">
  73     {include file="CRM/common/formButtons.tpl"}
  74   </div>
  75   {if $isOnline}{assign var=valueStyle value=" class='view-value'"}{else}{assign var=valueStyle value=""}{/if}
  76   <table class="form-layout-compressed">
  77     {if $context neq 'standalone'}
  78     <tr>
  79       <td class="font-size12pt label"><strong><strong>{ts}Contributor{/ts}</strong></td><td class="font-size12pt"><strong>{$displayName}</strong></td>
  80     </tr>
  81     {else}
  82       <td class="label">{$form.contact_id.label}</td>
  83       <td>{$form.contact_id.html}</td>
  84     {/if}
  85     <tr class="crm-contribution-form-block-contribution_type_id crm-contribution-form-block-financial_type_id">
  86       <td class="label">{$form.financial_type_id.label}</td><td{$valueStyle}>{$form.financial_type_id.html}&nbsp;
  87       {if $is_test}
  88         {ts}(test){/ts}
  89       {/if} {help id="id-financial_type"}
  90       </td>
  91     </tr>
  92     {if $action eq 2 and $lineItem and !$defaultContribution}
  93     <tr>
  94       <td class="label">{ts}Contribution Amount{/ts}</td>
  95       <td>{include file="CRM/Price/Page/LineItem.tpl" context="Contribution"}</td>
  96     </tr>
  97     {else}
  98     <tr  class="crm-contribution-form-block-total_amount">
  99       <td class="label">{$form.total_amount.label}</td>
 100       <td {$valueStyle}>
 101         <span id='totalAmount'>{$form.currency.html|crmAddClass:eight}&nbsp;{$form.total_amount.html|crmAddClass:eight}</span>
 102         {if $freezeFinancialType}
 103           {help id="id-total_amount"}
 104         {/if}
 105         {if !$payNow}
 106           {if $hasPriceSets}
 107             <span id='totalAmountORPriceSet'> {ts}OR{/ts}</span>
 108             <span id='selectPriceSet'>{$form.price_set_id.html}</span>
 109             <div id="priceset" class="hiddenElement"></div>
 110           {/if}
 111
 112           {if $ppID}{ts}<a class='action-item crm-hover-button' onclick='adjustPayment();'>adjust payment amount</a>{/ts}{help id="adjust-payment-amount"}{/if}
 113           <div id="totalAmountBlock">
 114             {if $hasPriceSets}<span class="description">{ts}Alternatively, you can use a price set.{/ts}</span>{/if}
 115             <div id="totalTaxAmount" class="label"></div>
 116           </div>
 117         {/if}
 118       </td>
 119     </tr>
 120
 121       {if $buildRecurBlock && !$payNow}
 122       <tr id='recurringPaymentBlock' class='hiddenElement'>
 123         <td></td>
 124         <td>
 125           <strong>{$form.is_recur.html} {ts}every{/ts}
 126             &nbsp;{$form.frequency_interval.html}
 127             &nbsp;{$form.frequency_unit.html}&nbsp;
 128             {ts}for{/ts}
 129             &nbsp;{$form.installments.html}
 130             &nbsp;{$form.installments.label}
 131           </strong>
 132           <br />
 133           <span class="description">
 134             {ts}Your recurring contribution will be processed automatically for the number of installments you specify. You can leave the number of installments blank if you want to make an open-ended commitment. In either case, you can choose to cancel at any time. You will receive an email receipt for each recurring contribution. The receipts will include a link you can use if you decide to modify or cancel your future contributions.{/ts}
 135           </span>
 136         </td>
 137       </tr>
 138       {/if}
 139
 140     <tr id="adjust-option-type" class="crm-contribution-form-block-option_type">
 141       <td class="label"></td><td {$valueStyle}>{$form.option_type.html}</td>
 142     </tr>
 143     {/if}
 144     {if $contributionMode && $processorSupportsFutureStartDate}
 145     <tr id='start_date' class="crm-contribution-form-block-receive_date">
 146       <td class="label">{ts}Start Date{/ts}</td>
 147       <td {$valueStyle}>{if $hideCalender neq true}{$form.receive_date.html}{/if}<br />
 148         <span class="description">{ts}You can set a start date for recurring contributions and the first payment will be on that date. For a single post-dated contribution you must select recurring and choose one installment{/ts}</span>
 149       </td>
 150     </tr>
 151     {/if}
 152
 153   <tr class="crm-contribution-form-block-source">
 154     <td class="label">{$form.source.label}</td>
 155     <td {$valueStyle}>{$form.source.html|crmAddClass:huge} {help id="id-contrib_source"}
 156     </td>
 157   </tr>
 158
 159   {* CRM-7362 --add campaign to contributions *}
 160   {include file="CRM/Campaign/Form/addCampaignToComponent.tpl" campaignTrClass="crm-contribution-form-block-campaign_id"}
 161
 162     {if !$contributionMode || $payNow}
 163       <tr class="crm-contribution-form-block-contribution_status_id">
 164         <td class="label">{$form.contribution_status_id.label}</td>
 165         <td>{$form.contribution_status_id.html}
 166         {if $contribution_status_id eq 2}{if $is_pay_later }: {ts}Pay Later{/ts} {else}: {ts}Incomplete Transaction{/ts}{/if}{/if}
 167         </td>
 168         <td>
 169         {if !$isUsePaymentBlock && $contactId && $contribID && $contributionMode EQ null && $contribution_status_id eq 2}
 170           {capture assign=payNowLink}{crmURL p='civicrm/contact/view/contribution' q="reset=1&action=update&id=`$contribID`&cid=`$contactId`&context=`$context`&mode=live"}{/capture}
 171           <a class="open-inline action-item crm-hover-button" href="{$payNowLink}">&raquo; {ts}Pay with Credit Card{/ts}</a>
 172         {/if}
 173       </td>
 174       </tr>
 175     {/if}
 176
 177     {if !$contributionMode}
 178       {* Cancellation / Refunded fields are hidden unless contribution status is set to Cancelled or Refunded*}
 179       <tr id="cancelInfo" class="crm-contribution-form-block-cancelInfo">
 180         <td>&nbsp;</td>
 181         <td><fieldset><legend>{ts}Cancellation or Refund Information{/ts}</legend>
 182           <table class="form-layout-compressed">
 183             <tr id="cancelDate" class="crm-contribution-form-block-cancel_date">
 184               <td class="label">{$form.cancel_date.label}</td>
 185               <td>
 186                 {if $hideCalendar neq true}
 187                   {$form.cancel_date.html}
 188                 {else}
 189                   {$form.cancel_date.value|crmDate}
 190                 {/if}
 191               </td>
 192             </tr>
 193             <tr id="cancelDescription" class="crm-contribution-form-block-cancel_reason">
 194               <td class="label">&nbsp;</td>
 195               <td class="description">{ts}Enter the cancellation or refunded date, or you can skip this field and the cancellation date or refunded date will be automatically set to TODAY.{/ts}</td>
 196             </tr>
 197             <tr id="cancelReason">
 198               <td class="label" style="vertical-align: top;">{$form.cancel_reason.label}</td>
 199               <td>{$form.cancel_reason.html}</td>
 200             </tr>
 201             <tr id="refundTrxnID">
 202               <td class="label" style="vertical-align: top;">{$form.refund_trxn_id.label}</td>
 203               <td>{$form.refund_trxn_id.html}</td>
 204             </tr>
 205           </table>
 206         </fieldset>
 207         </td>
 208       </tr>
 209       <tr class="crm-contribution-form-block-receive_date">
 210         <td class="label">{$form.receive_date.label}</td>
 211         <td>{$form.receive_date.html}<br />
 212           <span class="description">{ts}The date this contribution was received.{/ts}</span>
 213         </td>
 214       </tr>
 215     {/if}
 216     {if $form.revenue_recognition_date && !$payNow}
 217       <tr class="crm-contribution-form-block-revenue_recognition_date">
 218         <td class="label">{$form.revenue_recognition_date.label}</td>
 219         <td>{$form.revenue_recognition_date.html}</td>
 220       </tr>
 221     {/if}
 222
 223     {if $email and $outBound_option != 2}
 224       <tr class="crm-contribution-form-block-is_email_receipt">
 225         <td class="label">{$form.is_email_receipt.label}</td>
 226         <td>{$form.is_email_receipt.html}&nbsp;
 227           <span class="description">{ts 1=$email}Automatically email a receipt for this payment to %1?{/ts}</span>
 228         </td>
 229       </tr>
 230     {elseif $context eq 'standalone' and $outBound_option != 2 }
 231       <tr id="email-receipt" style="display:none;" class="crm-contribution-form-block-is_email_receipt">
 232         <td class="label">{$form.is_email_receipt.label}</td>
 233         <td>{$form.is_email_receipt.html} <span class="description">{ts}Automatically email a receipt for this payment to {/ts}<span id="email-address"></span>?</span>
 234         </td>
 235       </tr>
 236     {/if}
 237     <tr id="fromEmail" class="crm-contribution-form-block-receipt_date" style="display:none;">
 238       <td class="label">{$form.from_email_address.label}</td>
 239       <td>{$form.from_email_address.html} {help id="id-from_email" file="CRM/Contact/Form/Task/Email.hlp" isAdmin=$isAdmin}</td>
 240     </tr>
 241     <tr id="receiptDate" class="crm-contribution-form-block-receipt_date">
 242       <td class="label">{$form.receipt_date.label}</td>
 243       <td>{$form.receipt_date.html}<br />
 244         <span class="description">{ts}Date that a receipt was sent to the contributor.{/ts}</span>
 245       </td>
 246     </tr>
 247     {if $form.payment_processor_id}
 248       <tr class="crm-contribution-form-block-payment_processor_id"><td class="label nowrap">{$form.payment_processor_id.label}<span class="crm-marker"> * </span></td><td>{$form.payment_processor_id.html}</td></tr>
 249     {/if}
 250   </table>
 251
 252   {if !$contributionMode}
 253     <fieldset class="payment-details_group">
 254       <legend>
 255         {ts}Payment Details{/ts}
 256       </legend>
 257       {if $isUsePaymentBlock}
 258         {include file="CRM/Contribute/Form/PaymentInfoBlock.tpl"}
 259       {else}
 260         <table class="form-layout-compressed" >
 261           <tr class="crm-contribution-form-block-payment_instrument_id">
 262             <td class="label">{$form.payment_instrument_id.label}</td>
 263             <td {$valueStyle}>{$form.payment_instrument_id.html} {help id="payment_instrument_id"}</td>
 264             </td>
 265           </tr>
 266           <tr class="crm-contribution-form-block-trxn_id">
 267             <td class="label">{$form.trxn_id.label}</td>
 268             <td {$valueStyle}>{$form.trxn_id.html} {help id="id-trans_id"}</td>
 269           </tr>
 270         </table>
 271       {/if}
 272       </fieldset>
 273   {/if}
 274
 275   {if !$isUsePaymentBlock}
 276     {include file='CRM/Core/BillingBlockWrapper.tpl'}
 277   {/if}
 278
 279     <!-- start of soft credit -->
 280     {if !$payNow}
 281       <div class="crm-accordion-wrapper crm-accordion_title-accordion crm-accordion-processed {if $noSoftCredit}collapsed{/if}" id="softCredit">
 282         <div class="crm-accordion-header">
 283           {ts}Soft Credit{/ts}&nbsp;{help id="id-soft_credit"}
 284         </div>
 285         <div class="crm-accordion-body">
 286           <table class="form-layout-compressed">
 287             <tr class="crm-contribution-form-block-soft_credit_to">
 288               <td colspan="2">
 289                 {include file="CRM/Contribute/Form/SoftCredit.tpl"}
 290               </td>
 291             </tr>
 292           </table>
 293         </div>
 294       </div>
 295     {/if}
 296     <!-- end of soft credit -->
 297
 298     <!-- start of PCP -->
 299     {if $siteHasPCPs && !$payNow}
 300       <div class="crm-accordion-wrapper crm-accordion_title-accordion crm-accordion-processed {if $noPCP}collapsed{/if}" id="softCredit">
 301         <div class="crm-accordion-header">
 302           {ts}Personal Campaign Page{/ts}&nbsp;{help id="id-pcp"}
 303         </div>
 304         <div class="crm-accordion-body">
 305           <table class="form-layout-compressed">
 306             <tr class="crm-contribution-pcp-block crm-contribution-form-block-pcp_made_through_id">
 307               <td class="label">{$form.pcp_made_through_id.label}</td>
 308               <td>
 309                 {$form.pcp_made_through_id.html} &nbsp;
 310                 <div class="description">{ts}Search for the Personal Campaign Page by the fund-raiser's last name or email address.{/ts}</div>
 311
 312                 <div class="spacer"></div>
 313                  <div class="crm-contribution-form-block-pcp_details">
 314                   <table class="crm-contribution-form-table-credit_to_pcp">
 315                     <tr id="pcpDisplayRollID" class="crm-contribution-form-block-pcp_display_in_roll">
 316                       <td class="label">{$form.pcp_display_in_roll.label}</td>
 317                       <td>{$form.pcp_display_in_roll.html}</td>
 318                     </tr>
 319                     <tr id="nickID" class="crm-contribution-form-block-pcp_roll_nickname">
 320                       <td class="label">{$form.pcp_roll_nickname.label}</td>
 321                       <td>{$form.pcp_roll_nickname.html|crmAddClass:big}<br/>
 322                         <div class="description">{ts}Name or nickname contributor wants to be displayed in the Honor Roll. Enter "Anonymous" for anonymous contributions.{/ts}</div>
 323                       </td>
 324                     </tr>
 325                     <tr id="personalNoteID" class="crm-contribution-form-block-pcp_personal_note">
 326                       <td class="label" style="vertical-align: top">{$form.pcp_personal_note.label}</td>
 327                       <td>
 328                         {$form.pcp_personal_note.html}
 329                         <div
 330                           class="description">{ts}Personal message submitted by contributor for display in the Honor Roll.{/ts}</div>
 331                       </td>
 332                     </tr>
 333                   </table>
 334                 </div>
 335               </td>
 336             </tr>
 337           </table>
 338         </div>
 339       </div>
 340       {include file="CRM/Contribute/Form/PCP.js.tpl"}
 341     {/if}
 342     <!-- end of PCP -->
 343
 344   {if !$payNow}
 345     {include file="CRM/common/customDataBlock.tpl"}
 346   {/if}
 347
 348   {literal}
 349   <script type="text/javascript">
 350     CRM.$(function($) {
 351     {/literal}
 352       {if $buildPriceSet}{literal}buildAmount();{/literal}{/if}
 353     {literal}
 354
 355     // bind first click of accordion header to load crm-accordion-body with snippet
 356     // everything else taken care of by cj().crm-accordions()
 357       cj('#adjust-option-type').hide();
 358       cj('.crm-ajax-accordion .crm-accordion-header').one('click', function() {
 359         loadPanes(cj(this).attr('id'));
 360       });
 361       cj('.crm-ajax-accordion:not(.collapsed) .crm-accordion-header').each(function(index) {
 362         loadPanes(cj(this).attr('id'));
 363       });
 364     });
 365     // load panes function calls for snippet based on id of crm-accordion-header
 366     function loadPanes( id ) {
 367       var url = "{/literal}{crmURL p='civicrm/contact/view/contribution' q="snippet=4&id=`$entityID`&formType=" h=0}{literal}" + id;
 368       {/literal}
 369       {if $contributionMode}
 370         url = url + "&mode={$contributionMode}";
 371       {/if}
 372       {if $qfKey}
 373         url = url + "&qfKey={$qfKey}";
 374       {/if}
 375       {literal}
 376       if (! cj('div.'+id).html()) {
 377         var loading = '<img src="{/literal}{$config->resourceBase}i/loading.gif{literal}" alt="{/literal}{ts escape='js'}loading{/ts}{literal}" />&nbsp;{/literal}{ts escape='js'}Loading{/ts}{literal}...';
 378         cj('div.'+id).html(loading);
 379         cj.ajax({
 380           url    : url,
 381           success: function(data) { cj('div.'+id).html(data).trigger('crmLoad'); }
 382         });
 383       }
 384     }
 385
 386   var url = {/literal}{$dataUrl|@json_encode}{literal};
 387
 388   {/literal}
 389     {if $context eq 'standalone' and $outBound_option != 2 }
 390       {literal}
 391       CRM.$(function($) {
 392
 393         var $form = $("form.{/literal}{$form.formClass}{literal}");
 394         $("#contact_id", $form).change(checkEmail);
 395         checkEmail( );
 396
 397         function checkEmail( ) {
 398           var data = $("#contact_id", $form).select2('data');
 399           if (data && data.extra && data.extra.email && data.extra.email.length) {
 400             $("#email-receipt", $form).show();
 401             $("#email-address", $form).html(data.extra.email);
 402           }
 403           else {
 404             $("#email-receipt", $form).hide();
 405           }
 406         }
 407
 408         showHideByValue( 'is_email_receipt', '', 'receiptDate', 'table-row', 'radio', true);
 409         showHideByValue( 'is_email_receipt', '', 'fromEmail', 'table-row', 'radio', false );
 410       });
 411
 412     {/literal}
 413     {/if}
 414   </script>
 415
 416   <div class="accordion ui-accordion ui-widget ui-helper-reset">
 417   {* Additional Detail / Honoree Information / Premium Information *}
 418     {foreach from=$allPanes key=paneName item=paneValue}
 419
 420       <div class="crm-accordion-wrapper crm-ajax-accordion crm-{$paneValue.id}-accordion {if $paneValue.open neq 'true'}collapsed{/if}">
 421         <div class="crm-accordion-header" id="{$paneValue.id}">
 422
 423           {$paneName}
 424         </div><!-- /.crm-accordion-header -->
 425         <div class="crm-accordion-body">
 426
 427           <div class="{$paneValue.id}"></div>
 428         </div><!-- /.crm-accordion-body -->
 429       </div><!-- /.crm-accordion-wrapper -->
 430
 431     {/foreach}
 432   </div>
 433
 434   {/if}
 435 <br />
 436 <div class="crm-submit-buttons">{include file="CRM/common/formButtons.tpl" location="bottom"}</div>
 437 </div>
 438
 439   {literal}
 440   <script type="text/javascript">
 441   function verify( ) {
 442     if (cj('#is_email_receipt').prop('checked' )) {
 443       var ok = confirm( '{/literal}{ts escape='js'}Click OK to save this contribution record AND send a receipt to the contributor now{/ts}{literal}.' );
 444       if (!ok) {
 445         return false;
 446       }
 447     }
 448   }
 449   </script>
 450   {/literal}
 451
 452   {if $action neq 8}
 453     {literal}
 454     <script type="text/javascript">
 455       CRM.$(function($) {
 456         var $form = $('form.{/literal}{$form.formClass}{literal}');
 457         checkEmailDependancies();
 458         $('#is_email_receipt', $form).click(function() {
 459           checkEmailDependancies();
 460         });
 461
 462         function checkEmailDependancies( ) {
 463           if ($('#is_email_receipt', $form).prop('checked')) {
 464             $('#fromEmail', $form).show();
 465             $('#receiptDate', $form).hide();
 466           }
 467           else {
 468             $('#fromEmail', $form).hide();
 469             $('#receiptDate', $form).show();
 470           }
 471         }
 472         {/literal}{if !$contributionMode}{literal}
 473           showHideCancelInfo($('#contribution_status_id', $form));
 474
 475           $('#contribution_status_id', $form).change(function() {
 476             showHideCancelInfo($('#contribution_status_id', $form));
 477           });
 478
 479           function showHideCancelInfo(obj) {
 480             var cancelInfo_show_ids = [{/literal}{$cancelInfo_show_ids}{literal}];
 481             if (cancelInfo_show_ids.indexOf(obj.val()) > -1) {
 482               $('#cancelInfo', $form).show();
 483               $('#total_amount', $form).attr('readonly', true);
 484             }
 485             else {
 486               $("#cancel_date", $form).val('');
 487               $("#cancel_reason", $form).val('');
 488               $('#cancelInfo', $form).hide();
 489               $("#total_amount", $form).removeAttr('readonly');
 490             }
 491           }
 492         {/literal}{/if}
 493       });
 494     </script>
 495   {/if} {* not delete mode if*}
 496
 497 {/if} {* closing of main custom data if *}
 498
 499 {literal}
 500 <script type="text/javascript">
 501
 502 {/literal}
 503
 504 // load form during form rule.
 505 {if $buildPriceSet}{literal}buildAmount( );{/literal}{/if}
 506
 507 {literal}
 508
 509 // CRM-16451: set financial type of 'Price Set' in back office contribution
 510 // instead of selecting manually
 511 function buildAmount( priceSetId, financialtypeIds ) {
 512   if (!priceSetId) priceSetId = cj("#price_set_id").val( );
 513   var fname = '#priceset';
 514   if (!priceSetId) {
 515     // hide price set fields.
 516     cj(fname).hide( );
 517
 518     // show/hide price set amount and total amount.
 519     cj("#totalAmountORPriceSet").show( );
 520     cj("#totalAmount").show( );
 521     var choose = "{/literal}{ts escape='js'}Choose price set{/ts}{literal}";
 522     cj("#price_set_id option[value='']").html( choose );
 523
 524     cj('label[for="total_amount"]').text('{/literal}{ts}Total Amount{/ts}{literal}');
 525     cj(".crm-contribution-form-block-financial_type_id").show();
 526     cj("#financial_type_id option[value='']").attr('selected', true);
 527
 528     //we might want to build recur block.
 529     if (cj("#is_recur")) buildRecurBlock( null );
 530     return;
 531   }
 532
 533   //don't allow recurring w/ priceset.
 534   if ( cj( "#is_recur" ) && cj( 'input:radio[name="is_recur"]:checked').val( ) ) {
 535     //reset the values of recur block.
 536     cj("#installments").val('');
 537     cj("#frequency_interval").val('');
 538     cj('input:radio[name="is_recur"]')[0].checked = true;
 539     cj("#recurringPaymentBlock").hide( );
 540   }
 541
 542   var dataUrl = {/literal}"{crmURL h=0 q='snippet=4'}"{literal} + '&priceSetId=' + priceSetId;
 543
 544   var response = cj.ajax({
 545     url: dataUrl,
 546     async: false
 547   }).responseText;
 548
 549   cj( fname ).show( ).html( response ).trigger('crmLoad');
 550   // freeze total amount text field.
 551   cj( "#total_amount").val('');
 552
 553   cj( "#totalAmountORPriceSet" ).hide( );
 554   cj( "#totalAmount").hide( );
 555   var manual = "{/literal}{ts escape='js'}Manual contribution amount{/ts}{literal}";
 556   cj("#price_set_id option[value='']").html( manual );
 557
 558   cj('label[for="total_amount"]').text('{/literal}{ts}Price Sets{/ts}{literal}');
 559   if (financialtypeIds) {
 560     cj("#financial_type_id option[value="+financialtypeIds[priceSetId]+"]").prop('selected', true);
 561   }
 562   cj(".crm-contribution-form-block-financial_type_id").css("display", "none");
 563 }
 564
 565 function adjustPayment( ) {
 566   cj('#adjust-option-type').show();
 567   cj("#total_amount").removeAttr("READONLY");
 568   cj("#total_amount").css('background-color', '#ffffff');
 569 }
 570
 571 {/literal}{if $processorSupportsFutureStartDate}{literal}
 572 cj ('input:radio[name="is_recur"]').click( function( ) {
 573   showStartDate( );
 574 });
 575
 576 showStartDate( );
 577
 578 function showStartDate( ) {
 579   if (cj( 'input:radio[name="is_recur"]:checked').val( ) == 0 ) {
 580     cj('#start_date').hide( );
 581   }
 582   else {
 583     cj('#start_date').show( );
 584   }
 585 }
 586
 587 {/literal}{/if}{literal}
 588 var thousandMarker = "{/literal}{$config->monetaryThousandSeparator}{literal}";
 589 var separator = "{/literal}{$config->monetaryDecimalPoint}{literal}";
 590
 591 cj("#financial_type_id").on("change",function(){
 592     cj('#total_amount').trigger("change");
 593 })
 594
 595 cj("#currency").on("change",function(){
 596   cj('#total_amount').trigger("change");
 597 })
 598
 599 {/literal}{if $taxRates && $invoicing}{literal}
 600 CRM.$(function($) {
 601   $('#total_amount').on("change",function(event) {
 602     if (event.handled !== true) {
 603       var freezeFinancialType = '{/literal}{$freezeFinancialType}{literal}';
 604       if (!freezeFinancialType) {
 605         var financialType = $('#financial_type_id').val();
 606         var taxRates = '{/literal}{$taxRates}{literal}';
 607         var taxTerm = '{/literal}{$taxTerm}{literal}';
 608         taxRates = JSON.parse(taxRates);
 609         var currencies = '{/literal}{$currencies}{literal}';
 610         currencies = JSON.parse(currencies);
 611         var currencySelect = $('#currency').val();
 612         var currencySymbol = currencies[currencySelect];
 613         var re= /\((.*?)\)/g;
 614         for(m = re.exec(currencySymbol); m; m = re.exec(currencySymbol)){
 615           currencySymbol = m[1];
 616         }
 617         var taxRate = taxRates[financialType];
 618         if (!taxRate) {
 619           taxRate = 0;
 620           cj("#totalTaxAmount").hide( );
 621         } else {
 622           cj("#totalTaxAmount").show( );
 623         }
 624         var totalAmount = $('#total_amount').val();
 625         // replace all thousandMarker and change the separator to a dot
 626         totalAmount = totalAmount.replace(thousandMarker,'').replace(separator,'.');
 627
 628         var totalTaxAmount = '{/literal}{$totalTaxAmount}{literal}';
 629         var taxAmount = (taxRate/100)*totalAmount;
 630         taxAmount = isNaN (taxAmount) ? 0:taxAmount;
 631         var totalTaxAmount = taxAmount + Number(totalAmount);
 632         totalTaxAmount = formatMoney( totalTaxAmount, 2, separator, thousandMarker );
 633         $("#totalTaxAmount" ).html('{/literal}{ts 1=$taxTerm}Amount with %1 :{/ts}{literal} <span id="currencySymbolShow">' + currencySymbol + '</span> '+ totalTaxAmount);
 634       }
 635       event.handled = true;
 636     }
 637     return false;
 638   });
 639
 640   $('#total_amount').trigger("change");
 641 });
 642 {/literal}{/if}{literal}
 643
 644 CRM.$(function($) {
 645   $('#price_set_id').click(function() {
 646     if( $('#price_set_id').val() ) {
 647       $('#totalAmountBlock').hide();
 648     }
 649     else {
 650       $('#totalAmountBlock').show();
 651     }
 652   });
 653 });
 654
 655 function formatMoney (amount, c, d, t){
 656   var n = amount,
 657   c = isNaN(c = Math.abs(c)) ? 2 : c,
 658   d = d == undefined ? "," : d,
 659   t = t == undefined ? "." : t, s = n < 0 ? "-" : "",
 660   i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "",
 661   j = (j = i.length) > 3 ? j % 3 : 0;
 662 return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
 663 };
 664 </script>
 665 {/literal}