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

continue localization

Browse Source
This commit is contained in:
vcoppe
2024-04-24 17:39:56 +02:00
parent 74ad6b3dbe
commit 97e1075517
7 changed files with 165 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -17,25 +17,26 @@
opacities,
defaultBasemap
} from '$lib/assets/layers';
import { _ } from 'svelte-i18n';
</script>
<Sheet.Root>
<Sheet.Trigger class="w-full">
<Button variant="ghost" class="w-full px-1 py-1.5">
<Settings size="18" class="mr-2" />
Manage layers
{$_('layers.manage')}
</Button>
</Sheet.Trigger>
<Sheet.Content>
<Sheet.Header class="h-full">
<Sheet.Title>Layer settings</Sheet.Title>
<Sheet.Title>{$_('layers.settings')}</Sheet.Title>
<Sheet.Description>
Select the map layers you want to show in the interface, add custom ones, and adjust their
settings.
{$_('layers.settings_help')}
</Sheet.Description>
<Accordion.Root class="flex flex-col overflow-hidden">
<Accordion.Item value="item-1" class="flex flex-col overflow-hidden">
<Accordion.Trigger>Layer selection</Accordion.Trigger>
<Accordion.Trigger>{$_('layers.selection')}</Accordion.Trigger>
<Accordion.Content class="grow flex flex-col border rounded">
<ScrollArea class="py-2 pr-2">
<LayerTree
@@ -61,17 +62,17 @@
</Accordion.Content>
</Accordion.Item>
<Accordion.Item value="item-2">
<Accordion.Trigger>Custom layers</Accordion.Trigger>
<Accordion.Trigger>{$_('layers.custom_layers')}</Accordion.Trigger>
<Accordion.Content>
<ScrollArea>TODO custom layer list + new custom layer form</ScrollArea>
</Accordion.Content>
</Accordion.Item>
<Accordion.Item value="item-3">
<Accordion.Trigger>Heatmap</Accordion.Trigger>
<Accordion.Trigger>{$_('layers.heatmap')}</Accordion.Trigger>
<Accordion.Content></Accordion.Content>
</Accordion.Item>
<Accordion.Item value="item-4">
<Accordion.Trigger>Points of interest</Accordion.Trigger>
<Accordion.Trigger>{$_('layers.pois')}</Accordion.Trigger>
<Accordion.Content></Accordion.Content>
</Accordion.Item>
</Accordion.Root>