feat(web): add support for vim keybindings

This commit is contained in:
Mohamed Elhefni
2024-01-06 14:06:40 +02:00
parent aa66367f86
commit 090329593e
3 changed files with 40 additions and 1 deletions

View File

@@ -17,11 +17,12 @@
import ModalBase from '../modals/ModalBase.svelte';
import { closeCurrentModal } from '../modals/modalTools';
import { EDITOR_THEMES, FONT_SIZES } from '../query/AceEditor.svelte';
import { EDITOR_KEYBINDINGS_MODES, EDITOR_THEMES, FONT_SIZES } from '../query/AceEditor.svelte';
import SqlEditor from '../query/SqlEditor.svelte';
import {
currentEditorFontSize,
currentEditorTheme,
currentEditorKeybindigMode,
extensions,
selectedWidget,
lockedDatabaseMode,
@@ -219,6 +220,20 @@ ORDER BY
</div>
</div>
<div class="flex">
<div class="col-3">
<FormFieldTemplateLarge label="Mode" type="combo">
<SelectField
isNative
notSelected="(use Default)"
options={EDITOR_KEYBINDINGS_MODES.map(mode => ({ label: mode.label, value: mode.value }))}
value={$currentEditorKeybindigMode}
on:change={e => ($currentEditorKeybindigMode = e.detail)}
/>
</FormFieldTemplateLarge>
</div>
</div>
<div class="editor">
<SqlEditor value={sqlPreview} readOnly />
</div>