Add keyboard shortcuts and "anti-cache-postfix" for the main.js #26

resources/public/js/main.js

@@ -3,4 +3,19 @@ $(function () {
         var page = $(e.target).val();
         window.location = '/page/' + page;
     });
+
+    $(document).on('keydown', function(e) {
+        switch (e.keyCode) {
+        case 76: // l
+        case 39: // -->
+            var prevUrl = $('#prev-image').attr('href');
+            if (prevUrl !== undefined) window.location = prevUrl;
+            break;
+        case 72: // h
+        case 37: // <--
+            var nextUrl = $('#next-image').attr('href');
+            if (nextUrl !== undefined) window.location = nextUrl;
+            break;
+        }
+    });
 });

resources/templates/detail.html

@@ -4,27 +4,28 @@
 
 <div class="btn-group pull-right clearfix" role="group">
   {% if next-image %}
-  <a class="btn btn-secondary" href="/show/{{ next-image.id }}">
+  <a class="btn btn-secondary" href="/show/{{ next-image.id }}" id="next-image">
-    {% else %}
+  {% else %}
-    <a class="btn btn-secondary disabled" href="#">
+  <a class="btn btn-secondary disabled" href="#">
-      {% endif %}
+  {% endif %}
-      <span class="fa fa-arrow-left"></span>
-      Neuer
-    </a>
 
-    <a class="btn btn-secondary" href="/">
+  <span class="fa fa-arrow-left"></span> Neuer
+
+  </a>
+
+  <a class="btn btn-secondary" href="/">
       <span class="fa fa-home"></span>
       Gallerie
-    </a>
+  </a>
 
-    {% if prev-image %}
+  {% if prev-image %}
-    <a class="btn btn-secondary" href="/show/{{ prev-image.id }}">
+  <a class="btn btn-secondary" href="/show/{{ prev-image.id }}" id="prev-image">
-      {% else %}
+  {% else %}
-      <a class="btn btn-secondary disabled" href="#">
+  <a class="btn btn-secondary disabled" href="#">
-        {% endif %}
+  {% endif %}
-        Älter
+
-        <span class="fa fa-arrow-right"></span>
+  Älter <span class="fa fa-arrow-right"></span>
-      </a>
+  </a>
 </div>
 
 <div class="pull-left clearfix">

resources/templates/layout.html

@@ -91,7 +91,7 @@
     {% script "/assets/jquery/jquery.min.js" %}
     {% script "/assets/tether/dist/js/tether.min.js" %}
     {% script "/assets/bootstrap/js/bootstrap.min.js" %}
-    {% script "/js/main.js" %}
+    {% script "/js/main.js?v2" %}
   </body>
 </html>