Add left and right arrow keys navigation (add new JS file, link it from media.html...

diff --git a/mediagoblin/static/js/keyboard_navigation.js b/mediagoblin/static/js/keyboard_navigation.js
new file mode 100644 (file)
index 0000000..83d339f
--- /dev/null
+++ b/mediagoblin/static/js/keyboard_navigation.js
@@ -0,0 +1,29 @@
+/**
+ * GNU MediaGoblin -- federated, autonomous media hosting
+ * Copyright (C) 2011, 2012 MediaGoblin contributors.  See AUTHORS.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+$(document).keydown(function(event){
+  switch(event.which){
+    case 37:
+      window.location = $('.navigation_left').attr('href');
+      break;
+    case 39:
+      window.location = $('.navigation_right').attr('href');
+      break;
+  }
+});
+

diff --git a/mediagoblin/templates/mediagoblin/user_pages/media.html b/mediagoblin/templates/mediagoblin/user_pages/media.html
index d2503a4ebdb5544d73387dbcd255650a18209efc..0b9bb8086ea733df8fde8a1e592f972ae93eb2d1 100644 (file)
--- 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 d0cf3f8c95b07ee4285299f169a7b080aadaf268..83d83ad63c92555da01d9c705c3da9fdd84ada9b 100644 (file)
--- 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 %}