From 07cd7d2135b13ea211ce7d950ef903b85f190f85 Mon Sep 17 00:00:00 2001
From: Adam Vigneaux <adam@adamvig.com>
Date: Sat, 8 Sep 2018 21:40:23 -0400
Subject: Add "Mark this page as read" to the bottom

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.
---
 template/html/category_entries.html |  9 +++++++++
 template/html/feed_entries.html     | 19 ++++++++++++++-----
 template/html/unread_entries.html   |  9 +++++++++
 3 files changed, 32 insertions(+), 5 deletions(-)

(limited to 'template/html')

diff --git a/template/html/category_entries.html b/template/html/category_entries.html
index 6cf6c51..e704195 100644
--- a/template/html/category_entries.html
+++ b/template/html/category_entries.html
@@ -31,6 +31,15 @@
         </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 }}
 
diff --git a/template/html/feed_entries.html b/template/html/feed_entries.html
index 6b5d845..1759874 100644
--- a/template/html/feed_entries.html
+++ b/template/html/feed_entries.html
@@ -4,17 +4,17 @@
 <section class="page-header">
     <h1>{{ .feed.Title }} ({{ .total }})</h1>
     <ul>
+        {{ if .entries }}
         <li>
-            <a href="{{ route "refreshFeed" "feedID" .feed.ID }}">{{ t "Refresh" }}</a>
+            <a href="#" data-on-click="markPageAsRead">{{ t "Mark this page as read" }}</a>
         </li>
+        {{ end }}
         <li>
-            <a href="{{ route "editFeed" "feedID" .feed.ID }}">{{ t "Edit" }}</a>
+            <a href="{{ route "refreshFeed" "feedID" .feed.ID }}">{{ t "Refresh" }}</a>
         </li>
-        {{ if .entries }}
         <li>
-            <a href="#" data-on-click="markPageAsRead">{{ t "Mark this page as read" }}</a>
+            <a href="{{ route "editFeed" "feedID" .feed.ID }}">{{ t "Edit" }}</a>
         </li>
-        {{ end }}
     </ul>
 </section>
 
@@ -42,6 +42,15 @@
         </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 }}
 
diff --git a/template/html/unread_entries.html b/template/html/unread_entries.html
index 74ab26a..cadafb4 100644
--- a/template/html/unread_entries.html
+++ b/template/html/unread_entries.html
@@ -34,6 +34,15 @@
         </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 }}
 
-- 
cgit v1.2.3