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

import WIP

Browse Source
This commit is contained in:
SPRINX0\prochazka
2025-02-26 16:43:24 +01:00
parent 9ad612bd78
commit 450ce53dcf
2 changed files with 118 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

218
packages/web/src/impexp/ImportExportConfigurator.svelte
View File

@@ -25,7 +25,10 @@
await (format.addFileToSourceList || addFileToSourceListDefault)(file, newSources, newValues, apiCall);
}
}
newValues['sourceList'] = [...(values.sourceList || []).filter(x => !newSources.includes(x)), ...newSources];
newValues['sourceList'] = [
...(values.sourceList || []).filter(x => !newSources.includes(x) && x != '__TEMPLATE__'),
...newSources,
];
if (preferedStorageType && preferedStorageType != values.sourceStorageType) {
newValues['sourceStorageType'] = preferedStorageType;
}
@@ -91,6 +94,8 @@
$: sourceEngine = $sourceConnectionInfo?.engine;
$: sourceList = $values.sourceList;
let targetEditKey = 0;
const previewSource = writable(null);
$: supportsPreview =
@@ -125,6 +130,7 @@
previewSource.set
);
// setFieldValue('sourceList', [...(sourceList || []), file.originalName]);
targetEditKey += 1;
}
$: effectActiveTab = useEffect(() => {
@@ -138,30 +144,30 @@
}
});
const lastSourcesRef = createRef(null);
function setFixedTargetForNewSources(values, valuesStore) {
if (lastSourcesRef.get() && values.fixedTargetPureName) {
const newSources = values.sourceList.filter(x => !lastSourcesRef.get()?.includes(x));
const newValues = {};
for (const source of newSources) {
if (values.fixedTargetPureName) {
if (!values[`targetName_${source}`]) {
newValues[`targetName_${source}`] = values.fixedTargetPureName;
}
if (!values[`actionType_${source}`]) {
newValues[`actionType_${source}`] = 'appendData';
}
}
}
valuesStore.set({
...values,
...newValues,
});
}
lastSourcesRef.set(values.sourceList);
}
// const lastSourcesRef = createRef(null);
// function setFixedTargetForNewSources(values, valuesStore) {
// if (lastSourcesRef.get() && values.fixedTargetPureName) {
// const newSources = values.sourceList.filter(x => !lastSourcesRef.get()?.includes(x));
// const newValues = {};
// for (const source of newSources) {
// if (values.fixedTargetPureName) {
// if (!values[`targetName_${source}`]) {
// newValues[`targetName_${source}`] = values.fixedTargetPureName;
// }
// if (!values[`actionType_${source}`]) {
// newValues[`actionType_${source}`] = 'appendData';
// }
// }
// }
// valuesStore.set({
// ...values,
// ...newValues,
// });
// }
// lastSourcesRef.set(values.sourceList);
// }
$: setFixedTargetForNewSources($values, values);
// $: setFixedTargetForNewSources($values, values);
$effectActiveTab;
</script>
@@ -195,89 +201,95 @@
<div class="m-2">
<div class="title"><FontIcon icon="icon tables" /> Map source tables/files</div>
<TableControl
rows={$values.sourceList || []}
columns={[
{
fieldName: 'source',
header: 'Source',
component: SourceName,
getProps: row => ({ name: row }),
},
{
fieldName: 'action',
header: 'Action',
component: SourceAction,
getProps: row => ({ name: row, targetDbinfo }),
},
{
fieldName: 'target',
header: 'Target',
slot: 1,
},
{
fieldName: 'preview',
header: 'Preview',
slot: 0,
},
{
fieldName: 'columns',
header: 'Columns',
slot: 2,
},
]}
>
<svelte:fragment slot="0" let:row>
{#if supportsPreview}
<CheckboxField
checked={$previewSource == row}
on:change={e => {
// @ts-ignore
if (e.target.checked) $previewSource = row;
else $previewSource = null;
}}
/>
{/if}
</svelte:fragment>
<svelte:fragment slot="1" let:row>
<div class="flex">
<TextField
value={getTargetName($extensions, row, $values)}
on:input={e =>
setFieldValue(
`targetName_${row}`,
{#key targetEditKey}
<TableControl
rows={$values.sourceList || []}
passProps={{ targetEditKeyValue: targetEditKey }}
columns={[
{
fieldName: 'source',
header: 'Source',
component: SourceName,
getProps: row => ({ name: row }),
},
{
fieldName: 'action',
header: 'Action',
component: SourceAction,
getProps: row => ({ name: row, targetDbinfo }),
},
{
fieldName: 'target',
header: 'Target',
slot: 1,
},
{
fieldName: 'preview',
header: 'Preview',
slot: 0,
},
{
fieldName: 'columns',
header: 'Columns',
slot: 2,
},
]}
>
<svelte:fragment slot="0" let:row>
{#if supportsPreview}
<CheckboxField
checked={$previewSource == row}
on:change={e => {
// @ts-ignore
e.target.value
)}
/>
{#if $targetDbinfo}
<DropDownButton
menu={() => {
return $targetDbinfo.tables.map(opt => ({
text: opt.pureName,
onClick: () => setFieldValue(`targetName_${row}`, opt.pureName),
}));
if (e.target.checked) $previewSource = row;
else $previewSource = null;
}}
/>
{/if}
</div>
</svelte:fragment>
<svelte:fragment slot="2" let:row>
{@const columnCount = ($values[`columns_${row}`] || []).filter(x => !x.skip).length}
<Link
onClick={() => {
const targetNameLower = ($values[`targetName_${row}`] || row)?.toLowerCase();
showModal(ColumnMapModal, {
initialValue: $values[`columns_${row}`],
sourceTableInfo: $sourceDbinfo?.tables?.find(x => x.pureName?.toLowerCase() == row?.toLowerCase()),
targetTableInfo: $targetDbinfo?.tables?.find(x => x.pureName?.toLowerCase() == targetNameLower),
onConfirm: value => setFieldValue(`columns_${row}`, value),
});
}}
>{columnCount > 0 ? `(${columnCount} columns)` : '(copy from source)'}
</Link>
</svelte:fragment>
</TableControl>
</svelte:fragment>
<svelte:fragment slot="1" let:row>
<div class="flex">
<TextField
value={getTargetName($extensions, row, $values)}
on:input={e =>
setFieldValue(
`targetName_${row}`,
// @ts-ignore
e.target.value
)}
/>
{#if $targetDbinfo}
<DropDownButton
menu={() => {
return $targetDbinfo.tables.map(opt => ({
text: opt.pureName,
onClick: () => {
setFieldValue(`targetName_${row}`, opt.pureName);
targetEditKey += 1;
},
}));
}}
/>
{/if}
</div>
</svelte:fragment>
<svelte:fragment slot="2" let:row>
{@const columnCount = ($values[`columns_${row}`] || []).filter(x => !x.skip).length}
<Link
onClick={() => {
const targetNameLower = ($values[`targetName_${row}`] || row)?.toLowerCase();
showModal(ColumnMapModal, {
initialValue: $values[`columns_${row}`],
sourceTableInfo: $sourceDbinfo?.tables?.find(x => x.pureName?.toLowerCase() == row?.toLowerCase()),
targetTableInfo: $targetDbinfo?.tables?.find(x => x.pureName?.toLowerCase() == targetNameLower),
onConfirm: value => setFieldValue(`columns_${row}`, value),
});
}}
>{columnCount > 0 ? `(${columnCount} columns)` : '(copy from source)'}
</Link>
</svelte:fragment>
</TableControl>
{/key}
</div>
</div>