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

data duplicator style

Browse Source
This commit is contained in:
Jan Prochazka
2023-02-12 19:52:53 +01:00
parent 5e207a6c16
commit 83f01c52f2
2 changed files with 110 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/web/src/elements/ObjectConfigurationControl.svelte Normal file
View File

@@ -0,0 +1,32 @@
<script lang="ts">
export let title;
</script>
<div class="wrapper">
<div class="header">
<span class="title mr-1">{title}</span>
</div>
<div class="body">
<slot />
</div>
</div>
<style>
.wrapper {
margin-bottom: 20px;
}
.header {
background-color: var(--theme-bg-1);
padding: 5px;
}
.title {
font-weight: bold;
margin-left: 5px;
}
.body {
margin: 20px;
}
</style>

23
packages/web/src/tabs/DataDuplicatorTab.svelte
View File

@@ -22,6 +22,7 @@
import ToolStripContainer from '../buttons/ToolStripContainer.svelte'; import ToolStripContainer from '../buttons/ToolStripContainer.svelte';
import invalidateCommands from '../commands/invalidateCommands'; import invalidateCommands from '../commands/invalidateCommands';
import registerCommand from '../commands/registerCommand'; import registerCommand from '../commands/registerCommand';
import ObjectConfigurationControl from '../elements/ObjectConfigurationControl.svelte';
import TableControl from '../elements/TableControl.svelte'; import TableControl from '../elements/TableControl.svelte';
import VerticalSplitter from '../elements/VerticalSplitter.svelte'; import VerticalSplitter from '../elements/VerticalSplitter.svelte';
import CheckboxField from '../forms/CheckboxField.svelte'; import CheckboxField from '../forms/CheckboxField.svelte';
@@ -153,6 +154,8 @@
isChecked, isChecked,
operation, operation,
matchColumn1, matchColumn1,
file: `${name}.jsonl`,
table: tableInfo?.schemaName ? `${tableInfo?.schemaName}.${tableInfo?.pureName}` : tableInfo?.pureName,
}; };
}); });
@@ -162,7 +165,8 @@
<ToolStripContainer> <ToolStripContainer>
<VerticalSplitter> <VerticalSplitter>
<svelte:fragment slot="1"> <svelte:fragment slot="1">
<div> <div class="wrapper">
<ObjectConfigurationControl title="Configuration">
<div class="bold m-2">Source archive</div> <div class="bold m-2">Source archive</div>
<SelectField <SelectField
isNative isNative
@@ -178,14 +182,15 @@
value: x.name, value: x.name,
})) || []} })) || []}
/> />
</ObjectConfigurationControl>
<div class="bold m-2">Imported files</div> <ObjectConfigurationControl title="Imported files">
<TableControl <TableControl
rows={tableRows} rows={tableRows}
columns={[ columns={[
{ header: '', fieldName: 'isChecked', slot: 1 }, { header: '', fieldName: 'isChecked', slot: 1 },
{ header: 'File=>Table', fieldName: 'name' }, { header: 'Source file', fieldName: 'file' },
{ header: 'Target table', fieldName: 'table' },
{ header: 'Operation', fieldName: 'operation', slot: 2 }, { header: 'Operation', fieldName: 'operation', slot: 2 },
{ header: 'Match column', fieldName: 'matchColumn1', slot: 3 }, { header: 'Match column', fieldName: 'matchColumn1', slot: 3 },
]} ]}
@@ -232,6 +237,7 @@
{/if} {/if}
</svelte:fragment> </svelte:fragment>
</TableControl> </TableControl>
</ObjectConfigurationControl>
</div> </div>
</svelte:fragment> </svelte:fragment>
<svelte:fragment slot="2"> <svelte:fragment slot="2">
@@ -255,3 +261,12 @@
font-weight: bold; font-weight: bold;
} }
</style> --> </style> -->
<style>
.wrapper {
overflow-y: auto;
background-color: var(--theme-bg-0);
flex: 1;
display: flex;
flex-direction: column;
}
</style>