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

progress with layer settings

Browse Source
This commit is contained in:
vcoppe
2024-05-04 23:50:27 +02:00
parent 35b0adc7e5
commit b3d016e2af
10 changed files with 272 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
website/src/lib/components/layer-control/LayerTree.svelte
View File

@@ -1,19 +1,25 @@
<script lang="ts">
import LayerTreeNode from './LayerTreeNode.svelte';
import { type CollapsedInfoTreeType, type LayerTreeType } from '$lib/assets/layers';
import {
type CheckedInfoTreeType,
type CollapsedInfoTreeType,
type LayerTreeType
} from '$lib/assets/layers';
export let layerTree: LayerTreeType;
export let name: string;
export let selected: string | undefined = undefined;
export let multiple: boolean = false;
export let onValueChange: (id: string, checked: boolean) => void;
let open: CollapsedInfoTreeType = {
let open: CollapsedInfoTreeType<boolean> = {
self: true,
children: {}
};
export let checked: CheckedInfoTreeType = {};
</script>
<fieldset class="min-w-64">
<LayerTreeNode {name} node={layerTree} {multiple} {onValueChange} bind:open />
</fieldset>
<form>
<fieldset class="min-w-64">
<LayerTreeNode {name} node={layerTree} bind:selected {multiple} bind:open bind:checked />
</fieldset>
</form>