SYNC: diagram settings more visible

This commit is contained in:
SPRINX0\prochazka
2025-03-28 12:50:02 +01:00
committed by Diflow
parent 7640c3d0ef
commit 2899373e42
4 changed files with 187 additions and 22 deletions

View File

@@ -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'),
},
],
},

View 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>