mirrors/dbgate
1
0
Fork 0
mirror of https://github.com/dbgate/dbgate synced 2024-11-07 20:26:23 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

reorder pinned tables #227

Browse Source
This commit is contained in:
Jan Prochazka 2022-06-02 17:32:07 +02:00
parent 8bb40e991b
commit d483869aa6
2 changed files with 39 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/web/src/appobj/DatabaseObjectAppObject.svelte
View File

@ -722,4 +722,8 @@
on:click={() => handleClick()}
on:middleclick={() => handleClick(true)}
on:expand
on:dragstart
on:dragenter
on:dragend
on:drop
/>

50
packages/web/src/appobj/PinnedAppObject.svelte
View File

@ -10,19 +10,43 @@
};
function dragExchange(dragged, data, pinned, setPinned, compare) {
if (!compare(dragged, data)) {
const i1 = _.findIndex(pinned, x => compare(x, dragged));
const i2 = _.findIndex(pinned, x => compare(x, data));
const newPinned = [...pinned];
const tmp = newPinned[i1];
newPinned[i1] = newPinned[i2];
newPinned[i2] = tmp;
setPinned(newPinned);
}
}
</script>
<script lang="ts">
import _ from 'lodash';
import { draggedPinnedObject, pinnedDatabases } from '../stores';
import _, { values } from 'lodash';
import { draggedPinnedObject, pinnedDatabases, pinnedTables } from '../stores';
export let data;
</script>
{#if data.objectTypeField}
<DatabaseObjectAppObject {...$$props}
<DatabaseObjectAppObject
{...$$props}
on:dragstart={() => {
$draggedPinnedObject = data;
}}
on:dragenter={e => {
dragExchange(
$draggedPinnedObject,
data,
$pinnedTables,
value => ($pinnedTables = value),
(a, b) => a?.pureName == b?.pureName && a?.schemaName == b?.schemaName
);
}}
on:dragend={() => {
$draggedPinnedObject = null;
}}
/>
{:else}
<DatabaseAppObject
@ -31,17 +55,13 @@
$draggedPinnedObject = data;
}}
on:dragenter={e => {
const dragged = $draggedPinnedObject;
if (dragged?.connection?._id != data?.connection?._id || dragged?.name != data?.name) {
const dbs = $pinnedDatabases;
const i1 = _.findIndex(dbs, x => x?.name == dragged?.name && x?.connection?._id == dragged?.connection?._id);
const i2 = _.findIndex(dbs, x => x?.name == data?.name && x?.connection?._id == data?.connection?._id);
const newDbs = [...dbs];
const tmp = newDbs[i1];
newDbs[i1] = newDbs[i2];
newDbs[i2] = tmp;
$pinnedDatabases = newDbs;
}
dragExchange(
$draggedPinnedObject,
data,
$pinnedDatabases,
value => ($pinnedDatabases = value),
(a, b) => a?.name == b?.name && a?.connection?._id == b?.connection?._id
);
}}
on:dragend={() => {
$draggedPinnedObject = null;