ext/search/ang/searchAdmin/crmSearch/pager.html

   1 <div class="crm-flex-box">
   2   <div>
   3     <div class="form-inline">
   4       <label ng-if="loading && $ctrl.rowCount === false"><i class="crm-i fa-spin fa-spinner"></i></label>
   5       <label ng-if="$ctrl.rowCount === 1">
   6         {{ $ctrl.selectedRows.length ? ts('%1 selected of 1 result', {1: $ctrl.selectedRows.length}) : ts('1 result') }}
   7       </label>
   8       <label ng-if="$ctrl.rowCount === 0 || $ctrl.rowCount > 1">
   9         {{ $ctrl.selectedRows.length ? ts('%1 selected of %2 results', {1: $ctrl.selectedRows.length, 2: $ctrl.rowCount}) : ts('%1 results', {1: $ctrl.rowCount}) }}
  10       </label>
  11     </div>
  12   </div>
  13   <div class="text-center crm-flex-2">
  14     <ul uib-pagination ng-if="$ctrl.rowCount && !$ctrl.stale"
  15         class="pagination"
  16         boundary-links="true"
  17         total-items="$ctrl.rowCount"
  18         ng-model="$ctrl.page"
  19         ng-change="$ctrl.changePage()"
  20         items-per-page="$ctrl.limit"
  21         max-size="6"
  22         force-ellipses="true"
  23         previous-text="&lsaquo;"
  24         next-text="&rsaquo;"
  25         first-text="&laquo;"
  26         last-text="&raquo;"
  27     ></ul>
  28   </div>
  29   <div class="form-inline text-right">
  30     <label for="crm-search-results-page-size" >
  31       {{:: ts('Page size:') }}
  32     </label>
  33     <input class="form-control" id="crm-search-results-page-size" type="number" ng-model="$ctrl.limit" min="10" step="10" ng-change="onChangeLimit()">
  34   </div>
  35 </div>