mirror of
https://github.com/miniflux/v2.git
synced 2024-09-01 00:57:22 +02:00
Enable users to move to prev/next page without having to scroll all the way to the bottom of the page. Furthermore, ensure consistency with entry.html which has top and bottom pagination.
73 lines
2.9 KiB
HTML
73 lines
2.9 KiB
HTML
{{ define "title"}}{{ t "page.unread.title" }} {{ if gt .countUnread 0 }}({{ .countUnread }}){{ end }} {{ end }}
|
|
|
|
{{ define "content"}}
|
|
<section class="page-header">
|
|
<h1>{{ t "page.unread.title" }} (<span class="unread-counter">{{ .countUnread }}</span>)</h1>
|
|
{{ if .entries }}
|
|
<ul>
|
|
<li>
|
|
<a href="#"
|
|
data-action="markPageAsRead"
|
|
data-show-only-unread="1"
|
|
data-label-question="{{ t "confirm.question" }}"
|
|
data-label-yes="{{ t "confirm.yes" }}"
|
|
data-label-no="{{ t "confirm.no" }}"
|
|
data-label-loading="{{ t "confirm.loading" }}">{{ t "menu.mark_page_as_read" }}</a>
|
|
</li>
|
|
<li>
|
|
<a href="#"
|
|
data-confirm="true"
|
|
data-url="{{ route "markAllAsRead" }}"
|
|
data-redirect-url="{{ route "unread" }}"
|
|
data-label-question="{{ t "confirm.question" }}"
|
|
data-label-yes="{{ t "confirm.yes" }}"
|
|
data-label-no="{{ t "confirm.no" }}"
|
|
data-label-loading="{{ t "confirm.loading" }}">{{ t "menu.mark_all_as_read" }}</a>
|
|
</li>
|
|
</ul>
|
|
{{ end }}
|
|
</section>
|
|
|
|
{{ if not .entries }}
|
|
<p class="alert">{{ t "alert.no_unread_entry" }}</p>
|
|
{{ else }}
|
|
<div class="pagination-top">
|
|
{{ template "pagination" .pagination }}
|
|
</div>
|
|
<div class="items hide-read-items">
|
|
{{ range .entries }}
|
|
<article role="article" class="item {{ if $.user.EntrySwipe }}touch-item{{ end }} item-status-{{ .Status }}" data-id="{{ .ID }}">
|
|
<div class="item-header" dir="auto">
|
|
<span class="item-title">
|
|
{{ if ne .Feed.Icon.IconID 0 }}
|
|
<img src="{{ route "icon" "iconID" .Feed.Icon.IconID }}" width="16" height="16" loading="lazy" alt="{{ .Feed.Title }}">
|
|
{{ end }}
|
|
<a href="{{ route "unreadEntry" "entryID" .ID }}">{{ .Title }}</a>
|
|
</span>
|
|
<span class="category"><a href="{{ route "categoryEntries" "categoryID" .Feed.Category.ID }}">{{ .Feed.Category.Title }}</a></span>
|
|
</div>
|
|
{{ template "item_meta" dict "user" $.user "entry" . "hasSaveEntry" $.hasSaveEntry }}
|
|
</article>
|
|
{{ end }}
|
|
</div>
|
|
<section class="page-footer">
|
|
{{ if .entries }}
|
|
<ul>
|
|
<li>
|
|
<a href="#"
|
|
data-action="markPageAsRead"
|
|
data-label-question="{{ t "confirm.question" }}"
|
|
data-label-yes="{{ t "confirm.yes" }}"
|
|
data-label-no="{{ t "confirm.no" }}"
|
|
data-label-loading="{{ t "confirm.loading" }}">{{ t "menu.mark_page_as_read" }}</a>
|
|
</li>
|
|
</ul>
|
|
{{ end }}
|
|
</section>
|
|
<div class="pagination-bottom">
|
|
{{ template "pagination" .pagination }}
|
|
</div>
|
|
{{ end }}
|
|
|
|
{{ end }}
|