Skip to content

Commit

Permalink
[TASK] add modern news pagination
Browse files Browse the repository at this point in the history
Signed-off-by: Kay Strobach <[email protected]>
  • Loading branch information
kaystrobach committed Jan 24, 2023
1 parent eeda5b0 commit 69ddc4c
Showing 1 changed file with 70 additions and 0 deletions.
70 changes: 70 additions & 0 deletions Resources/Private/Extensions/News/Partials/List/Pagination.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
<f:if condition="{pagination.allPageNumbers -> f:count()} > 1">
<nav aria-label="News paginator bootstrap">
<ul class="f3-widget-paginator pagination">
<f:if condition="{pagination.previousPageNumber} && {pagination.previousPageNumber} >= {pagination.firstPageNumber}">
<f:then>
<f:comment>
<li class="first page-item">
<a href="{f:uri.action(action:actionName, arguments:{currentPage: 1},addQueryString:1)}" title="{f:translate(key:'pagination.first')}">
<i class="material-icons">first_page</i>
</a>
</li>
</f:comment>
<li class="previous page-item">
<a href="{f:uri.action(action:actionName, arguments:{currentPage: pagination.previousPageNumber},addQueryString:1)}" title="{f:translate(key:'pagination.previous')}">
{f:translate(key:'widget.pagination.previous', extensionName: 'fluid')}
</a>
</li>
</f:then>
<f:else>
<f:comment>
<li class="disabled page-item"><span><i class="material-icons">first_page</i></span></li>
<li class="disabled page-item"><span>{f:translate(key:'widget.pagination.previous', extensionName: 'fluid')}</span></li>
</f:comment>
</f:else>
</f:if>
<f:if condition="{pagination.hasLessPages}">
<li></li>
</f:if>
<f:for each="{pagination.allPageNumbers}" as="page">
<f:if condition="{page} == {paginator.currentPageNumber}">
<f:then>
<li class="current page-item active">
<span class="page-link">{page}</span>
</li>
</f:then>
<f:else>
<li>
<a href="{f:uri.action(action:actionName, arguments:{currentPage: page},addQueryString:1)}">{page}</a>
</li>
</f:else>
</f:if>
</f:for>
<f:if condition="{pagination.hasMorePages}">
<li></li>
</f:if>
<f:if condition="{pagination.nextPageNumber} && {pagination.nextPageNumber} <= {pagination.lastPageNumber}">
<f:then>
<li class="next page-item">
<a href="{f:uri.action(action:actionName, arguments:{currentPage: pagination.nextPageNumber},addQueryString:1)}" title="{f:translate(key:'pagination.next')}">
{f:translate(key:'widget.pagination.next', extensionName: 'fluid')}
</a>
</li>
<f:comment>
<li class="last">
<a href="{f:uri.action(action:actionName, arguments:{currentPage: pagination.lastPageNumber},addQueryString:1)}" title="{f:translate(key:'pagination.last')}">
last
</a>
</li>
</f:comment>
</f:then>
<f:else>
<f:comment>
<li class="disabled page-item"><span>{f:translate(key:'widget.pagination.next', extensionName: 'fluid')}</span></li>
<li class="disabled page-item"><span>last page</span></li>
</f:comment>
</f:else>
</f:if>
</ul>
</nav>
</f:if>

0 comments on commit 69ddc4c

Please sign in to comment.