From 7ca0b3bae32b4413584c425284571199c7c9535b Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Thu, 18 Apr 2024 15:58:46 +0200
Subject: [PATCH] add first tool

---
 website/src/lib/components/Toolbar.svelte     | 9 ++++++---
 website/src/lib/components/ToolbarItem.svelte | 1 +
 website/src/lib/stores.ts                     | 4 ++++
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/website/src/lib/components/Toolbar.svelte b/website/src/lib/components/Toolbar.svelte
index 6e35e109..2c94325d 100644
--- a/website/src/lib/components/Toolbar.svelte
+++ b/website/src/lib/components/Toolbar.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { reverseSelectedFiles } from '$lib/stores';
 	import ToolbarItem from './ToolbarItem.svelte';
 	import {
 		ArrowRightLeft,
@@ -24,9 +25,9 @@
 			<CalendarClock slot="icon" size="18" />
 			<span slot="tooltip">Change time and speed data</span>
 		</ToolbarItem>
-		<ToolbarItem>
+		<ToolbarItem on:click={reverseSelectedFiles}>
 			<ArrowRightLeft slot="icon" size="18" />
-			<span slot="tooltip">Reverse the order of the track points</span>
+			<span slot="tooltip">Reverse the file</span>
 		</ToolbarItem>
 		<ToolbarItem>
 			<Group slot="icon" size="18" />
@@ -46,7 +47,9 @@
 		</ToolbarItem>
 		<ToolbarItem>
 			<SquareDashedMousePointer slot="icon" size="18" />
-			<span slot="tooltip">Clean track points and POIs with a rectangle selection</span>
+			<span slot="tooltip"
+				>Clean track points and points of interest with a rectangle selection</span
+			>
 		</ToolbarItem>
 		<ToolbarItem>
 			<Palette slot="icon" size="18" />
diff --git a/website/src/lib/components/ToolbarItem.svelte b/website/src/lib/components/ToolbarItem.svelte
index bac2fd88..1d6b4f94 100644
--- a/website/src/lib/components/ToolbarItem.svelte
+++ b/website/src/lib/components/ToolbarItem.svelte
@@ -12,6 +12,7 @@
 			variant="ghost"
 			class="h-fit px-1 py-1.5"
 			disabled={$selectedFiles.size == 0}
+			on:click
 		>
 			<slot name="icon" />
 		</Button>
diff --git a/website/src/lib/stores.ts b/website/src/lib/stores.ts
index 08ae16d2..277ad327 100644
--- a/website/src/lib/stores.ts
+++ b/website/src/lib/stores.ts
@@ -105,6 +105,10 @@ export function exportFile(file: GPXFile) {
     URL.revokeObjectURL(url);
 }
 
+export function reverseSelectedFiles() {
+    get(selectedFiles).forEach(file => file.reverse());
+}
+
 export function selectFile(file: GPXFile) {
     selectedFiles.update($selectedFiles => {
         $selectedFiles.clear();