From c6099d59088c016889a86359987d63c8a302d6ad Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Fri, 11 Oct 2019 16:40:06 +0200
Subject: [PATCH] Key to open and close the designer

---
 Canvas.js | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/Canvas.js b/Canvas.js
index fc29a3bdf..442fde11c 100644
--- a/Canvas.js
+++ b/Canvas.js
@@ -69,6 +69,8 @@ function newCanvas () {
       browserCanvas.removeEventListener('dragleave', onDragLeave, false)
       browserCanvas.removeEventListener('dragover', onDragOver, false)
       browserCanvas.removeEventListener('drop', onDragDrop, false)
+
+      browserCanvas.removeEventListener('keydown', onKeyDown, false)
     } catch (err) {
       if (ERROR_LOG === true) { logger.write('[ERROR] finalize -> err = ' + err.stack) }
     }
@@ -151,6 +153,11 @@ function newCanvas () {
 
   function addCanvasEvents () {
     try {
+      /* Keyboard events */
+      window.addEventListener('keydown', onKeyDown, true)
+
+      /* Mouse Events */
+
       browserCanvas.addEventListener('mousedown', onMouseDown, false)
       browserCanvas.addEventListener('mouseup', onMouseUp, false)
       browserCanvas.addEventListener('mousemove', onMouseMove, false)
@@ -178,6 +185,24 @@ function newCanvas () {
     }
   }
 
+  function onKeyDown (event) {
+    if (event.shiftKey === true && event.code === 'ArrowUp') {
+      thisObject.cockpitSpace.toTop()
+    }
+
+    if (event.shiftKey === true && event.code === 'ArrowDown') {
+      thisObject.cockpitSpace.toBottom()
+    }
+
+    if (event.keyCode === 37) {
+      alert('Left key pressed')
+    }
+
+    if (event.keyCode === 39) {
+      alert('Rigth key pressed')
+    }
+  }
+
   function onDragEnter (event) {
     try {
       event.preventDefault()
@@ -709,4 +734,3 @@ function newCanvas () {
     }
   }
 }
-