mirrors/dbgate
1
0
Fork 0
mirror of https://github.com/dbgate/dbgate synced 2024-11-07 20:26:23 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

chore(web): move keybind mode setting to Genral section in settings modal

Browse Source
This commit is contained in:
Mohamed Elhefni 2024-01-08 12:09:15 +02:00
parent 090329593e
commit 81eda4d0d3
1 changed files with 26 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
packages/web/src/settings/SettingsModal.svelte
View File

@ -111,16 +111,32 @@ ORDER BY
/>
<div class="heading">SQL editor</div>
<FormSelectField
label="SQL commands case"
name="sqlEditor.sqlCommandsCase"
isNative
defaultValue="upperCase"
options={[
{ value: 'upperCase', label: 'UPPER CASE' },
{ value: 'lowerCase', label: 'lower case' },
]}
/>
<div class="flex">
<div class="col-3">
<FormSelectField
label="SQL commands case"
name="sqlEditor.sqlCommandsCase"
isNative
defaultValue="upperCase"
options={[
{ value: 'upperCase', label: 'UPPER CASE' },
{ value: 'lowerCase', label: 'lower case' },
]}
/>
</div>
<div class="col-3">
<FormFieldTemplateLarge label="Editor keybinds" type="combo">
<SelectField
isNative
defaultValue="default"
options={EDITOR_KEYBINDINGS_MODES.map(mode => ({ label: mode.label, value: mode.value }))}
value={$currentEditorKeybindigMode}
on:change={e => ($currentEditorKeybindigMode = e.detail)}
/>
</FormFieldTemplateLarge>
</div>
</div>
</svelte:fragment>
<svelte:fragment slot="2">
<div class="heading">Connection</div>
@ -220,20 +236,6 @@ 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>