40 lines
1.2 KiB
Svelte
40 lines
1.2 KiB
Svelte
<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 FileListNodeContent from './FileListNodeContent.svelte';
|
|
import { createEventDispatcher } from 'svelte';
|
|
|
|
export let node:
|
|
| Map<string, Readable<GPXFileWithStatistics | undefined>>
|
|
| GPXTreeElement<AnyGPXTreeElement>
|
|
| ReadonlyArray<Readonly<Waypoint>>;
|
|
export let id: string;
|
|
export let index: number = 0;
|
|
|
|
const dispatch = createEventDispatcher();
|
|
|
|
function forwardId() {
|
|
dispatch('click', { id });
|
|
}
|
|
</script>
|
|
|
|
{#if node instanceof Map}
|
|
<FileListNodeContent {node} {id} />
|
|
{:else}
|
|
<CollapsibleTreeNode {id} on:click={forwardId}>
|
|
<span slot="trigger" class="truncate">
|
|
{#if node instanceof GPXFile}
|
|
{node.metadata.name}
|
|
{:else if node instanceof Track}
|
|
{node.name ?? `Track ${index + 1}`}
|
|
{:else if Array.isArray(node) && node.length > 0 && node[0] instanceof Waypoint}
|
|
Waypoints
|
|
{/if}
|
|
</span>
|
|
<div slot="content">
|
|
<FileListNodeContent {node} {id} />
|
|
</div>
|
|
</CollapsibleTreeNode>
|
|
{/if}
|