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>

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

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 %}

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',

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',

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',

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 %}