07cd7d2135
This better matches the most common use case for the "Mark this page as read" link, which is to click it once you have reached the bottom of the page. Especially on mobile, it can be annoying to scroll to the top of the page to click the link.
49 lines
No EOL
1.8 KiB
HTML
49 lines
No EOL
1.8 KiB
HTML
{{ define "title"}}{{ t "Unread Items" }} {{ if gt .countUnread 0 }}({{ .countUnread }}){{ end }} {{ end }}
|
|
|
|
{{ define "content"}}
|
|
<section class="page-header">
|
|
<h1>{{ t "Unread" }} (<span class="unread-counter">{{ .countUnread }}</span>)</h1>
|
|
{{ if .entries }}
|
|
<ul>
|
|
<li>
|
|
<a href="#" data-on-click="markPageAsRead">{{ t "Mark this page as read" }}</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ route "markAllAsRead" }}">{{ t "Mark all as read" }}</a>
|
|
</li>
|
|
</ul>
|
|
{{ end }}
|
|
</section>
|
|
|
|
{{ if not .entries }}
|
|
<p class="alert">{{ t "There is no unread article." }}</p>
|
|
{{ else }}
|
|
<div class="items hide-read-items">
|
|
{{ range .entries }}
|
|
<article class="item touch-item item-status-{{ .Status }}" data-id="{{ .ID }}">
|
|
<div class="item-header">
|
|
<span class="item-title">
|
|
{{ if ne .Feed.Icon.IconID 0 }}
|
|
<img src="{{ route "icon" "iconID" .Feed.Icon.IconID }}" width="16" height="16" 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-on-click="markPageAsRead">{{ t "Mark this page as read" }}</a>
|
|
</li>
|
|
</ul>
|
|
{{ end }}
|
|
</section>
|
|
{{ template "pagination" .pagination }}
|
|
{{ end }}
|
|
|
|
{{ end }} |