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

add shortcuts

Browse Source
This commit is contained in:
vcoppe
2024-06-19 17:34:07 +02:00
parent baadc3c715
commit 40a6eb5192
1 changed files with 37 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
website/src/lib/components/Menu.svelte
View File

@@ -179,44 +179,44 @@
<Menubar.Trigger>{$_('menu.view')}</Menubar.Trigger> <Menubar.Trigger>{$_('menu.view')}</Menubar.Trigger>
<Menubar.Content class="border-none"> <Menubar.Content class="border-none">
<Menubar.CheckboxItem bind:checked={$elevationProfile}> <Menubar.CheckboxItem bind:checked={$elevationProfile}>
<MountainSnow size="16" class="mr-1" />{$_('menu.elevation_profile')} <MountainSnow size="16" class="mr-1" />
{$_('menu.elevation_profile')}
<Shortcut key="P" ctrl={true} />
</Menubar.CheckboxItem> </Menubar.CheckboxItem>
<Menubar.CheckboxItem bind:checked={$verticalFileView}> <Menubar.CheckboxItem bind:checked={$verticalFileView}>
<GalleryVertical size="16" class="mr-1" />{$_('menu.vertical_file_view')} <GalleryVertical size="16" class="mr-1" />
{$_('menu.vertical_file_view')}
<Shortcut key="L" ctrl={true} />
</Menubar.CheckboxItem> </Menubar.CheckboxItem>
<Menubar.Separator /> <Menubar.Separator />
<Menubar.Item inset on:click={switchBasemaps} <Menubar.Item inset on:click={switchBasemaps}>
><Map size="16" class="mr-1" />{$_('menu.switch_basemap')}<Shortcut <Map size="16" class="mr-1" />{$_('menu.switch_basemap')}<Shortcut key="F1" />
key="F1" </Menubar.Item>
/></Menubar.Item <Menubar.Item inset on:click={toggleOverlays}>
> <Layers2 size="16" class="mr-1" />{$_('menu.toggle_overlays')}<Shortcut key="F2" />
<Menubar.Item inset on:click={toggleOverlays} </Menubar.Item>
><Layers2 size="16" class="mr-1" />{$_('menu.toggle_overlays')}<Shortcut
key="F2"
/></Menubar.Item
>
<Menubar.Separator /> <Menubar.Separator />
<Menubar.CheckboxItem bind:checked={$distanceMarkers}> <Menubar.CheckboxItem bind:checked={$distanceMarkers}>
<Coins size="16" class="mr-1" />{$_('menu.distance_markers')} <Coins size="16" class="mr-1" />{$_('menu.distance_markers')}<Shortcut key="F3" />
</Menubar.CheckboxItem> </Menubar.CheckboxItem>
<Menubar.CheckboxItem bind:checked={$directionMarkers}> <Menubar.CheckboxItem bind:checked={$directionMarkers}>
<Milestone size="16" class="mr-1" />{$_('menu.direction_markers')} <Milestone size="16" class="mr-1" />{$_('menu.direction_markers')}<Shortcut key="F4" />
</Menubar.CheckboxItem> </Menubar.CheckboxItem>
<Menubar.Separator /> <Menubar.Separator />
<Menubar.Item inset on:click={toggle3D} <Menubar.Item inset on:click={toggle3D}>
><Box size="16" class="mr-1" />{$_('menu.toggle_3d')}<Shortcut <Box size="16" class="mr-1" />
key="{$_('menu.ctrl')}+{$_('menu.drag')}" {$_('menu.toggle_3d')}
/></Menubar.Item <Shortcut key="{$_('menu.ctrl')}+{$_('menu.drag')}" />
> </Menubar.Item>
</Menubar.Content> </Menubar.Content>
</Menubar.Menu> </Menubar.Menu>
<Menubar.Menu> <Menubar.Menu>
<Menubar.Trigger>{$_('menu.settings')}</Menubar.Trigger> <Menubar.Trigger>{$_('menu.settings')}</Menubar.Trigger>
<Menubar.Content class="border-none" <Menubar.Content class="border-none"
><Menubar.Sub> ><Menubar.Sub>
<Menubar.SubTrigger <Menubar.SubTrigger>
><Ruler size="16" class="mr-1" />{$_('menu.distance_units')}</Menubar.SubTrigger <Ruler size="16" class="mr-1" />{$_('menu.distance_units')}
> </Menubar.SubTrigger>
<Menubar.SubContent> <Menubar.SubContent>
<Menubar.RadioGroup bind:value={$distanceUnits}> <Menubar.RadioGroup bind:value={$distanceUnits}>
<Menubar.RadioItem value="metric">{$_('menu.metric')}</Menubar.RadioItem> <Menubar.RadioItem value="metric">{$_('menu.metric')}</Menubar.RadioItem>
@@ -236,11 +236,9 @@
</Menubar.SubContent> </Menubar.SubContent>
</Menubar.Sub> </Menubar.Sub>
<Menubar.Sub> <Menubar.Sub>
<Menubar.SubTrigger <Menubar.SubTrigger>
><Thermometer size="16" class="mr-1" />{$_( <Thermometer size="16" class="mr-1" />{$_('menu.temperature_units')}
'menu.temperature_units' </Menubar.SubTrigger>
)}</Menubar.SubTrigger
>
<Menubar.SubContent> <Menubar.SubContent>
<Menubar.RadioGroup bind:value={$temperatureUnits}> <Menubar.RadioGroup bind:value={$temperatureUnits}>
<Menubar.RadioItem value="celsius">{$_('menu.celsius')}</Menubar.RadioItem> <Menubar.RadioItem value="celsius">{$_('menu.celsius')}</Menubar.RadioItem>
@@ -333,12 +331,24 @@
} else if (e.key === 'a' && (e.metaKey || e.ctrlKey)) { } else if (e.key === 'a' && (e.metaKey || e.ctrlKey)) {
selectAll(); selectAll();
e.preventDefault(); e.preventDefault();
} else if (e.key === 'p' && (e.metaKey || e.ctrlKey)) {
$elevationProfile = !$elevationProfile;
e.preventDefault();
} else if (e.key === 'l' && (e.metaKey || e.ctrlKey)) {
$verticalFileView = !$verticalFileView;
e.preventDefault();
} else if (e.key === 'F1') { } else if (e.key === 'F1') {
switchBasemaps(); switchBasemaps();
e.preventDefault(); e.preventDefault();
} else if (e.key === 'F2') { } else if (e.key === 'F2') {
toggleOverlays(); toggleOverlays();
e.preventDefault(); e.preventDefault();
} else if (e.key === 'F3') {
$distanceMarkers = !$distanceMarkers;
e.preventDefault();
} else if (e.key === 'F4') {
$directionMarkers = !$directionMarkers;
e.preventDefault();
} }
}} }}
on:dragover={(e) => e.preventDefault()} on:dragover={(e) => e.preventDefault()}