Skip to content

Commit 3380cb3

Browse files
linawolflinawolf
authored
Merge branch 'main' into feature/recordTitleProvider
2 parents 1487002 + 068180a commit 3380cb3

File tree

1 file changed

+83
-52
lines changed

1 file changed

+83
-52
lines changed

‎Resources/Private/Partials/Pagination.html‎

Lines changed: 83 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -1,57 +1,88 @@
11
<html
22
xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
3-
xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
43
data-namespace-typo3-fluid="true">
5-
<ul class="f3-widget-paginator">
6-
<f:if condition="{pagination.previousPageNumber} && {pagination.previousPageNumber} >= {pagination.firstPageNumber}">
7-
<f:then>
8-
<li>
9-
<a href="{f:uri.action(action:actionName, arguments:{currentPage: 1, blog: blog})}" title="{f:translate(key:'pagination.first')}">
10-
<core:icon identifier="actions-caret-bar-left" alternativeMarkupIdentifier="inline" size="small" />
11-
</a>
12-
</li>
13-
<li>
14-
<a href="{f:uri.action(action:actionName, arguments:{currentPage: pagination.previousPageNumber, blog: blog})}" title="{f:translate(key:'pagination.previous')}">
15-
<core:icon identifier="actions-caret-left" alternativeMarkupIdentifier="inline" size="small" />
16-
</a>
17-
</li>
18-
</f:then>
19-
<f:else>
20-
<li class="disabled">
21-
<core:icon identifier="actions-caret-bar-left" alternativeMarkupIdentifier="inline" size="small" />
22-
</li>
23-
<li class="disabled">
24-
<core:icon identifier="actions-caret-left" alternativeMarkupIdentifier="inline" size="small" />
25-
</li>
26-
</f:else>
27-
</f:if>
28-
<f:for each="{pages}" as="page">
29-
<li class="{f:if(condition: '{page} == {paginator.currentPageNumber}', then:'active', else:'')}">
30-
<a href="{f:uri.action(action:actionName, arguments:{currentPage: page, blog: blog})}">{page}</a>
31-
</li>
32-
</f:for>
334

34-
<f:if condition="{pagination.nextPageNumber} && {pagination.nextPageNumber} <= {pagination.lastPageNumber}">
35-
<f:then>
36-
<li>
37-
<a href="{f:uri.action(action:actionName, arguments:{currentPage: pagination.nextPageNumber, blog: blog})}" title="{f:translate(key:'pagination.next')}">
38-
<core:icon identifier="actions-caret-right" alternativeMarkupIdentifier="inline" size="small" />
39-
</a>
40-
</li>
41-
<li>
42-
<a href="{f:uri.action(action:actionName, arguments:{currentPage: pagination.lastPageNumber, blog: blog})}" title="{f:translate(key:'pagination.last')}">
43-
<core:icon identifier="actions-caret-bar-right" alternativeMarkupIdentifier="inline" size="small" />
44-
</a>
45-
</li>
46-
</f:then>
47-
<f:else>
48-
<li class=" disabled">
49-
<core:icon identifier="actions-caret-right" alternativeMarkupIdentifier="inline" size="small" />
50-
</li>
51-
<li class=" disabled">
52-
<core:icon identifier="actions-caret-bar-right" alternativeMarkupIdentifier="inline" size="small" />
53-
</li>
54-
</f:else>
55-
</f:if>
56-
</ul>
5+
<nav aria-label="Page navigation">
6+
<ul class="pagination">
7+
8+
<!-- First / Previous -->
9+
<f:if condition="{pagination.previousPageNumber} && {pagination.previousPageNumber} >= {pagination.firstPageNumber}">
10+
<f:then>
11+
<li class="page-item">
12+
<a class="page-link"
13+
href="{f:uri.action(action: actionName, arguments: {currentPage: 1, blog: blog})}"
14+
aria-label="{f:translate(key:'pagination.first')}">
15+
<span aria-hidden="true">&laquo;&laquo;</span>
16+
</a>
17+
</li>
18+
<li class="page-item">
19+
<a class="page-link"
20+
href="{f:uri.action(action: actionName, arguments: {currentPage: pagination.previousPageNumber, blog: blog})}"
21+
aria-label="{f:translate(key:'pagination.previous')}">
22+
<span aria-hidden="true">&laquo;</span>
23+
</a>
24+
</li>
25+
</f:then>
26+
<f:else>
27+
<li class="page-item disabled">
28+
<span class="page-link" aria-hidden="true">&laquo;&laquo;</span>
29+
</li>
30+
<li class="page-item disabled">
31+
<span class="page-link" aria-hidden="true">&laquo;</span>
32+
</li>
33+
</f:else>
34+
</f:if>
35+
36+
<!-- Page numbers -->
37+
<f:for each="{pages}" as="page">
38+
<f:if condition="{page} == {paginator.currentPageNumber}">
39+
<f:then>
40+
<li class="page-item active" aria-current="page">
41+
<span class="page-link">
42+
{page}
43+
</span>
44+
</li>
45+
</f:then>
46+
<f:else>
47+
<li class="page-item">
48+
<a class="page-link"
49+
href="{f:uri.action(action: actionName, arguments: {currentPage: page, blog: blog})}">
50+
{page}
51+
</a>
52+
</li>
53+
</f:else>
54+
</f:if>
55+
</f:for>
56+
57+
<!-- Next / Last -->
58+
<f:if condition="{pagination.nextPageNumber} && {pagination.nextPageNumber} <= {pagination.lastPageNumber}">
59+
<f:then>
60+
<li class="page-item">
61+
<a class="page-link"
62+
href="{f:uri.action(action: actionName, arguments: {currentPage: pagination.nextPageNumber, blog: blog})}"
63+
aria-label="{f:translate(key:'pagination.next')}">
64+
<span aria-hidden="true">&raquo;</span>
65+
</a>
66+
</li>
67+
<li class="page-item">
68+
<a class="page-link"
69+
href="{f:uri.action(action: actionName, arguments: {currentPage: pagination.lastPageNumber, blog: blog})}"
70+
aria-label="{f:translate(key:'pagination.last')}">
71+
<span aria-hidden="true">&raquo;&raquo;</span>
72+
</a>
73+
</li>
74+
</f:then>
75+
<f:else>
76+
<li class="page-item disabled">
77+
<span class="page-link" aria-hidden="true">&raquo;</span>
78+
</li>
79+
<li class="page-item disabled">
80+
<span class="page-link" aria-hidden="true">&raquo;&raquo;</span>
81+
</li>
82+
</f:else>
83+
</f:if>
84+
85+
</ul>
86+
</nav>
87+
5788
</html>

0 commit comments

Comments
 (0)