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

layer selection

Browse Source
This commit is contained in:
vcoppe
2024-05-05 18:59:09 +02:00
parent b3d016e2af
commit a261193267
8 changed files with 295 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
website/src/lib/components/layer-control/LayerControlSettings.svelte
View File

@@ -9,21 +9,12 @@
import { Settings } from 'lucide-svelte';
import { basemapTree, overlayTree, type CollapsedInfoTreeType } from '$lib/assets/layers';
import { basemapTree, overlayTree } from '$lib/assets/layers';
import { settings } from '$lib/db';
import { _ } from 'svelte-i18n';
const { selectedBasemapTree, selectedOverlayTree } = settings;
let checkedBasemaps: CollapsedInfoTreeType<{ [key: string]: boolean }> = {
self: {},
children: {}
};
let checkedOverlays: CollapsedInfoTreeType<{ [key: string]: boolean }> = {
self: {},
children: {}
};
</script>
<Sheet.Root>
@@ -48,10 +39,7 @@
layerTree={basemapTree}
name="basemapSettings"
multiple={true}
onValueChange={(id, checked) => {
console.log('basemap', id, checked);
}}
bind:checked={checkedBasemaps}
bind:checked={$selectedBasemapTree}
/>
</ScrollArea>
<Separator />
@@ -60,10 +48,7 @@
layerTree={overlayTree}
name="overlaySettings"
multiple={true}
onValueChange={(id, checked) => {
console.log('overlay', id, checked);
}}
bind:checked={checkedOverlays}
bind:checked={$selectedOverlayTree}
/>
</ScrollArea>
</Accordion.Content>