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

drag & drop memory in designer

Browse Source
This commit is contained in:
Jan Prochazka
2022-12-31 10:37:25 +01:00
parent 6b5d2114bf
commit b8fcbbbc93
2 changed files with 66 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -50,6 +50,7 @@
import { extendDatabaseInfoFromApps } from 'dbgate-tools';
import SearchInput from '../elements/SearchInput.svelte';
import CloseSearchButton from '../buttons/CloseSearchButton.svelte';
import DragColumnMemory from './DragColumnMemory.svelte';
export let value;
export let onChange;
@@ -951,9 +952,12 @@
{/if}
</div>
{#if tables?.length > 0}
<div class="searchbox">
<SearchInput bind:value={columnFilter} placeholder="Filter columns" />
<CloseSearchButton bind:filter={columnFilter} />
<div class="panel">
<DragColumnMemory {settings} {sourceDragColumn$} {targetDragColumn$} />
<div class="searchbox">
<SearchInput bind:value={columnFilter} placeholder="Filter columns" />
<CloseSearchButton bind:filter={columnFilter} />
</div>
</div>
{/if}
</div>
@@ -972,12 +976,16 @@
.canvas {
position: relative;
}
.searchbox {
.panel {
position: absolute;
right: 16px;
top: 0;
display: flex;
}
.searchbox {
width: 200px;
display: flex;
margin-left: 1px;
}
svg.drag-rect {