d22c6c535e
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.
72 lines
2.9 KiB
HTML
72 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 }}
|