js_lis 2.0.0 → 2.0.1

package/VirtualKeyboard.js

@@ -37,6 +37,8 @@ export class VirtualKeyboard {
         return "Thai keyboard";
       case "numpad":
         return "Numpad Keyboard";
+      case "symbols":
+        return "Symbols Keyboard";
       default:
         return "Unknown Layout";
     }
@@ -94,7 +96,7 @@ export class VirtualKeyboard {
     layoutSelector.id = "layout-selector";
     layoutSelector.onchange = (e) => this.changeLayout(e.target.value);
 
-    const layouts = ["full", "en", "th", "numpad"];
+    const layouts = ["full", "en", "th", "numpad", "symbols"];
     layouts.forEach((layout) => {
       const option = document.createElement("option");
       option.value = layout;
@@ -177,7 +179,7 @@ export class VirtualKeyboard {
     if (keyPressed === "scr" || keyPressed === "scrambled") {
       if (this.currentLayout === "en") {
         if (this.isScrambled) {
-          this.unscrambleEnglishKeys();
+          this.unscrambleKeys();
         } else {
           this.scrambleEnglishKeys();
         }
@@ -191,7 +193,7 @@ export class VirtualKeyboard {
 
       if (this.currentLayout === "th") {
         if (this.isScrambled) {
-          this.unscrambleEnglishKeys();
+          this.unscrambleKeys();
         } else {
           this.scrambleThaiKeys();
         }
@@ -205,7 +207,7 @@ export class VirtualKeyboard {
 
       if (this.currentLayout === "numpad") {
         if (this.isScrambled) {
-          this.unscrambleEnglishKeys();
+          this.unscrambleKeys();
         } else {
           this.scrambleKeyboard();
         }
@@ -214,6 +216,18 @@ export class VirtualKeyboard {
           key.classList.toggle("active", this.isScrambled);
         });
       }
+
+      if (this.currentLayout === "symbols") {
+        if (this.isScrambled) {
+          this.unscrambleKeys();
+        } else {
+          this.scrambleSymbols();
+        }
+        this.isScrambled = !this.isScrambled;
+        document.querySelectorAll('.key[data-key="scr"]').forEach((key) => {
+          key.classList.toggle("active", this.isScrambled);
+        });
+      }
       return;
     }
 
@@ -412,7 +426,7 @@ export class VirtualKeyboard {
   }
 
   // [4]
-  unscrambleEnglishKeys() {
+  unscrambleKeys() {
     this.keys = this.originalKeys;
     this.render();
   }
@@ -574,6 +588,19 @@ export class VirtualKeyboard {
     });
   }
 
+  // []
+  scrambleSymbols() {
+    const keys = document.querySelectorAll(
+      ":not([data-key='std']):not([data-key='scr']).key:not([data-key=backspace]"
+    );
+    const numbers = "@#$%^&*()_+~`{}|\\:'<>?/[]±§¶!€£¥¢©®™℅‰†".split("");
+    this.shuffleArray(numbers);
+    keys.forEach((key, index) => {
+      key.textContent = numbers[index];
+      key.dataset.key = numbers[index];
+    });
+  }
+
   // [14] จัดการการลากคีย์บอร์ด
   startDrag(event) {
     this.isDragging = true;
@@ -595,4 +622,4 @@ export class VirtualKeyboard {
       keyboard.style.top = `${event.clientY - this.offsetY}px`;
     }
   }
-}
+}

package/layouts.js

@@ -28,5 +28,12 @@ export const layouts = {
     ["7", "8", "9", "."],
     ["(", "0", ")", "="],
     ["backspace"]
+  ],
+  symbols: [
+    ['scr', '@', '#', '$', '%', '^', '&', '*', '(', ')'],
+    ['_', '+', '~', '`', '{', '}', '|', '\\', ':', '!'],
+    ["'", '<', '>', '?', '/', '[', ']', '±', '§', '¶'],
+    ['€', '£', '¥', '¢', '©', '®', '™', '℅', '‰', '†'],
+    ["backspace"]
   ]
-};
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "js_lis",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"