Feature: customize pagination

This commit is contained in:
2017-11-14 14:48:55 +00:00
parent fb3259b66b
commit 71bdc2b3f4
2 changed files with 16 additions and 2 deletions

View File

@@ -59,9 +59,11 @@
<tfoot>
<td>
<dir-pagination-controls
max-size="5"
max-size="7"
direction-links="true"
boundary-links="true" >
boundary-links="true"
template-url="partials/pagination.html"
>
</dir-pagination-controls>
</td>
</tfoot>

12
partials/pagination.html Normal file
View File

@@ -0,0 +1,12 @@
<nav class="pagination" role="navigation" aria-label="pagination" ng-if="1 < pages.length || !autoHide">
<a class="pagination-previous" ng-click="setCurrent(pagination.current - 1)" ng-if="directionLinks" ng-class="{ disabled : pagination.current == 1 }">&lsaquo;</a>
<a class="pagination-next" ng-click="setCurrent(pagination.current + 1)" ng-if="directionLinks" ng-class="{ disabled : pagination.current == pagination.last }">&rsaquo;</a>
<ul class="pagination-list">
<li ng-repeat="pageNumber in pages track by tracker(pageNumber, $index)" ng-class="{ active : pagination.current == pageNumber, disabled : pageNumber == '...' }">
<a href="" class="pagination-link" ng-click="setCurrent(pageNumber)">{{ pageNumber }}</a>
</li>
</ul>
</nav>