Search ext: Add searchDisplay and searchPage modules

[civicrm-core.git] / ext / search / ang / crmSearchDisplay / crmSearchDisplayTable.html

<table>
  <thead>
    <tr>
      <th class="crm-search-result-select" ng-if="$ctrl.settings.actions">
        <input type="checkbox" ng-checked="$ctrl.allRowsSelected" ng-click="selectAllRows()" >
      </th>
      <th ng-repeat="col in $ctrl.settings.columns" ng-click="setOrderBy(col, $event)" title="{{:: ts('Click to sort results (shift-click to sort by multiple).') }}">
        <i class="crm-i {{ getOrderBy(col) }}"></i>
        <span>{{ col.label }}</span>
      </th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="row in $ctrl.results">
      <td ng-if="$ctrl.settings.actions">
        <input type="checkbox" ng-checked="isRowSelected(row)" ng-click="selectRow(row)" ng-disabled="!(loading === false && !loadingAllRows && row.id)">
      </td>
      <td ng-repeat="col in $ctrl.settings.columns">
        {{ formatResult(row, col) }}
      </td>
      <td></td>
    </tr>
  </tbody>
</table>
<div class="text-center" ng-if="$ctrl.rowCount">
  <ul uib-pagination
      class="pagination"
      boundary-links="true"
      total-items="$ctrl.rowCount"
      ng-model="$ctrl.page"
      ng-change="$ctrl.changePage()"
      items-per-page="$ctrl.limit"
      max-size="6"
      force-ellipses="true"
      previous-text="&lsaquo;"
      next-text="&rsaquo;"
      first-text="&laquo;"
      last-text="&raquo;"
  ></ul>
</div>