Merge pull request #2288 from eileenmcnaughton/CRM-14043

[civicrm-core.git] / templates / CRM / Price / Form / Calculate.tpl

{*
 +--------------------------------------------------------------------+
 | CiviCRM version 4.4                                                |
 +--------------------------------------------------------------------+
 | Copyright CiviCRM LLC (c) 2004-2013                                |
 +--------------------------------------------------------------------+
 | This file is a part of CiviCRM.                                    |
 |                                                                    |
 | CiviCRM is free software; you can copy, modify, and distribute it  |
 | under the terms of the GNU Affero General Public License           |
 | Version 3, 19 November 2007 and the CiviCRM Licensing Exception.   |
 |                                                                    |
 | CiviCRM is distributed in the hope that it will be useful, but     |
 | WITHOUT ANY WARRANTY; without even the implied warranty of         |
 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.               |
 | See the GNU Affero General Public License for more details.        |
 |                                                                    |
 | You should have received a copy of the GNU Affero General Public   |
 | License and the CiviCRM Licensing Exception along                  |
 | with this program; if not, contact CiviCRM LLC                     |
 | at info[AT]civicrm[DOT]org. If you have questions about the        |
 | GNU Affero General Public License or the licensing of CiviCRM,     |
 | see the CiviCRM license FAQ at http://civicrm.org/licensing        |
 +--------------------------------------------------------------------+
*}
<div id="pricesetTotal" class="crm-section section-pricesetTotal">
  <div class="label" id="pricelabel"><label>
    {if ( $extends eq 'Contribution' ) || ( $extends eq 'Membership' )}
      {ts}Total Amount{/ts}{else}{ts}Total Fee(s) for this participant{/ts}
    {/if}</label></div>
  <div class="content calc-value" id="pricevalue" ></div>
</div>

<script type="text/javascript">
{literal}

