/public_html/sites/all/modules/civicrm/templates/CRM/Contribute/Form/Contribution/OnBehalfOf.tpl

{*
 +--------------------------------------------------------------------+
 | CiviCRM version 3.4                                                |
 +--------------------------------------------------------------------+
 | Copyright CiviCRM LLC (c) 2004-2011                                |
 +--------------------------------------------------------------------+
 | 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        |
 +--------------------------------------------------------------------+
*}
{* This file provides the HTML for the on-behalf-of form. Can also be used for related contact edit form. *}

{if $buildOnBehalfForm or $onBehalfRequired}
  <fieldset id="for_organization" class="for_organization-group">
  <legend>{$fieldSetTitle}</legend>
  {if ( $relatedOrganizationFound or $onBehalfRequired ) and !$organizationName}
    <div id='orgOptions' class="section crm-section">
       <div class="content">
        {$form.org_option.html}
       </div>
    </div>
  {/if}  

  <div id="select_org" class="crm-section">
    {foreach from=$form.onbehalf item=field key=fieldName}
    <div class="crm-section {$onBehalfOfFields.$fieldName.name}-section">
      {if $onBehalfOfFields.$fieldName.help_pre}
        &nbsp;&nbsp;<span class='description'>{$onBehalfOfFields.$fieldName.help_pre}</span>
      {/if}
      
       {if ( $fieldName eq 'organization_name' ) and $organizationName}
         <div id='org_name' class="label">{$field.label}</div>
         <div class="content">
            {$field.html|crmReplace:class:big}
            <span>
                ( <a id='createNewOrg' href="javascript:createNew( );">{ts}Enter a new organization{/ts}</a> )
            </span>
            <div id="id-onbehalf-orgname-enter-help" class="description">
                {ts}Organization details have been prefilled for you. If this is not the organization you want to use, click "Enter a new organization" above.{/ts}
            </div>
            {if $onBehalfOfFields.$fieldName.help_post}
                 <span class='description'>{$onBehalfOfFields.$fieldName.help_post}</span>
            {/if}
         </div>
       {else}
          {if $onBehalfOfFields.$fieldName.options_per_line != 0}
            <div class="label option-label">{$field.label}</div> 
            <div class="content 3"> 
              {assign var="count" value="1"} 
              {strip} 
              <table class="form-layout-compressed"> 
              <tr> 
                {* sort by fails for option per line. Added a variable to iterate through the element array*} 
                {assign var="index" value="1"} 
                {foreach name=outer key=key item=item from=$field} 
                {if $index < 10} 
                  {assign var="index" value=`$index+1`} 
                {else} 
                  <td class="labels font-light">{$field.$key.html}</td> 
                  {if $count == $onBehalfOfFields.$fieldName.options_per_line} 
                    </tr> 
                    <tr> 
                    {assign var="count" value="1"} 
                  {else} 
                       {assign var="count" value=`$count+1`} 
                  {/if} 
                {/if} 
                {/foreach} 
              </tr> 
              </table>
              {/strip}
              {if $onBehalfOfFields.$fieldName.help_post}
                 <span class='description'>{$onBehalfOfFields.$fieldName.help_post}</span>
              {/if}
            </div>
          {else}
              <div class="label">{$field.label}</div>
              <div class="content">
              {$field.html}
              {if $fieldName eq 'organization_name'}
                <div id="id-onbehalf-orgname-help" class="description">{ts}Start typing the name of an organization that you have saved previously to use it again. Otherwise click "Enter a new organization" above.{/ts}</div>
              {/if}
	      {if !empty($onBehalfOfFields.$fieldName.html_type)  && $onBehalfOfFields.$fieldName.html_type eq 'Autocomplete-Select'}
	        {assign var=elementName value=onbehalf[$fieldName]}
	        {include file="CRM/Custom/Form/AutoComplete.tpl" element_name=$elementName}
	      {/if}
              {if $onBehalfOfFields.$fieldName.help_post}
                <br /><span class='description'>{$onBehalfOfFields.$fieldName.help_post}</span>
              {/if}
              </div>
          {/if}
       {/if}
      <div class="clear"></div>
    </div>
    {/foreach}
  </div>
  <div>{$form.mode.html}</div>
{/if}

{literal}
<script type="text/javascript">
var reset            = {/literal}"{$reset}"{literal};
var onBehalfRequired = {/literal}"{$onBehalfRequired}"{literal};
var mainDisplay      = {/literal}"{$mainDisplay}"{literal};
cj( "div#id-onbehalf-orgname-help").hide( );

if ( mainDisplay ) {
    showOnBehalf( false );
}

cj( "#mode" ).hide( );
cj( "#mode" ).attr( 'checked', 'checked' );
if ( cj( "#mode" ).attr( 'checked' ) && !reset ) {
    $text = ' {/literal}{ts escape="js"}Use existing organization{/ts}{literal} ';
    cj( "#createNewOrg" ).text( $text );
    cj( "#mode" ).removeAttr( 'checked' );
}

