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

merge tool

Browse Source
This commit is contained in:
vcoppe
2024-06-08 17:19:22 +02:00
parent 5347ae0efe
commit d9b5f54d19
7 changed files with 252 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/src/lib/components/toolbar/Toolbar.svelte
View File

@@ -40,7 +40,7 @@
</ToolbarItem>
<ToolbarItem tool={Tool.MERGE}>
<Group slot="icon" size="18" />
<span slot="tooltip">{$_('toolbar.merge_tooltip')}</span>
<span slot="tooltip">{$_('toolbar.merge.tooltip')}</span>
</ToolbarItem>
<ToolbarItem tool={Tool.EXTRACT}>
<Ungroup slot="icon" size="18" />

3
website/src/lib/components/toolbar/ToolbarItemMenu.svelte
View File

@@ -5,6 +5,7 @@
import Routing from '$lib/components/toolbar/tools/routing/Routing.svelte';
import Scissors from '$lib/components/toolbar/tools/Scissors.svelte';
import Waypoint from '$lib/components/toolbar/tools/Waypoint.svelte';
import Merge from '$lib/components/toolbar/tools/Merge.svelte';
import RoutingControlPopup from '$lib/components/toolbar/tools/routing/RoutingControlPopup.svelte';
import { onMount } from 'svelte';
import mapboxgl from 'mapbox-gl';
@@ -36,6 +37,8 @@
<Scissors />
{:else if $currentTool === Tool.WAYPOINT}
<Waypoint />
{:else if $currentTool === Tool.MERGE}
<Merge />
{/if}
</Card.Content>
</Card.Root>

100
website/src/lib/components/toolbar/tools/Merge.svelte Normal file
View File

@@ -0,0 +1,100 @@
<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 * as RadioGroup from '$lib/components/ui/radio-group';
import { _ } from 'svelte-i18n';
import { dbUtils, fileObservers } from '$lib/db';
import { get } from 'svelte/store';
let canMergeTraces = false;
let canMergeContents = false;
$: if ($selection.size > 1) {
canMergeTraces = true;
} else if ($selection.size === 1) {
let selected = $selection.getSelected()[0];
if (selected instanceof ListFileItem) {
let fileId = selected.getFileId();
let fileStore = $fileObservers.get(fileId);
if (fileStore) {
let file = get(fileStore)?.file;
if (file) {
canMergeTraces = file.getSegments().length > 1;
} else {
canMergeTraces = false;
}
} else {
canMergeTraces = false;
}
} else if (selected instanceof ListTrackItem) {
let fileId = selected.getFileId();
let trackIndex = selected.getTrackIndex();
let fileStore = $fileObservers.get(fileId);
if (fileStore) {
let file = get(fileStore)?.file;
if (file) {
canMergeTraces = file.trk[trackIndex].getSegments().length > 1;
} else {
canMergeTraces = false;
}
} 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 max-w-96">
<RadioGroup.Root bind:value={mergeType}>
<div class="flex flex-row items-center gap-2">
<RadioGroup.Item value={MergeType.TRACES} id={MergeType.TRACES} />
<Label for={MergeType.TRACES}>{$_('toolbar.merge.merge_traces')}</Label>
</div>
<div class="flex flex-row items-center gap-2">
<RadioGroup.Item value={MergeType.CONTENTS} id={MergeType.CONTENTS} />
<Label for={MergeType.CONTENTS}>{$_('toolbar.merge.merge_contents')}</Label>
</div>
</RadioGroup.Root>
<Button
variant="outline"
disabled={(mergeType === MergeType.TRACES && !canMergeTraces) ||
(mergeType === MergeType.CONTENTS && !canMergeContents)}
class="w-full"
on:click={() => {
dbUtils.mergeSelection(mergeType === MergeType.TRACES);
}}
>
{$_('toolbar.merge.merge_selection')}
</Button>
<Help>
{#if mergeType === MergeType.TRACES && canMergeTraces}
{$_('toolbar.merge.help_merge_traces')}
{:else if mergeType === MergeType.TRACES && !canMergeTraces}
{$_('toolbar.merge.help_cannot_merge_traces')}
{:else if mergeType === MergeType.CONTENTS && canMergeContents}
{$_('toolbar.merge.help_merge_contents')}
{:else if mergeType === MergeType.CONTENTS && !canMergeContents}
{$_('toolbar.merge.help_cannot_merge_contents')}
{/if}
</Help>
</div>