mirror of
https://github.com/DeNNiiInc/dbgate.git
synced 2026-04-19 14:16:01 +00:00
SYNC: diagram settings more visible
This commit is contained in:
committed by
Diflow
parent
7640c3d0ef
commit
2899373e42
@@ -792,7 +792,7 @@
|
||||
submenu: [
|
||||
{
|
||||
text: 'All',
|
||||
onClick: changeStyleFunc('filterColumns', null),
|
||||
onClick: changeStyleFunc('filterColumns', ''),
|
||||
},
|
||||
{
|
||||
text: 'Primary Key',
|
||||
@@ -817,51 +817,51 @@
|
||||
submenu: [
|
||||
{
|
||||
text: `10 %`,
|
||||
onClick: changeStyleFunc('zoomKoef', 0.1),
|
||||
onClick: changeStyleFunc('zoomKoef', '0.1'),
|
||||
},
|
||||
{
|
||||
text: `15 %`,
|
||||
onClick: changeStyleFunc('zoomKoef', 0.15),
|
||||
onClick: changeStyleFunc('zoomKoef', '0.15'),
|
||||
},
|
||||
{
|
||||
text: `20 %`,
|
||||
onClick: changeStyleFunc('zoomKoef', 0.2),
|
||||
onClick: changeStyleFunc('zoomKoef', '0.2'),
|
||||
},
|
||||
{
|
||||
text: `40 %`,
|
||||
onClick: changeStyleFunc('zoomKoef', 0.4),
|
||||
onClick: changeStyleFunc('zoomKoef', '0.4'),
|
||||
},
|
||||
{
|
||||
text: `60 %`,
|
||||
onClick: changeStyleFunc('zoomKoef', 0.6),
|
||||
onClick: changeStyleFunc('zoomKoef', '0.6'),
|
||||
},
|
||||
{
|
||||
text: `80 %`,
|
||||
onClick: changeStyleFunc('zoomKoef', 0.8),
|
||||
onClick: changeStyleFunc('zoomKoef', '0.8'),
|
||||
},
|
||||
{
|
||||
text: `100 %`,
|
||||
onClick: changeStyleFunc('zoomKoef', 1),
|
||||
onClick: changeStyleFunc('zoomKoef', '1'),
|
||||
},
|
||||
{
|
||||
text: `120 %`,
|
||||
onClick: changeStyleFunc('zoomKoef', 1.2),
|
||||
onClick: changeStyleFunc('zoomKoef', '1.2'),
|
||||
},
|
||||
{
|
||||
text: `140 %`,
|
||||
onClick: changeStyleFunc('zoomKoef', 1.4),
|
||||
onClick: changeStyleFunc('zoomKoef', '1.4'),
|
||||
},
|
||||
{
|
||||
text: `160 %`,
|
||||
onClick: changeStyleFunc('zoomKoef', 1.6),
|
||||
onClick: changeStyleFunc('zoomKoef', '1.6'),
|
||||
},
|
||||
{
|
||||
text: `180 %`,
|
||||
onClick: changeStyleFunc('zoomKoef', 1.8),
|
||||
onClick: changeStyleFunc('zoomKoef', '1.8'),
|
||||
},
|
||||
{
|
||||
text: `200 %`,
|
||||
onClick: changeStyleFunc('zoomKoef', 2),
|
||||
onClick: changeStyleFunc('zoomKoef', '2'),
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
122
packages/web/src/designer/DiagramSettings.svelte
Normal file
122
packages/web/src/designer/DiagramSettings.svelte
Normal file
@@ -0,0 +1,122 @@
|
||||
<script lang="ts">
|
||||
import FormStyledButton from '../buttons/FormStyledButton.svelte';
|
||||
import FormCheckboxField from '../forms/FormCheckboxField.svelte';
|
||||
|
||||
import FormProviderCore from '../forms/FormProviderCore.svelte';
|
||||
import FormSelectField from '../forms/FormSelectField.svelte';
|
||||
import FormTextField from '../forms/FormTextField.svelte';
|
||||
|
||||
export let values;
|
||||
</script>
|
||||
|
||||
<FormProviderCore {values}>
|
||||
<FormSelectField
|
||||
defaultValue=""
|
||||
name="filterColumns"
|
||||
label="Show columns"
|
||||
isNative
|
||||
options={[
|
||||
{
|
||||
value: '',
|
||||
label: 'All',
|
||||
},
|
||||
{
|
||||
value: 'primaryKey',
|
||||
label: 'Primary Key',
|
||||
},
|
||||
{
|
||||
value: 'allKeys',
|
||||
label: 'All Keys',
|
||||
},
|
||||
{
|
||||
value: 'notNull',
|
||||
label: 'Not Null',
|
||||
},
|
||||
{
|
||||
value: 'keysAndNotNull',
|
||||
label: 'Keys And Not Null',
|
||||
},
|
||||
|
||||
// {
|
||||
// text: 'All',
|
||||
// onClick: changeStyleFunc('filterColumns', ''),
|
||||
// },
|
||||
// {
|
||||
// text: 'Primary Key',
|
||||
// onClick: changeStyleFunc('filterColumns', 'primaryKey'),
|
||||
// },
|
||||
// {
|
||||
// text: 'All Keys',
|
||||
// onClick: changeStyleFunc('filterColumns', 'allKeys'),
|
||||
// },
|
||||
// {
|
||||
// text: 'Not Null',
|
||||
// onClick: changeStyleFunc('filterColumns', 'notNull'),
|
||||
// },
|
||||
// {
|
||||
// text: 'Keys And Not Null',
|
||||
// onClick: changeStyleFunc('filterColumns', 'keysAndNotNull'),
|
||||
// },
|
||||
]}
|
||||
/>
|
||||
|
||||
<FormSelectField
|
||||
defaultValue="1"
|
||||
name="zoomKoef"
|
||||
label="Zoom"
|
||||
isNative
|
||||
options={[
|
||||
{
|
||||
value: '0.1',
|
||||
label: '10 %',
|
||||
},
|
||||
{
|
||||
value: '0.15',
|
||||
label: '15 %',
|
||||
},
|
||||
{
|
||||
value: '0.2',
|
||||
label: '20 %',
|
||||
},
|
||||
{
|
||||
value: '0.4',
|
||||
label: '40 %',
|
||||
},
|
||||
{
|
||||
value: '0.6',
|
||||
label: '60 %',
|
||||
},
|
||||
{
|
||||
value: '0.8',
|
||||
label: '80 %',
|
||||
},
|
||||
{
|
||||
value: '1',
|
||||
label: '100 %',
|
||||
},
|
||||
{
|
||||
value: '1.2',
|
||||
label: '120 %',
|
||||
},
|
||||
{
|
||||
value: '1.4',
|
||||
label: '140 %',
|
||||
},
|
||||
{
|
||||
value: '1.6',
|
||||
label: '160 %',
|
||||
},
|
||||
{
|
||||
value: '1.8',
|
||||
label: '180 %',
|
||||
},
|
||||
{
|
||||
value: '2',
|
||||
label: '200 %',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
<FormCheckboxField name="showNullability" label="Show NULL/NOT NULL" />
|
||||
<FormCheckboxField name="showDataType" label="Show data type" />
|
||||
</FormProviderCore>
|
||||
Reference in New Issue
Block a user