Merge branch 'keyboard_nav'

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;
+  }
+});
+

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"

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