Merge pull request #12571 from civicrm/5.4
[civicrm-core.git] / templates / CRM / Contribute / Page / Tab.tpl
index 6d910f93995b61e47891014f0160c0219217de0f..c4a9bc2adaa4ffb74357e91b67482e7a09256d3e 100644 (file)
     {include file="CRM/Contribute/Form/ContributionView.tpl"}
 {else}
     <div class="contact-summary-contribute-tab view-content">
-        <div class="help">
+
+      <div id="secondaryTabContainer" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
+        {* Tab management *}
+        <script type="text/javascript">
+          var selectedTab  = 'contributions';
+
+          {literal}
+          CRM.$(function($) {
+            var tabIndex = $('#tab_' + selectedTab).prevAll().length;
+            $("#secondaryTabContainer").tabs({active: tabIndex});
+            $(".crm-tab-button").addClass("ui-corner-bottom");
+          });
+          {/literal}
+        </script>
+        <ul class="ui-tabs-nav ui-corner-all ui-helper-reset ui-helper-clearfix ui-widget-header">
+          <li id="tab_contributions" class="crm-tab-button ui-corner-all ui-tabs-tab ui-corner-top ui-state-default ui-tab ui-tabs-active ui-state-active">
+            <a href="#contributions-subtab" title="{ts}Contributions{/ts}">
+              {ts}Contributions{/ts} <em>{$tabCount}</em>
+            </a>
+          </li>
+          <li id="tab_recurring" class="crm-tab-button ui-corner-all ui-tabs-tab ui-corner-top ui-state-default ui-tab">
+            <a href="#recurring-subtab" title="{ts}Recurring Contributions{/ts}">
+              {ts}Recurring Contributions{/ts} <em>{$activeRecurRows|@count}</em>
+            </a>
+          </li>
+        </ul>
+
+        <div id="contributions-subtab" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
+          <div class="help">
             {if $permission EQ 'edit'}
               {capture assign=newContribURL}{crmURL p="civicrm/contact/view/contribution" q="reset=1&action=add&cid=`$contactId`&context=contribution"}{/capture}
               {capture assign=link}class="action-item" href="{$newContribURL}"{/capture}
               {ts 1=$link}Click <a %1>Record Contribution</a> to record a new contribution received from this contact.{/ts}
-                {if $newCredit}
-                  {capture assign=newCreditURL}{crmURL p="civicrm/contact/view/contribution" q="reset=1&action=add&cid=`$contactId`&context=contribution&mode=live"}{/capture}
-                  {capture assign=link}class="action-item" href="{$newCreditURL}"{/capture}
-                  {ts 1=$link}Click <a %1>Submit Credit Card Contribution</a> to process a new contribution on behalf of the contributor using their credit card.{/ts}
-                {/if}
+              {if $newCredit}
+                {capture assign=newCreditURL}{crmURL p="civicrm/contact/view/contribution" q="reset=1&action=add&cid=`$contactId`&context=contribution&mode=live"}{/capture}
+                {capture assign=link}class="action-item" href="{$newCreditURL}"{/capture}
+                {ts 1=$link}Click <a %1>Submit Credit Card Contribution</a> to process a new contribution on behalf of the contributor using their credit card.{/ts}
+              {/if}
             {else}
-                {ts 1=$displayName}Contributions received from %1 since inception.{/ts}
+              {ts 1=$displayName}Contributions received from %1 since inception.{/ts}
             {/if}
-        </div>
+          </div>
 
-        {if $action eq 16 and $permission EQ 'edit'}
+          {if $action eq 16 and $permission EQ 'edit'}
             <div class="action-link">
-                <a accesskey="N" href="{$newContribURL}" class="button"><span><i class="crm-i fa-plus-circle"></i> {ts}Record Contribution (Check, Cash, EFT ...){/ts}</span></a>
-                {if $newCredit}
-                    <a accesskey="N" href="{$newCreditURL}" class="button"><span><i class="crm-i fa-credit-card"></i> {ts}Submit Credit Card Contribution{/ts}</span></a>
-                {/if}
-                <br /><br />
+              <a accesskey="N" href="{$newContribURL}" class="button"><span><i class="crm-i fa-plus-circle"></i> {ts}Record Contribution (Check, Cash, EFT ...){/ts}</span></a>
+              {if $newCredit}
+                <a accesskey="N" href="{$newCreditURL}" class="button"><span><i class="crm-i fa-credit-card"></i> {ts}Submit Credit Card Contribution{/ts}</span></a>
+              {/if}
+              <br /><br />
             </div>
-          <div class='clear'></div>
-        {/if}
+            <div class='clear'></div>
+          {/if}
 
-        {if $rows}
+          {if $rows}
             {include file="CRM/Contribute/Page/ContributionTotals.tpl" mode="view"}
-          <div class='clear'></div>
+            <div class='clear'></div>
             {include file="CRM/Contribute/Form/Selector.tpl"}
-        {else}
+          {else}
             <div class="messages status no-popup">
-                    <div class="icon inform-icon"></div>
-                    {ts}No contributions have been recorded from this contact.{/ts}
+              <div class="icon inform-icon"></div>
+              {ts}No contributions have been recorded from this contact.{/ts}
             </div>
-        {/if}
-
-        {if $recur}
-          <div class="crm-block crm-contact-contribute-recur">
-            <h3>{ts}Recurring Contributions{/ts}</h3>
-            {include file="CRM/Contribute/Page/ContributionRecur.tpl"}
-          </div>
-        {/if}
+          {/if}
 
-        {if $softCredit}
-          <div class="crm-block crm-contact-contribute-softcredit">
-            <h3>{ts}Soft credits{/ts} {help id="id-soft_credit"}</h3>
-            {include file="CRM/Contribute/Page/ContributionSoft.tpl"}
-          </div>
-        {/if}
+          {if $softCredit}
+            <div class="crm-block crm-contact-contribute-softcredit">
+              <h3>{ts}Soft credits{/ts} {help id="id-soft_credit"}</h3>
+              {include file="CRM/Contribute/Page/ContributionSoft.tpl"}
+            </div>
+          {/if}
+        </div>
+        <div id="recurring-subtab" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
+          {if $recur}
+            <div class="crm-block crm-contact-contribute-recur crm-contact-contribute-recur-active">
+              <h3>{ts}Active Recurring Contributions{/ts}</h3>
+              {include file="CRM/Contribute/Page/ContributionRecur.tpl" recurRows=$activeRecurRows}
+            </div>
+            <div class="crm-block crm-contact-contribute-recur crm-contact-contribute-recur-inactive">
+              <h3>{ts}Inactive Recurring Contributions{/ts}</h3>
+              {include file="CRM/Contribute/Page/ContributionRecur.tpl" recurRows=$inactiveRecurRows}
+            </div>
+          {/if}
+        </div>
+        <div class="clear"></div>
+      </div>
     </div>
 {/if}