miniflux/internal/template/templates/common/pagination.html

{{ define "pagination" }}
<div class="pagination">
    <div class="pagination-prev {{ if not .ShowPrev }}disabled{{end}}">
        {{ if .ShowPrev }}
            <a href="{{ .Route }}{{ if gt .PrevOffset 0 }}?offset={{ .PrevOffset }}{{ if .SearchQuery }}&amp;q={{ .SearchQuery }}{{ end }}{{ else }}{{ if .SearchQuery }}?q={{ .SearchQuery }}{{ end }}{{ end }}" data-page="previous" rel="prev">{{ t "pagination.previous" }}</a>
        {{ else }}
            {{ t "pagination.previous" }}
        {{ end }}
    </div>

    <div class="pagination-next {{ if not .ShowNext }}disabled{{end}}">
        {{ if .ShowNext }}
            <a href="{{ .Route }}?offset={{ .NextOffset }}{{ if .SearchQuery }}&amp;q={{ .SearchQuery }}{{ end }}" data-page="next" rel="next">{{ t "pagination.next" }}</a>
        {{ else }}
            {{ t "pagination.next" }}
        {{ end }}
    </div>
</div>
{{ end }}
First commit 2017-11-20 06:10:04 +01:00			`{{ define "pagination" }}`
			`<div class="pagination">`
Gray out pagination buttons when they are not applicable Whenever the "prev" and "next" buttons have no hyperlink, decrease their opacity to signal that they lead to nowhere. This signal is stronger and more obvious than the current one which merely removes the underline decoration from the text. This patch is an improvement on top of https://github.com/miniflux/v2/pull/1107 2022-03-07 04:48:37 +01:00			`<div class="pagination-prev {{ if not .ShowPrev }}disabled{{end}}">`
First commit 2017-11-20 06:10:04 +01:00			`{{ if .ShowPrev }}`
Use rel=prev/next on pagination link While this is widely documented for SEO reason, it also helps for accessibility. Notably, if you are using tools like Vimium to browse using only the keyboard, these hints help to select the links. It's all the more useful when the text is not in English. 2020-02-23 14:47:08 +01:00			`<a href="{{ .Route }}{{ if gt .PrevOffset 0 }}?offset={{ .PrevOffset }}{{ if .SearchQuery }}&q={{ .SearchQuery }}{{ end }}{{ else }}{{ if .SearchQuery }}?q={{ .SearchQuery }}{{ end }}{{ end }}" data-page="previous" rel="prev">{{ t "pagination.previous" }}</a>`
First commit 2017-11-20 06:10:04 +01:00			`{{ else }}`
Use unique translation IDs instead of English text as key 2018-09-22 03:53:29 +02:00			`{{ t "pagination.previous" }}`
First commit 2017-11-20 06:10:04 +01:00			`{{ end }}`
			`</div>`

Gray out pagination buttons when they are not applicable Whenever the "prev" and "next" buttons have no hyperlink, decrease their opacity to signal that they lead to nowhere. This signal is stronger and more obvious than the current one which merely removes the underline decoration from the text. This patch is an improvement on top of https://github.com/miniflux/v2/pull/1107 2022-03-07 04:48:37 +01:00			`<div class="pagination-next {{ if not .ShowNext }}disabled{{end}}">`
First commit 2017-11-20 06:10:04 +01:00			`{{ if .ShowNext }}`
Use rel=prev/next on pagination link While this is widely documented for SEO reason, it also helps for accessibility. Notably, if you are using tools like Vimium to browse using only the keyboard, these hints help to select the links. It's all the more useful when the text is not in English. 2020-02-23 14:47:08 +01:00			`<a href="{{ .Route }}?offset={{ .NextOffset }}{{ if .SearchQuery }}&q={{ .SearchQuery }}{{ end }}" data-page="next" rel="next">{{ t "pagination.next" }}</a>`
First commit 2017-11-20 06:10:04 +01:00			`{{ else }}`
Use unique translation IDs instead of English text as key 2018-09-22 03:53:29 +02:00			`{{ t "pagination.next" }}`
First commit 2017-11-20 06:10:04 +01:00			`{{ end }}`
			`</div>`
			`</div>`
			`{{ end }}`