var totalfee       = 0;
var thousandMarker = '{/literal}{$config->monetaryThousandSeparator}{literal}';
var seperator      = '{/literal}{$config->monetaryDecimalPoint}{literal}';
var symbol         = '{/literal}{$currencySymbol}{literal}';
var optionSep      = '|';
var priceSet = price = Array( );
cj("input,#priceset select,#priceset").each(function () {

  if ( cj(this).attr('price') ) {
  var eleType =  cj(this).attr('type');
  if ( this.tagName == 'SELECT' ) {
    eleType = 'select-one';
  }
  switch( eleType ) {

  case 'checkbox':

    //default calcution of element.
    eval( 'var option = ' + cj(this).attr('price') ) ;
    ele        = option[0];
    optionPart = option[1].split(optionSep);
    addprice   = parseFloat( optionPart[0] );

    if( cj(this).attr('checked') ) {
      totalfee   += addprice;
      price[ele] += addprice;
    }

    //event driven calculation of element.
    cj(this).click( function(){

      if ( cj(this).attr('checked') )  {
  totalfee   += addprice;
  price[ele] += addprice;
      } else {
  totalfee   -= addprice;
  price[ele] -= addprice;
      }
      display( totalfee );
    });
    display( totalfee );
    break;

  case 'radio':

    //default calcution of element.
    eval( 'var option = ' + cj(this).attr('price') );
    ele        = option[0];
    optionPart = option[1].split(optionSep);
    addprice   = parseFloat( optionPart[0] );
    if ( ! price[ele] ) {
      price[ele] = 0;
    }

    if( cj(this).attr('checked') ) {
      totalfee   = parseFloat(totalfee) + addprice - parseFloat(price[ele]);
      price[ele] = addprice;
    }

    //event driven calculation of element.
    cj(this).click( function(){
      totalfee   = parseFloat(totalfee) + addprice - parseFloat(price[ele]);
      price[ele] = addprice;

      display( totalfee );
    });
    display( totalfee );
    break;

  case 'text':

    //default calcution of element.
    var textval = parseFloat( cj(this).val() );
    if ( textval ) {
      eval( 'var option = '+ cj(this).attr('price') );
      ele         = option[0];
      if ( ! price[ele] ) {
       price[ele] = 0;
      }
      optionPart = option[1].split(optionSep);
      addprice   = parseFloat( optionPart[0] );
      var curval  = textval * addprice;
      if ( textval >= 0 ) {
    totalfee   = parseFloat(totalfee) + curval - parseFloat(price[ele]);
    price[ele] = curval;
      }
    }

    //event driven calculation of element.
    cj(this).bind( 'keyup', function() { calculateText( this );
    }).bind( 'blur' , function() { calculateText( this );
    });
    display( totalfee );
    break;

  case 'select-one':

    //default calcution of element.
    var ele = cj(this).attr('id');
      if ( ! price[ele] ) {
  price[ele] = 0;
      }
      eval( 'var selectedText = ' + cj(this).attr('price') );
      var addprice = 0;
      if ( cj(this).val( ) ) {
        optionPart = selectedText[cj(this).val( )].split(optionSep);
        addprice   = parseFloat( optionPart[0] );
      }

    if ( addprice ) {
  totalfee   = parseFloat(totalfee) + addprice - parseFloat(price[ele]);
  price[ele] = addprice;
    }

    //event driven calculation of element.
    cj(this).change( function() {
      var ele = cj(this).attr('id');
      if ( ! price[ele] ) {
  price[ele] = 0;
      }
      eval( 'var selectedText = ' + cj(this).attr('price') );

      var addprice = 0;
      if ( cj(this).val( ) ) {
        optionPart = selectedText[cj(this).val( )].split(optionSep);
        addprice   = parseFloat( optionPart[0] );
      }

      if ( addprice ) {
  totalfee   = parseFloat(totalfee) + addprice - parseFloat(price[ele]);
  price[ele] = addprice;
      } else {
  totalfee   = parseFloat(totalfee) - parseFloat(price[ele]);
  price[ele] = parseFloat('0');
      }
      display( totalfee );
    });
    display( totalfee );
    break;
    }
  }
});

//calculation for text box.
function calculateText( object ) {
  eval( 'var option = ' + cj(object).attr('price') );
  ele = option[0];
  if ( ! price[ele] ) {
    price[ele] = 0;
  }
  var optionPart = option[1].split(optionSep);
  addprice    = parseFloat( optionPart[0] );
  var textval = parseFloat( cj(object).attr('value') );
  var curval  = textval * addprice;
    if ( textval >= 0 ) {
  totalfee   = parseFloat(totalfee) + curval - parseFloat(price[ele]);
  price[ele] = curval;
    } else {
  totalfee   = parseFloat(totalfee) - parseFloat(price[ele]);
  price[ele] = parseFloat('0');
    }
  display( totalfee );
}

//display calculated amount
function display( totalfee ) {
    // totalfee is monetary, round it to 2 decimal points so it can
    // go as a float - CRM-13491
    totalfee = Math.round(totalfee*100)/100;
    var totalEventFee  = formatMoney( totalfee, 2, seperator, thousandMarker);
    document.getElementById('pricevalue').innerHTML = "<b>"+symbol+"</b> "+totalEventFee;
    scriptfee   = totalfee;
    scriptarray = price;
    cj('#total_amount').val( totalfee );

    ( totalfee < 0 ) ? cj('table#pricelabel').addClass('disabled') : cj('table#pricelabel').removeClass('disabled');

}

//money formatting/localization
function formatMoney (amount, c, d, t) {
var n = amount,
    c = isNaN(c = Math.abs(c)) ? 2 : c,
    d = d == undefined ? "," : d,
    t = t == undefined ? "." : t, s = n < 0 ? "-" : "",
    i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "",
    j = (j = i.length) > 3 ? j % 3 : 0;
  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) : "");
}

{/literal}
</script>