drupal-civicrm/sites/all/modules/civicrm/templates/CRM/common/pager.tpl

{*
 +--------------------------------------------------------------------+
 | CiviCRM version 4.7                                                |
 +--------------------------------------------------------------------+
 | Copyright CiviCRM LLC (c) 2004-2017                                |
 +--------------------------------------------------------------------+
 | 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 for="{$form.formClass}-rows-per-page-select">{ts}Rows per page:{/ts}</label> &nbsp;
       <input class="crm-rows-per-page-select" id="{$form.formClass}-rows-per-page-select" type="text" size="3" value="{$pager->_perPage}"/>
     </div>
     <div class="clear"></div>
    {/if}

    {if $location neq 'top'}
      <script type="text/javascript">
        {literal}
        CRM.$(function($) {
          {/literal}
          var
            $form = $({if empty($form.formClass)}'#crm-main-content-wrapper'{else}'form.{$form.formClass}'{/if}),
            numPages = {$pager->_response.numPages},
            currentPage = {$pager->_response.currentPage},
            perPageCount = {$pager->_perPage},
            currentLocation = {$pager->_response.currentLocation|json_encode},
            spinning = null,
            refreshing = false;
          {literal}
          function refresh(url) {
            if (!refreshing) {
              refreshing = true;
              var options = url ? {url: url} : {};
              $form.off('.crm-pager').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;
            }
            refresh(currentLocation.replace(/crmPID=\d+/, 'crmPID=' + num));
          }
          function changeCount(num) {
            num = parseInt(num, 10);
            if (isNaN(num) || num < 1 || num === perPageCount) {
              return;
            }
            refresh(currentLocation.replace(/&crmRowCount=\d+/, '') + '&crmRowCount=' + num);
          }
          function preventSubmit(e) {
            if (e.keyCode == 13) {
              e.preventDefault();
              $(this).trigger('change');
              return false;
            }
          }
          $('input[name^=crmPID]', $form)
            .spinner({
              min: 1,
              max: numPages
            })
            .on('change', function() {
              page($(this).spinner('value'));
            })
            .on('keyup keydown keypress', preventSubmit);
          $('input.crm-rows-per-page-select', $form)
            .spinner({
              min: 25,
              step: 25
            })
            .on('change', function() {
              changeCount($(this).spinner('value'));
            })
            .on('keyup keydown keypress', preventSubmit);
          $form
            .on('click.crm-pager', 'a.ui-spinner-button', function(e) {
              var $el = $(this);
              // Update after a short delay to allow multiple clicks
              spinning !== null && window.clearTimeout(spinning);
              spinning = window.setTimeout(function() {
                if ($el.is('.crm-pager a')) {
                  page($el.siblings('input[name^=crmPID]').spinner('value'));
                } else {
                  changeCount($el.siblings('input.crm-rows-per-page-select').spinner('value'));
                }
              }, 200);
            })
            // Handle sorting, paging and alpha filtering links
            .on('click.crm-pager', 'a.crm-pager-link, #alpha-filter a, th a.sorting, th a.sorting_desc, th a.sorting_asc', function(e) {
              refresh($(this).attr('href'));
              e.preventDefault();
            });
        });
        {/literal}
      </script>
    {/if}

{/if}