Merge pull request #2033 from PhenX/master

Handle keystrokes in the web interface remote (up, down, left, right,… 

1 files changed, 53 insertions, 0 deletions

diff --git a/addons/webinterface.default/js/MediaLibrary.js b/addons/webinterface.default/js/MediaLibrary.js
index 6a55b46647..27cb895794 100755
--- a/addons/webinterface.default/js/MediaLibrary.js
+++ b/addons/webinterface.default/js/MediaLibrary.js
@@ -38,6 +38,7 @@ MediaLibrary.prototype = {
     $('#remoteControl').click(jQuery.proxy(this.remoteControlOpen, this));
     $('#overlay').click(jQuery.proxy(this.hideOverlay, this));
     $(window).resize(jQuery.proxy(this.updatePlayButtonLocation, this));
+    $(document).bind('keydown', jQuery.proxy(this.handleKeyPress, this));
   },
   resetPage: function() {
     $('#musicLibrary').removeClass('selected');
@@ -119,6 +120,51 @@ MediaLibrary.prototype = {
 
     $('#spinner').hide();
   },
+  handleKeyPress: function(event) {
+    if (!$('#remoteControl').hasClass('selected')) {
+      return;
+    }
+
+    var keys = {
+      8: 'back',        // Back space
+      13: 'ok',         // Enter
+      27: 'home',       // Escape
+      32: 'playpause',  // Space bar
+      37: 'left',       // Left
+      38: 'up',         // Up
+      39: 'right',      // Right
+      40: 'down',       // Down
+      107: 'volumeup',  // +
+      109: 'volumedown' // -
+    };
+
+    var which = event.which;
+    var key = keys[which];
+
+    event.data = {
+      key: key
+    };
+
+    if (!key) {
+      event.data.key = 'text';
+
+      // Letters
+      if (which >= 65 && which <= 90) {
+        var offset = event.shiftKey ? 0 : 32;
+        event.data.text = String.fromCharCode(which + offset);
+      }
+
+      // Digits
+      if (which >= 96 && which <= 105) {
+        event.data.text = (which-96)+"";
+      }
+    }
+
+    if (event.data.key) {
+      this.pressRemoteKey(event);
+      return false;
+    }
+  },
   pressRemoteKey: function(event) {
     var player = -1,
       keyPressed = event.data.key;
@@ -216,6 +262,13 @@ MediaLibrary.prototype = {
             });
           }
         });
+      case 'text':
+        return xbmc.rpc.request({
+          'method': 'Input.SendText',
+          'params': {
+            'text': event.data.text
+          }
+        });
     }
 
     // TODO: Get active player