updated keyboard helper keys

Author: svr8

js/caret.js

@@ -68,7 +68,6 @@ Caret.prototype = {
 
   show: function() {
     let html = `<div id="caret_${this.page.getId()}_${this.id}" class="caret"></div>`;
-    // let parent = document.getElementById(`${this.page.getId()}`);
     document.body.innerHTML += html;
 
     this.setPos(this.row, this.col);

js/index.js

@@ -22,9 +22,17 @@ $(document).ready(function() {
     // prevent TAB KEY from switching focus
     if(event.keyCode == 9) event.preventDefault();
 
-    // detect capslock
+    // toggle capslock
     if (event.originalEvent.getModifierState("CapsLock")) capsLockKey.press();
     else capsLockKey.release();
+
+    // toggle shiftkey
+    if(event.shiftKey) shiftKey.press();
+    else shiftKey.release();
+
+    // toggle ctrlKey
+    if(event.ctrlKey) ctrlKey.press();
+    else ctrlKey.release();
 
     // handle key pressed
     handleKeyDown(page0, event.keyCode);

js/keyboard.js

@@ -48,13 +48,6 @@ const handleKeyDown = function(page, keyCode) {
   var tmpkey = String.fromCharCode(keyCode);
   // console.log(tmpkey + ' ' + keyCode);
 
-  // TRIGGER HELPER KEYS: CTRL, SHIFT
-  if(keyCode == shiftKey.keyCode) {
-    shiftKey.press();
-  } else if(keyCode == ctrlKey.keyCode) {
-    ctrlKey.press();
-  }
-
   // Ignore Keys --------------------------------------------------------------------
   if(keyCode == 20) {}
 
@@ -139,9 +132,5 @@ const handleKeyDown = function(page, keyCode) {
 
 // KEYUP
 const handleKeyUp = function(keyCode) {
-  if(keyCode == shiftKey.keyCode) {
-    shiftKey.release();
-  } else if(keyCode == ctrlKey.keyCode) {
-    ctrlKey.release();
-  }
+  
 }

js/page.js

@@ -18,13 +18,13 @@ Page.prototype = {
     return this.width;
   },
   setWidth: function(width) {
-    document.getElementById("page").style.width = `${width}px`;
+    document.getElementById(`${this.id}`).style.width = `${width}px`;
   },
   getHeight: function() {
     return this.height;
   },
   setHeight: function(height) {
-    document.getElementById("page").style.height = `${height}`;
+    document.getElementById(`${this.id}`).style.height = `${height}`;
   },
 
   getLineRef: function(lineNum) {