mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-08-31 23:53:25 +00:00
118 lines
4.0 KiB
Svelte
118 lines
4.0 KiB
Svelte
<script lang="ts" context="module">
|
|
enum MergeType {
|
|
TRACES = 'traces',
|
|
CONTENTS = 'contents'
|
|
}
|
|
</script>
|
|
|
|
<script lang="ts">
|
|
import { ListFileItem, ListTrackItem } from '$lib/components/file-list/FileList';
|
|
import Help from '$lib/components/Help.svelte';
|
|
import { selection } from '$lib/components/file-list/Selection';
|
|
import { Button } from '$lib/components/ui/button';
|
|
import { Label } from '$lib/components/ui/label/index.js';
|
|
import { Checkbox } from '$lib/components/ui/checkbox';
|
|
import * as RadioGroup from '$lib/components/ui/radio-group';
|
|
import { _, locale } from 'svelte-i18n';
|
|
import { dbUtils, getFile } from '$lib/db';
|
|
import { Group } from 'lucide-svelte';
|
|
import { getURLForLanguage } from '$lib/utils';
|
|
import Shortcut from '$lib/components/Shortcut.svelte';
|
|
import { gpxStatistics } from '$lib/stores';
|
|
|
|
let canMergeTraces = false;
|
|
let canMergeContents = false;
|
|
let removeGaps = false;
|
|
|
|
$: if ($selection.size > 1) {
|
|
canMergeTraces = true;
|
|
} else if ($selection.size === 1) {
|
|
let selected = $selection.getSelected()[0];
|
|
if (selected instanceof ListFileItem) {
|
|
let file = getFile(selected.getFileId());
|
|
if (file) {
|
|
canMergeTraces = file.getSegments().length > 1;
|
|
} else {
|
|
canMergeTraces = false;
|
|
}
|
|
} else if (selected instanceof ListTrackItem) {
|
|
let trackIndex = selected.getTrackIndex();
|
|
let file = getFile(selected.getFileId());
|
|
if (file && trackIndex < file.trk.length) {
|
|
canMergeTraces = file.trk[trackIndex].getSegments().length > 1;
|
|
} else {
|
|
canMergeTraces = false;
|
|
}
|
|
} else {
|
|
canMergeContents = false;
|
|
}
|
|
}
|
|
|
|
$: canMergeContents =
|
|
$selection.size > 1 &&
|
|
$selection
|
|
.getSelected()
|
|
.some((item) => item instanceof ListFileItem || item instanceof ListTrackItem);
|
|
|
|
let mergeType = MergeType.TRACES;
|
|
</script>
|
|
|
|
<div class="flex flex-col gap-3 w-full max-w-80 {$$props.class ?? ''}">
|
|
<RadioGroup.Root bind:value={mergeType}>
|
|
<Label class="flex flex-row items-center gap-1.5 leading-5">
|
|
<RadioGroup.Item value={MergeType.TRACES} />
|
|
{$_('toolbar.merge.merge_traces')}
|
|
</Label>
|
|
<Label class="flex flex-row items-center gap-1.5 leading-5">
|
|
<RadioGroup.Item value={MergeType.CONTENTS} />
|
|
{$_('toolbar.merge.merge_contents')}
|
|
</Label>
|
|
</RadioGroup.Root>
|
|
{#if mergeType === MergeType.TRACES && $gpxStatistics.global.time.total > 0}
|
|
<div class="flex flex-row items-center gap-1.5">
|
|
<Checkbox id="remove-gaps" bind:checked={removeGaps} />
|
|
<Label for="remove-gaps">{$_('toolbar.merge.remove_gaps')}</Label>
|
|
</div>
|
|
{/if}
|
|
<Button
|
|
variant="outline"
|
|
class="whitespace-normal h-fit"
|
|
disabled={(mergeType === MergeType.TRACES && !canMergeTraces) ||
|
|
(mergeType === MergeType.CONTENTS && !canMergeContents)}
|
|
on:click={() => {
|
|
dbUtils.mergeSelection(
|
|
mergeType === MergeType.TRACES,
|
|
mergeType === MergeType.TRACES && $gpxStatistics.global.time.total > 0 && removeGaps
|
|
);
|
|
}}
|
|
>
|
|
<Group size="16" class="mr-1 shrink-0" />
|
|
{$_('toolbar.merge.merge_selection')}
|
|
</Button>
|
|
<Help link={getURLForLanguage($locale, '/help/toolbar/merge')}>
|
|
{#if mergeType === MergeType.TRACES && canMergeTraces}
|
|
{$_('toolbar.merge.help_merge_traces')}
|
|
{:else if mergeType === MergeType.TRACES && !canMergeTraces}
|
|
{$_('toolbar.merge.help_cannot_merge_traces')}
|
|
{$_('toolbar.merge.selection_tip').split('{KEYBOARD_SHORTCUT}')[0]}
|
|
<Shortcut
|
|
ctrl={true}
|
|
click={true}
|
|
class="inline-flex text-muted-foreground text-xs border rounded p-0.5 gap-0"
|
|
/>
|
|
{$_('toolbar.merge.selection_tip').split('{KEYBOARD_SHORTCUT}')[1]}
|
|
{:else if mergeType === MergeType.CONTENTS && canMergeContents}
|
|
{$_('toolbar.merge.help_merge_contents')}
|
|
{:else if mergeType === MergeType.CONTENTS && !canMergeContents}
|
|
{$_('toolbar.merge.help_cannot_merge_contents')}
|
|
{$_('toolbar.merge.selection_tip').split('{KEYBOARD_SHORTCUT}')[0]}
|
|
<Shortcut
|
|
ctrl={true}
|
|
click={true}
|
|
class="inline-flex text-muted-foreground text-xs border rounded p-0.5 gap-0"
|
|
/>
|
|
{$_('toolbar.merge.selection_tip').split('{KEYBOARD_SHORTCUT}')[1]}
|
|
{/if}
|
|
</Help>
|
|
</div>
|