mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-08-31 15:43:25 +00:00
53 lines
1.5 KiB
Svelte
53 lines
1.5 KiB
Svelte
<script lang="ts">
|
|
import { Button } from '$lib/components/ui/button';
|
|
import { Ungroup } from 'lucide-svelte';
|
|
import { selection } from '$lib/components/file-list/Selection';
|
|
import {
|
|
ListFileItem,
|
|
ListTrackItem,
|
|
ListTrackSegmentItem,
|
|
ListWaypointItem,
|
|
ListWaypointsItem
|
|
} from '$lib/components/file-list/FileList';
|
|
import Help from '$lib/components/Help.svelte';
|
|
import { dbUtils, getFile } from '$lib/db';
|
|
import { _ } from 'svelte-i18n';
|
|
|
|
$: validSelection =
|
|
$selection.size > 0 &&
|
|
$selection.getSelected().every((item) => {
|
|
if (
|
|
item instanceof ListWaypointsItem ||
|
|
item instanceof ListWaypointItem ||
|
|
item instanceof ListTrackSegmentItem
|
|
) {
|
|
return false;
|
|
}
|
|
let file = getFile(item.getFileId());
|
|
if (file) {
|
|
if (item instanceof ListFileItem) {
|
|
return file.getSegments().length > 1;
|
|
} else if (item instanceof ListTrackItem) {
|
|
if (item.getTrackIndex() < file.trk.length) {
|
|
return file.trk[item.getTrackIndex()].getSegments().length > 1;
|
|
}
|
|
}
|
|
}
|
|
return false;
|
|
});
|
|
</script>
|
|
|
|
<div class="flex flex-col gap-3 w-full max-w-80 {$$props.class ?? ''}">
|
|
<Button variant="outline" disabled={!validSelection} on:click={dbUtils.extractSelection}>
|
|
<Ungroup size="16" class="mr-1" />
|
|
{$_('toolbar.extract.button')}
|
|
</Button>
|
|
<Help link="./help/toolbar/extract">
|
|
{#if validSelection}
|
|
{$_('toolbar.extract.help')}
|
|
{:else}
|
|
{$_('toolbar.extract.help_invalid_selection')}
|
|
{/if}
|
|
</Help>
|
|
</div>
|