fix(control): Drag and Drop in DisplayView is now better

This commit is contained in:
E44
2026-01-14 22:48:02 +01:00
parent 246549acdf
commit a2bbf19fee
3 changed files with 3 additions and 6 deletions
@@ -14,7 +14,7 @@
set_select_for_group, set_select_for_group,
update_db_displays, update_db_displays,
local_displays, local_displays,
set_new_display_order, set_new_display_order
} from '$lib/ts/stores/displays'; } from '$lib/ts/stores/displays';
import DNDGrip from '$lib/components/DNDGrip.svelte'; import DNDGrip from '$lib/components/DNDGrip.svelte';
import { fade } from 'svelte/transition'; import { fade } from 'svelte/transition';
@@ -65,7 +65,6 @@
async function handle_finalize(e: CustomEvent) { async function handle_finalize(e: CustomEvent) {
set_new_display_order(display_id_group.id, e.detail.items); set_new_display_order(display_id_group.id, e.detail.items);
// $local_displays = $local_displays.filter((g) => g.displays.length !== 0);
await update_db_displays(); await update_db_displays();
$is_display_drag = false; $is_display_drag = false;
} }
@@ -191,7 +191,7 @@ export async function update_local_displays() {
} }
export async function update_db_displays() { export async function update_db_displays() {
// local_displays.update((groups) => groups.filter((g) => g.displays.length !== 0)); local_displays.update((groups) => groups.filter((g) => g.displays.length !== 0));
const filtered_local_display_groups = get(local_displays) const filtered_local_display_groups = get(local_displays)
// .filter( // .filter(
// (group) => group.displays.length !== 0 // (group) => group.displays.length !== 0
@@ -278,9 +278,7 @@
> >
{#each $local_displays as display_id_group (display_id_group.id)} {#each $local_displays as display_id_group (display_id_group.id)}
<!-- Each Group --> <!-- Each Group -->
<section <section class="outline-none">
class="outline-none"
>
<!-- out:scale={{ duration: dnd_flip_duration_ms, easing: cubicOut }} <!-- out:scale={{ duration: dnd_flip_duration_ms, easing: cubicOut }}
animate:flip={{ duration: dnd_flip_duration_ms, easing: cubicOut }} --> animate:flip={{ duration: dnd_flip_duration_ms, easing: cubicOut }} -->
<DisplayGroupObject <DisplayGroupObject