dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-26 14:26:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

SYNC: diagram settings in premium

Browse Source
This commit is contained in:
SPRINX0\prochazka
2025-03-31 12:15:47 +02:00
committed by Diflow
parent 4fb1b0dbd1
commit 101173c87c
3 changed files with 14 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/web/src/designer/Designer.svelte
View File

@@ -52,6 +52,7 @@
import CloseSearchButton from '../buttons/CloseSearchButton.svelte'; import CloseSearchButton from '../buttons/CloseSearchButton.svelte';
import DragColumnMemory from './DragColumnMemory.svelte'; import DragColumnMemory from './DragColumnMemory.svelte';
import createRef from '../utility/createRef'; import createRef from '../utility/createRef';
import { isProApp } from '../utility/proTools';
export let value; export let value;
export let onChange; export let onChange;
@@ -781,7 +782,7 @@
menu, menu,
settings?.customizeStyle && [ settings?.customizeStyle && [
{ divider: true }, { divider: true },
{ isProApp() && {
text: 'Column properties', text: 'Column properties',
submenu: [ submenu: [
{ {
@@ -794,7 +795,7 @@
}, },
], ],
}, },
{ isProApp() && {
text: `Columns - ${_.startCase(value?.style?.filterColumns || 'all')}`, text: `Columns - ${_.startCase(value?.style?.filterColumns || 'all')}`,
submenu: [ submenu: [
{ {

4
packages/web/src/designer/DiagramSettings.svelte
View File

@@ -1,12 +1,10 @@
<script lang="ts"> <script lang="ts">
import { DIAGRAM_ZOOMS } from 'dbgate-tools'; import { DIAGRAM_ZOOMS } from 'dbgate-tools';
import FormStyledButton from '../buttons/FormStyledButton.svelte';
import FormCheckboxField from '../forms/FormCheckboxField.svelte'; import FormCheckboxField from '../forms/FormCheckboxField.svelte';
import FormProviderCore from '../forms/FormProviderCore.svelte'; import FormProviderCore from '../forms/FormProviderCore.svelte';
import FormSelectField from '../forms/FormSelectField.svelte'; import FormSelectField from '../forms/FormSelectField.svelte';
import FormTextField from '../forms/FormTextField.svelte'; import FormTextField from '../forms/FormTextField.svelte';
import { isProApp } from '../utility/proTools';
export let values; export let values;
</script> </script>
@@ -59,7 +57,5 @@
<FormTextField name="columnFilter" label="Column filter" /> <FormTextField name="columnFilter" label="Column filter" />
{#if isProApp()}
<FormTextField name="topTables" label="Only N most important tables" type="number" /> <FormTextField name="topTables" label="Only N most important tables" type="number" />
{/if}
</FormProviderCore> </FormProviderCore>

6
packages/web/src/tabs/DiagramTab.svelte
View File

@@ -31,6 +31,7 @@
import ToolStripButton from '../buttons/ToolStripButton.svelte'; import ToolStripButton from '../buttons/ToolStripButton.svelte';
import DiagramSettings from '../designer/DiagramSettings.svelte'; import DiagramSettings from '../designer/DiagramSettings.svelte';
import { derived } from 'svelte/store'; import { derived } from 'svelte/store';
import { isProApp } from '../utility/proTools';
export let tabid; export let tabid;
export let conid; export let conid;
@@ -116,11 +117,10 @@
{ command: 'diagram.redo' }, { command: 'diagram.redo' },
]; ];
} }
</script> </script>
<ToolStripContainer> <ToolStripContainer>
<HorizontalSplitter isSplitter={$styleStore.settingsVisible ?? true} initialSizeRight={300}> <HorizontalSplitter isSplitter={isProApp() ? ($styleStore.settingsVisible ?? true) : false} initialSizeRight={300}>
<svelte:fragment slot="1"> <svelte:fragment slot="1">
<DiagramDesigner <DiagramDesigner
value={$modelState.value || {}} value={$modelState.value || {}}
@@ -155,11 +155,13 @@
<ToolStripCommandButton command="diagram.export" /> <ToolStripCommandButton command="diagram.export" />
<ToolStripCommandButton command="diagram.undo" /> <ToolStripCommandButton command="diagram.undo" />
<ToolStripCommandButton command="diagram.redo" /> <ToolStripCommandButton command="diagram.redo" />
{#if isProApp()}
<ToolStripButton <ToolStripButton
icon="icon settings" icon="icon settings"
on:click={() => { on:click={() => {
styleStore.update(x => ({ ...x, settingsVisible: !x.settingsVisible })); styleStore.update(x => ({ ...x, settingsVisible: !x.settingsVisible }));
}}>Settings</ToolStripButton }}>Settings</ToolStripButton
> >
{/if}
</svelte:fragment> </svelte:fragment>
</ToolStripContainer> </ToolStripContainer>