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

vertical and horizontal file list with same component

Browse Source
This commit is contained in:
vcoppe
2024-05-21 17:47:08 +02:00
parent 44b270e2c2
commit d50fdf20a7
7 changed files with 118 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
website/src/lib/components/file-list/FileListNodeStore.svelte
View File

@@ -3,20 +3,20 @@
import FileListNode from '$lib/components/file-list/FileListNode.svelte';
import type { GPXFileWithStatistics } from '$lib/db';
import { createEventDispatcher } from 'svelte';
import { getContext } from 'svelte';
import type { Readable } from 'svelte/store';
export let file: Readable<GPXFileWithStatistics | undefined>;
const dispatch = createEventDispatcher();
function forwardId() {
dispatch('click', { id: $file?.file._data.id });
}
let recursive = getContext<boolean>('recursive');
</script>
{#if $file}
<CollapsibleTree side="left" margin={4} defaultState="closed">
<FileListNode node={$file.file} id={$file.file._data.id} on:click={forwardId} />
</CollapsibleTree>
{#if recursive}
<CollapsibleTree side="left" margin={4} defaultState="closed">
<FileListNode node={$file.file} id={$file.file._data.id} />
</CollapsibleTree>
{:else}
<FileListNode node={$file.file} id={$file.file._data.id} />
{/if}
{/if}