CRM-12872 - Ajax-enable pager links

[civicrm-core.git] / templates / CRM / common / pager.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        |
 +--------------------------------------------------------------------+
*}
{if $pager and $pager->_response}
    {if $pager->_response.numPages > 1}
        <div class="crm-pager">
            <span class="element-right">
            {if $location eq 'top'}
              {$pager->_response.titleTop}
            {else}
              {$pager->_response.titleBottom}
            {/if}
            </span>
          </span>
          <span class="crm-pager-nav">
          {$pager->_response.first}&nbsp;
          {$pager->_response.back}&nbsp;
          {$pager->_response.next}&nbsp;
          {$pager->_response.last}&nbsp;
          {$pager->_response.status}
          </span>

        </div>
    {/if}

    {* Controller for 'Rows Per Page' *}
    {if $location eq 'bottom' and $pager->_totalItems > 25}
     <div class="form-item float-right">
           <label>{ts}Rows per page:{/ts}</label> &nbsp;
           {$pager->_response.twentyfive}&nbsp; | &nbsp;
           {$pager->_response.fifty}&nbsp; | &nbsp;
           {$pager->_response.onehundred}&nbsp;
     </div>
     <div class="clear"></div>
    {/if}

    {if $location neq 'top'}
      <script type="text/javascript">
        {literal}
        cj(function($) {
          {/literal}
          var $form = $('#{$form.formName}');
          var numPages = {$pager->_response.numPages};
          var currentPage = {$pager->_response.currentPage};
          {literal}
          function refresh(url) {
            var options = url ? {url: url} : {};
            $form.closest('.crm-ajax-container, #crm-main-content-wrapper').crmSnippet(options).crmSnippet('refresh');
          }
          function page(num) {
            num = parseInt(num, 10);
            if (isNaN(num) || num < 1 || num > numPages || num === currentPage) {
              return;
            }
            var url = $('a.crm-pager-link', $form).attr('href');
            refresh(url.replace(/crmPID=\d/, 'crmPID=' + num));
          }
          $('input[name^=crmPID]', $form).spinner({
            min: 1,
            max: numPages
          })
            .on('change', function() {
              page($(this).spinner('value'));
            });
          $form
            .on('click', 'a.ui-spinner-button', function(e) {
              page($(this).siblings('input[name^=crmPID]').spinner('value'));
            })
            .on('click', 'a.crm-pager-link, #alpha-filter a', function() {
            refresh($(this).attr('href'));
            return false;
          });
        });
        {/literal}
      </script>
    {/if}

{/if}