chore: add option to disable virtual keyboard

Alex4386 · Aug 26, 2023 · 5fbc726 · 5fbc726
1 parent e6de1a3
commit 5fbc726
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/src/pages/Terminal.tsx b/src/pages/Terminal.tsx
@@ -176,6 +176,11 @@ const Terminal: VFC = () => {
   }
 
   const openKeyboard = () => {
+    if (config?.disable_virtual_keyboard) {
+      setFocusToTerminal();
+      return;
+    }
+
     const fakeInput = fakeInputRef.current as any
     console.log('fakeInput', fakeInput)
     if (fakeInput?.m_elInput) {

diff --git a/src/pages/settings/SettingsPage.tsx b/src/pages/settings/SettingsPage.tsx
@@ -80,6 +80,12 @@ import TerminalGlobal from "../../common/global";
         })
     }
 
+    const setDisableVirtualKeyboard = async (disabled: boolean) => {
+        await appendConfig({
+            disable_virtual_keyboard: disabled,
+        })
+    }
+
     useEffect(() => {
         console.log('Fetching Settings')
 
@@ -148,6 +154,20 @@ import TerminalGlobal from "../../common/global";
                         bottomSeparator={"none"} />
                 </div>
             </Focusable>
+            <Focusable
+                style={{ display: 'flex', justifyContent: 'space-between', gap: '1rem' }}>
+                <div>
+                    <div className={staticClasses.Text}>Disable Virtual Keyboard</div>
+                    <div className={staticClasses.Label}>Use if you are using external keyboard and don't want virtual keyboard to popup.<br />(Keyboard button will just move focus to terminal)</div>
+                </div>
+                <div style={{ minWidth: '200px' }}>
+                    <ToggleField
+                        disabled={false}
+                        checked={config?.disable_virtual_keyboard ?? false}
+                        onChange={(e) => {setDisableVirtualKeyboard(e)}}
+                        bottomSeparator={"none"} />
+                </div>
+            </Focusable>
         </Focusable>
     );
   };