Add left and right arrow keys navigation (add new JS file, link it from media.html; add new navigation_right class to right button)

2 files changed, 4 insertions, 2 deletions

diff --git a/mediagoblin/templates/mediagoblin/user_pages/media.html b/mediagoblin/templates/mediagoblin/user_pages/media.html
index d2503a4e..0b9bb808 100644
--- a/mediagoblin/templates/mediagoblin/user_pages/media.html
+++ b/mediagoblin/templates/mediagoblin/user_pages/media.html
@@ -27,6 +27,8 @@
     href="{{ request.staticdirect('/extlib/leaflet/leaflet.ie.css') }}" /><![endif]-->
   <script type="text/javascript"
           src="{{ request.staticdirect('/js/comment_show.js') }}"></script>
+  <script type="text/javascript"
+          src="{{ request.staticdirect('/js/keyboard_navigation.js') }}"></script>
 
   {% if app_config['geolocation_map_visible'] %}
     <link rel="stylesheet"
diff --git a/mediagoblin/templates/mediagoblin/utils/prev_next.html b/mediagoblin/templates/mediagoblin/utils/prev_next.html
index d0cf3f8c..83d83ad6 100644
--- a/mediagoblin/templates/mediagoblin/utils/prev_next.html
+++ b/mediagoblin/templates/mediagoblin/utils/prev_next.html
@@ -34,12 +34,12 @@
   {% endif %}
   {# Likewise, this could be the very last media entry #}
   {% if next_entry_url %}
-    <a class="navigation_button" href="{{ next_entry_url }}">
+    <a class="navigation_button navigation_right" href="{{ next_entry_url }}">
       {% trans %}older{% endtrans %} &rarr;
     </a>
   {% else %}
     {# This is the last entry. display greyed-out 'next' image #}
-    <p class="navigation_button">
+    <p class="navigation_button navigation_right">
       {% trans %}older{% endtrans %} &rarr;
     </p>
   {% endif %}