arrow keys can now be used to navigate through media files previews

diff --git a/static/js/main.js b/static/js/main.js
index b114f0ada7db2dc013df3615f3787663c7bf6a1c..4dd7dfb193dd00cc68e12132adbd97b9199dbbb5 100644 (file)
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -2000,6 +2000,24 @@ function runPictureDialog(entries, pos, mediaType) {
         updatePicture();
     });
     
+    function bodyKeyDown(e) {
+        switch (e.which) {
+            case 37:
+                if (prevArrow.is(':visible')) {
+                    prevArrow.click();
+                }
+                break;
+                
+            case 39:
+                if (nextArrow.is(':visible')) {
+                    nextArrow.click();
+                }
+                break;
+        }
+    }
+    
+    $('body').on('keydown', bodyKeyDown);
+    
     img.load(updateModalDialogPosition);
     
     runModalDialog({
@@ -2016,7 +2034,10 @@ function runPictureDialog(entries, pos, mediaType) {
         ],
         content: content,
         stack: true,
-        onShow: updatePicture
+        onShow: updatePicture,
+        onClose: function () {
+            $('body').off('keydown', bodyKeyDown);
+        }
     });
 }