You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
2.2 KiB
Smarty
45 lines
2.2 KiB
Smarty
<div component="pagination" class="text-center pagination-container<!-- IF !pagination.pages.length --> hidden<!-- ENDIF !pagination.pages.length -->">
|
|
<ul class="pagination hidden-xs">
|
|
<li class="previous pull-left<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
|
|
<a href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
|
|
</li>
|
|
|
|
{{{each pagination.pages}}}
|
|
<!-- IF pagination.pages.separator -->
|
|
<li component="pagination/select-page" class="page select-page">
|
|
<a href="#"><i class="fa fa-ellipsis-h"></i></a>
|
|
</li>
|
|
<!-- ELSE -->
|
|
<li class="page<!-- IF pagination.pages.active --> active<!-- ENDIF pagination.pages.active -->" >
|
|
<a href="?{pagination.pages.qs}" data-page="{pagination.pages.page}">{pagination.pages.page}</a>
|
|
</li>
|
|
<!-- ENDIF pagination.pages.separator -->
|
|
{{{end}}}
|
|
|
|
<li class="next pull-right<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
|
|
<a href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul class="pagination hidden-sm hidden-md hidden-lg">
|
|
<li class="first<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
|
|
<a href="?{pagination.first.qs}" data-page="1"><i class="fa fa-fast-backward"></i> </a>
|
|
</li>
|
|
|
|
<li class="previous<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
|
|
<a href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
|
|
</li>
|
|
|
|
<li component="pagination/select-page" class="page select-page">
|
|
<a href="#">{pagination.currentPage} / {pagination.pageCount}</a>
|
|
</li>
|
|
|
|
<li class="next<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
|
|
<a href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
|
|
</li>
|
|
|
|
<li class="last<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
|
|
<a href="?{pagination.last.qs}" data-page="{pagination.pageCount}"><i class="fa fa-fast-forward"></i> </a>
|
|
</li>
|
|
</ul>
|
|
</div> |