function showOnBehalf( onBehalfRequired )
{
    if ( cj( "#is_for_organization" ).attr( 'checked' ) || onBehalfRequired ) {
            cj( "#for_organization" ).html( '' );
            var urlPath = {/literal}"{crmURL p=$urlPath h=0 q='snippet=4&onbehalf=1'}"{literal};
            urlPath     = urlPath  + {/literal}"{$urlParams}"{literal};
            if ( reset ) {
                urlPath = urlPath + '&reset=' + reset;
            }
       
            cj.ajax({
                 url     : urlPath,
                 async   : false,
		         global  : false,
	             success : function ( content ) { 		
    	            cj( "#onBehalfOfOrg" ).html( content );
                 }
            });
       
     } else {
       cj( "#onBehalfOfOrg" ).html('');	
       cj( "#for_organization" ).html( '' );
       return;
     }
}

function resetValues( filter )
{
   if ( filter ) {
       cj( "#select_org div" ).find( 'input[type=text], select, textarea' ).each(function( ) {
          if ( cj(this).attr('name') != 'onbehalf[organization_name]' ) {
              cj(this).val( '' );
          }
       });
   } else {
       cj( "#select_org div" ).find( 'input[type=text], select, textarea' ).each(function( ) {
          cj(this).val( '' );
       });
   }
   cj( "#select_org tr td" ).find( 'input[type=radio], input[type=checkbox]' ).each(function( ) {
      cj(this).attr('checked', false);
   });
}

function createNew( ) 
{
    if ( cj( "#mode" ).attr( 'checked' ) ) {
        $text = ' {/literal}{ts escape="js"}Use existing organization{/ts}{literal} ';
        cj( "#onbehalf_organization_name" ).removeAttr( 'readonly' );
        cj( "#mode" ).removeAttr( 'checked' );

        resetValues( false );
    } else {
        $text = ' {/literal}{ts escape="js"}Enter a new organization{/ts}{literal} ';
        cj( "#mode" ).attr( 'checked', 'checked' );
        setOrgName( );
    }
    cj( "#createNewOrg" ).text( $text );
}
 
function setOrgName( )
{
    var orgName = "{/literal}{$organizationName}{literal}";
    var orgId   = "{/literal}{$orgId}{literal}";
    cj( "#onbehalf_organization_name" ).val( orgName );
    cj( "#onbehalf_organization_name" ).attr( 'readonly', true );
    setLocationDetails( orgId );
}

  
function setLocationDetails( contactID ) 
{
    resetValues( true );
    var locationUrl = {/literal}"{$locDataURL}"{literal} + contactID + "&ufId=" + {/literal}"{$profileId}"{literal};
    cj.ajax({
              url         : locationUrl,
              dataType    : "json",
              timeout     : 5000, //Time in milliseconds
              success     : function( data, status ) {
                for (var ele in data) { 
                   if ( data[ele].type == 'Radio' ) {
                       if ( data[ele].value ) {
                           cj( "input[name='"+ ele +"']" ).filter( "[value=" + data[ele].value + "]" ).attr( 'checked', 'checked' );
                       }
		   } else if ( data[ele].type == 'CheckBox' ) {
		       if ( data[ele].value ) {
                           cj( "input[name='"+ ele +"']" ).attr( 'checked','checked' );
                       }
                   } else {
                       cj( "#" + ele ).val( data[ele].value );
                   }
                }
              },
              error       : function( XMLHttpRequest, textStatus, errorThrown ) {
                   console.error("HTTP error status: ", textStatus);
              }
    });
}

var orgOption = '';
cj( "input:radio[name='org_option']" ).click( function( ) {
   orgOption = cj( "input:radio[name='org_option']:checked" ).val( );
   selectCreateOrg( orgOption, true ); 
});

function selectCreateOrg( orgOption, reset )
{
    if ( orgOption == 0 ) {
        cj( "div#id-onbehalf-orgname-help").show( );
        var dataUrl = {/literal}"{$employerDataURL}"{literal};
        cj( '#onbehalf_organization_name' ).autocomplete( dataUrl, 
                                                          { width         : 180, 
                                                          selectFirst   : false,
                                                          matchContains : true
        }).result( function( event, data, formatted ) {
            cj('#onbehalf_organization_name').val( data[0] );
            cj('#onbehalfof_id').val( data[1] );
            setLocationDetails( data[1] );
        });
    } else if ( orgOption == 1 ) {
        cj( "input#onbehalf_organization_name" ).removeClass( 'ac_input' ).unautocomplete( );
        cj( "div#id-onbehalf-orgname-help").hide( );
    }

    if ( reset ) {
        resetValues( false );
    }
}

{/literal}

{if ( $relatedOrganizationFound or $onBehalfRequired ) and $reset}
  {if $organizationName}

    {literal}
    setOrgName( );

  {/literal}{else}{literal}

       cj( "#orgOptions" ).show( );
       var orgOption = cj( "input:radio[name=org_option]:checked" ).val( );
       selectCreateOrg( orgOption, false );
  {/literal}{/if}
 
{/if}{literal}
</script>
{/literal}
</fieldset>


{literal}
<script type="text/javascript">
{/literal}
{* If mid present in the url, take the required action (poping up related existing contact ..etc) *}
{if $membershipContactID}
    {literal}
    cj( function( ) {
        cj( '#organization_id' ).val("{/literal}{$membershipContactName}{literal}");
        cj( '#organization_name' ).val("{/literal}{$membershipContactName}{literal}");
        cj( '#onbehalfof_id' ).val("{/literal}{$membershipContactID}{literal}");
        setLocationDetails( "{/literal}{$membershipContactID}{literal}" );
    });
    {/literal}
{/if}
{literal}
</script>
{/literal}