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

SYNC: most important tables diagram setting

Browse Source
This commit is contained in:
SPRINX0\prochazka
2025-03-31 10:36:53 +02:00
committed by Diflow
parent 6fce43a122
commit 4270d5e8ec
4 changed files with 75 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -47,10 +47,11 @@
import { showModal } from '../modals/modalTools';
import ChooseColorModal from '../modals/ChooseColorModal.svelte';
import { currentThemeDefinition } from '../stores';
import { extendDatabaseInfoFromApps } from 'dbgate-tools';
import { chooseTopTables, extendDatabaseInfoFromApps } from 'dbgate-tools';
import SearchInput from '../elements/SearchInput.svelte';
import CloseSearchButton from '../buttons/CloseSearchButton.svelte';
import DragColumnMemory from './DragColumnMemory.svelte';
import createRef from '../utility/createRef';
export let value;
export let onChange;
@@ -76,14 +77,19 @@
const dbInfo = settings?.updateFromDbInfo ? useDatabaseInfo({ conid, database }) : null;
$: dbInfoExtended = $dbInfo ? extendDatabaseInfoFromApps($dbInfo, $apps) : null;
$: tables = value?.tables as any[];
$: references = value?.references as any[];
$: tables =
(value?.style?.topTables > 0 && value?.tables
? chooseTopTables(value?.tables, value?.style?.topTables)
: value?.tables) || ([] as any[]);
$: references = (value?.references || [])?.filter(
ref => tables.find(x => x.designerId == ref.sourceId) && tables.find(x => x.designerId == ref.targetId)
) as any[];
$: zoomKoef = settings?.customizeStyle && value?.style?.zoomKoef ? value?.style?.zoomKoef : 1;
$: apps = useUsedApps();
$: isMultipleTableSelection = tables.filter(x => x.isSelectedTable).length >= 2;
const tableRefs = {};
let tableRefs = {};
const referenceRefs = {};
let domTables;
$: {
@@ -663,7 +669,7 @@
export function arrange(skipUndoChain = false, arrangeAll = true, circleMiddle = { x: 0, y: 0 }) {
const graph = new GraphDefinition();
for (const table of value?.tables || []) {
for (const table of tables || []) {
const domTable = domTables[table.designerId] as any;
if (!domTable) continue;
const rect = domTable.getRect();
@@ -676,8 +682,8 @@
}
for (const reference of settings?.sortAutoLayoutReferences
? settings?.sortAutoLayoutReferences(value?.references)
: value?.references) {
? settings?.sortAutoLayoutReferences(references)
: references) {
graph.addEdge(reference.sourceId, reference.targetId);
}
@@ -877,6 +883,20 @@
recomputeDomTables();
});
}
const oldTopTablesRef = createRef(value?.style?.topTables);
$: {
if (value?.style?.topTables > 0 && oldTopTablesRef.get() != value?.style?.topTables) {
oldTopTablesRef.set(value?.style?.topTables);
tick().then(() => {
arrange();
tick().then(() => {
recomputeReferencePositions();
recomputeDomTables();
});
});
}
}
</script>
<div class="wrapper noselect" use:contextMenu={createMenu}>