templates/CRM/Contribute/Form/Contribution.tpl

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