Improvement arrow keys to move charts

ChartingSpace/TimeMachine.js

@@ -22,6 +22,8 @@ function newTimeMachine () {
     rateScale: undefined,
     payload: undefined,
     edgeEditor: undefined,
+    onFocus: undefined,
+    onKeyPressed: onKeyPressed,
     timelineCharts: [],
     fitFunction: fitFunction,
     physics: physics,
@@ -157,6 +159,10 @@ function newTimeMachine () {
     callBackFunction()
   }
 
+  function onKeyPressed (event) {
+    thisObject.edgeEditor.onKeyPressed(event)
+  }
+
   function onMouseOver (event) {
     drawScales = true
 
@@ -391,6 +397,15 @@ function newTimeMachine () {
       syncWithDesigner()
     }
     panelPhysics()
+    onFocusPhysics()
+  }
+
+  function onFocusPhysics () {
+    if (thisObject.edgeEditor.isMouseOver === true) {
+      thisObject.onFocus = true
+    } else {
+      thisObject.onFocus = false
+    }
   }
 
   function panelPhysics () {