Handle CapsLock

Author: svr8

index.html

@@ -11,6 +11,7 @@
     <script src="js/jquery.min.js"></script>
     <script src="js/caret.js"></script>
     <script src="js/keyboard.js"></script>
+    <script src="js/ColorState.js"></script>
     <script src="js/var.js"></script>
     <script src="js/keymap.js"></script>
     <script src="js/colorMap.js"></script>

js/ColorState.js

@@ -2,7 +2,7 @@ function ColorState(startKey, endKey, color) {
   this.startKey = startKey;
   this.endKey = endKey;
   this.color = color;
-  this.state = false;
+  this.openStatus = false;
 }
 
 ColorState.prototype = {
@@ -12,7 +12,7 @@ ColorState.prototype = {
   getCloseKey: function() { return this.endKey; },
   getColor: function() { return this.color; },
 
-  isOpen: function() { return this.state; },
-  open: function() { this.state = true; },
-  close: function() { this.state = false; }
+  isOpen: function() { return this.openStatus; },
+  open: function() { this.openStatus = true; },
+  close: function() { this.openStatus = false; }
 }

js/colorize.js

@@ -11,6 +11,16 @@ const isNumber = function(str) {
   return !isNaN(str);
 }
 
+const characterizeWord = function(word) {
+  let html = "";
+  for(let i = 0; i < word.length; i++) {
+    let char = word.charAt(i);
+    html += characterPrefix + char + characterSuffix;
+  }
+
+  return html;
+}
+
 const  wordToHTML = function(word) {
   let htmlWord = word.length==0 ? '' : characterizeWord(word);
 
@@ -64,12 +74,3 @@ const colorizeLine = function(text, prevColorStateList) {
   return htmlLine;
 }
 
-const characterizeWord = function(word) {
-  let html = "";
-  for(let i = 0; i < word.length; i++) {
-    let char = word.charAt(i);
-    html += characterPrefix + char + characterSuffix;
-  }
-
-  return html;
-}

js/index.js

@@ -9,7 +9,12 @@ $(document).ready(function() {
   initNewDoc();
 
   $(document).on('keydown', function(event) {
+    // prevent TAB KEY from switching focus
     if(event.keyCode == 9) event.preventDefault();
+    
+    if (event.originalEvent.getModifierState("CapsLock")) capsLockKey.press();
+    else capsLockKey.release();
+    
     handleKeyDown(event.keyCode);
   });
 

js/keyboard.js

@@ -35,7 +35,7 @@ const isIgnoreKey = function(keyCode) {
 
 const keyToChar = function(keyCode) {
   let char;
-  if(shiftKey.isPressed()) {
+  if(shiftKey.isPressed() || capsLockKey.isPressed()) {
     char = keymap[keyCode][0];
   } else {
     char = keymap[keyCode][1];
@@ -55,8 +55,16 @@ const handleKeyDown = function(keyCode) {
     ctrlKey.press();
   }
 
+  /*
+    TODO
+    CapsLock Key - keyCode = 20
+  */
+  
+  // Ignore Keys --------------------------------------------------------------------
+  if(keyCode == 20) {}
+
   // Deletion --------------------------------------------------------------------
-  if(keyCode == 13) { // ENTER
+  else if(keyCode == 13) { // ENTER
     // TODO handle brackets indentation (|) {|} [|]
     let charBefore = defaultCaret.getCharacterBefore();
     let charAfter = defaultCaret.getCharacter();

js/var.js

@@ -8,8 +8,9 @@ const valuePrefix = '<div class="value">';
 const valueSuffix = '</div>';
 
 var lineRef = [];
-var defaultCaret = new Caret(0,1,1);
-var shiftKey = new Key(16, '');
-var ctrlKey = new Key(17, '');
-var altKey = new Key(18, '');
+const defaultCaret = new Caret(0,1,1);
+const shiftKey = new Key(16, '');
+const ctrlKey = new Key(17, '');
+const altKey = new Key(18, '');
+const capsLockKey = new Key(20, '');
 var ignoreKeyList = [16, 17, 18];