steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-09-03 01:02:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

selection utilities

Browse Source
This commit is contained in:
vcoppe
2024-05-24 13:16:41 +02:00
parent cb2d541de7
commit c313d9a5c7
10 changed files with 268 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
website/src/lib/components/file-list/FileListNode.svelte
View File

@@ -1,12 +1,14 @@
<script lang="ts">
import { GPXFile, Track, Waypoint, type AnyGPXTreeElement, type GPXTreeElement } from 'gpx';
import { CollapsibleTreeNode } from '$lib/components/collapsible-tree/index';
import type { GPXFileWithStatistics } from '$lib/db';
import type { Readable } from 'svelte/store';
import { settings, type GPXFileWithStatistics } from '$lib/db';
import { get, type Readable } from 'svelte/store';
import FileListNodeContent from './FileListNodeContent.svelte';
import FileListNodeLabel from './FileListNodeLabel.svelte';
import { afterUpdate, getContext } from 'svelte';
import { getContext, onDestroy } from 'svelte';
import { type ListItem, type ListTrackItem } from './FileList';
import { _ } from 'svelte-i18n';
import { selection } from './Selection';
export let node:
| Map<string, Readable<GPXFileWithStatistics | undefined>>
@@ -16,20 +18,33 @@
let recursive = getContext<boolean>('recursive');
let collapsible: CollapsibleTreeNode;
$: label =
node instanceof GPXFile
? node.metadata.name
: node instanceof Track
? node.name ?? `Track ${(item as ListTrackItem).trackIndex + 1}`
? node.name ?? `${$_('gpx.track')} ${(item as ListTrackItem).trackIndex + 1}`
: Array.isArray(node) && node.length > 0 && node[0] instanceof Waypoint
? 'Waypoints'
? $_('gpx.waypoints')
: '';
const { verticalFileView } = settings;
const unsubscribe = selection.subscribe(($selection) => {
if (collapsible && get(verticalFileView) && $selection.hasAnyChildren(item, false)) {
collapsible.openNode();
}
});
onDestroy(() => {
unsubscribe();
});
</script>
{#if node instanceof Map}
<FileListNodeContent {node} {item} />
{:else if recursive}
<CollapsibleTreeNode id={item.getId()}>
<CollapsibleTreeNode id={item.getId()} bind:this={collapsible}>
<FileListNodeLabel {item} {label} slot="trigger" />
<div slot="content">
<FileListNodeContent {node} {item} />