Extend left/right arrow key navigation to paginated views [#5627].

Includes "home", "collection", "view all user's media" and "user's profile" views.

Signed-off-by: Ben Sturmfels <ben@sturm.com.au>

6 files changed, 17 insertions, 2 deletions

diff --git a/docs/source/siteadmin/relnotes.rst b/docs/source/siteadmin/relnotes.rst
index 1ddd2b0d..59dfc945 100644
--- a/docs/source/siteadmin/relnotes.rst
+++ b/docs/source/siteadmin/relnotes.rst
@@ -19,6 +19,11 @@ Release Notes
 
 This chapter has important information about our current and previous releases.
 
+0.12.0 (Work in progress)
+=========================
+
+- Extend left/right arrow key navigation to paginated views [#5627] (Olivier Mehani)
+
 ..
    **To do:**
    - add TLS to deploying documentation
diff --git a/mediagoblin/templates/mediagoblin/root.html b/mediagoblin/templates/mediagoblin/root.html
index 15d53af1..22fffb1c 100644
--- a/mediagoblin/templates/mediagoblin/root.html
+++ b/mediagoblin/templates/mediagoblin/root.html
@@ -22,6 +22,8 @@
 {% set feed_url = request.urlgen('mediagoblin.listings.atom_feed') %}
 
 {% block mediagoblin_head -%}
+  <script type="text/javascript"
+          src="{{ request.staticdirect('/js/keyboard_navigation.js') }}"></script>
   {% set feed_url = request.urlgen('mediagoblin.listings.atom_feed') -%}
   <link rel="alternate" type="application/atom+xml" href="{{ feed_url }}">
 {%- endblock mediagoblin_head %}
diff --git a/mediagoblin/templates/mediagoblin/user_pages/collection.html b/mediagoblin/templates/mediagoblin/user_pages/collection.html
index 71ba4451..68bee67f 100644
--- a/mediagoblin/templates/mediagoblin/user_pages/collection.html
+++ b/mediagoblin/templates/mediagoblin/user_pages/collection.html
@@ -20,6 +20,8 @@
 {% from "mediagoblin/utils/collection_gallery.html" import collection_gallery %}
 
 {% block mediagoblin_head %}
+    <script type="text/javascript"
+          src="{{ request.staticdirect('/js/keyboard_navigation.js') }}"></script>
     <link rel="alternate" type="application/atom+xml"
           href="{{ request.urlgen(
                        'mediagoblin.user_pages.atom_feed',
diff --git a/mediagoblin/templates/mediagoblin/user_pages/gallery.html b/mediagoblin/templates/mediagoblin/user_pages/gallery.html
index f23bb156..af183890 100644
--- a/mediagoblin/templates/mediagoblin/user_pages/gallery.html
+++ b/mediagoblin/templates/mediagoblin/user_pages/gallery.html
@@ -20,6 +20,8 @@
 {% from "mediagoblin/utils/object_gallery.html" import object_gallery %}
 
 {% block mediagoblin_head %}
+    <script type="text/javascript"
+          src="{{ request.staticdirect('/js/keyboard_navigation.js') }}"></script>
     <link rel="alternate" type="application/atom+xml"
           href="{{ request.urlgen(
                        'mediagoblin.user_pages.atom_feed',
diff --git a/mediagoblin/templates/mediagoblin/user_pages/user.html b/mediagoblin/templates/mediagoblin/user_pages/user.html
index 9ac96f80..ff1c904d 100644
--- a/mediagoblin/templates/mediagoblin/user_pages/user.html
+++ b/mediagoblin/templates/mediagoblin/user_pages/user.html
@@ -23,6 +23,8 @@
 {% from "mediagoblin/utils/object_gallery.html" import object_gallery %}
 
 {% block mediagoblin_head %}
+    <script type="text/javascript"
+          src="{{ request.staticdirect('/js/keyboard_navigation.js') }}"></script>
     <link rel="alternate" type="application/atom+xml"
           href="{{ request.urlgen(
                        'mediagoblin.user_pages.atom_feed',
diff --git a/mediagoblin/templates/mediagoblin/utils/pagination.html b/mediagoblin/templates/mediagoblin/utils/pagination.html
index 2ac990ae..2b19d14c 100644
--- a/mediagoblin/templates/mediagoblin/utils/pagination.html
+++ b/mediagoblin/templates/mediagoblin/utils/pagination.html
@@ -36,13 +36,15 @@
           {% set prev_url = pagination.get_page_url_explicit(
                    base_url, get_params,
                    pagination.page - 1) %}
-          <a href="{{ prev_url }}">{% trans %}← Newer{% endtrans %}</a>
+          <a class="navigation_left"
+	     href="{{ prev_url }}">{% trans %}← Newer{% endtrans %}</a>
         {% endif %}
         {% if pagination.has_next %}
           {% set next_url = pagination.get_page_url_explicit(
                    base_url, get_params,
                    pagination.page + 1) %}
-          <a href="{{ next_url }}">{% trans %}Older →{% endtrans %}</a>
+          <a class="navigation_right"
+	     href="{{ next_url }}">{% trans %}Older →{% endtrans %}</a>
         {% endif %}
         <br />
         {% trans %}Go to page:{% endtrans %}