From 39d98c8ae39c43e19352e95323c2cc27ef819fe3 Mon Sep 17 00:00:00 2001
From: derGraph <paulantongraf@gmail.com>
Date: Tue, 20 Aug 2024 12:58:41 +0200
Subject: [PATCH 1/3] Revert "remove unused Leaflet.css"

This reverts commit ec0bf7ed05ef5c08623aa8535a16210f869d275e.
---
 src/lib/Leaflet.css    | 0
 src/lib/Leaflet.svelte | 1 +
 2 files changed, 1 insertion(+)
 create mode 100755 src/lib/Leaflet.css

diff --git a/src/lib/Leaflet.css b/src/lib/Leaflet.css
new file mode 100755
index 0000000..e69de29
diff --git a/src/lib/Leaflet.svelte b/src/lib/Leaflet.svelte
index 060465d..b3926e7 100755
--- a/src/lib/Leaflet.svelte
+++ b/src/lib/Leaflet.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import L from 'leaflet';
+	import 'leaflet/dist/leaflet.css';
 	import { onDestroy, onMount, setContext } from 'svelte';
 	import { modeCurrent } from '@skeletonlabs/skeleton';
 

From 24b45c66b8f9e23ebe0e2a51625c3b0226e134b2 Mon Sep 17 00:00:00 2001
From: derGraph <paulantongraf@gmail.com>
Date: Tue, 20 Aug 2024 13:08:58 +0200
Subject: [PATCH 2/3] modify Leaflet to show tracks

---
 src/lib/Leaflet.css    |  0
 src/lib/Leaflet.svelte | 25 ++++++++++++++++++++++++-
 2 files changed, 24 insertions(+), 1 deletion(-)
 delete mode 100755 src/lib/Leaflet.css

diff --git a/src/lib/Leaflet.css b/src/lib/Leaflet.css
deleted file mode 100755
index e69de29..0000000
diff --git a/src/lib/Leaflet.svelte b/src/lib/Leaflet.svelte
index b3926e7..0180a2a 100755
--- a/src/lib/Leaflet.svelte
+++ b/src/lib/Leaflet.svelte
@@ -7,6 +7,20 @@
 	let map: L.Map | undefined;
 	let mapElement: HTMLDivElement;
 
+	interface Datapoint {
+		id?: string;
+		time?: Date;
+		tripId: string;
+		lat: number;
+		long: number;
+		speed?: number;
+		heading?: number;
+		depth?: number;
+		h_accuracy?: number;
+		v_accuracy?: number;
+		propulsion?: number;
+	}
+
 	onMount(() => {
 		map = L.map(mapElement);
 
@@ -22,7 +36,7 @@
 		});
 
 		osmLayer.addTo(map);
-		seamarkLayer.addTo(map);
+		//seamarkLayer.addTo(map);
 	});
 
 	onDestroy(() => {
@@ -37,6 +51,7 @@
 	export let bounds: L.LatLngBoundsExpression | undefined = undefined;
 	export let view: L.LatLngExpression | undefined = undefined;
 	export let zoom: number | undefined = undefined;
+	export let tracks: Datapoint[]  | null = null;
 
 	onMount(() => {
 		if (!bounds && (!view || !zoom)) {
@@ -50,6 +65,14 @@
 		} else if (view && zoom) {
 			map.setView(view, zoom);
 		}
+		let latlngs: L.LatLng[] = [];
+		if(tracks != null){
+			for(let point of tracks){
+				latlngs.push(new L.LatLng(point.lat, point.long))
+			}
+			let polyline = L.polyline(latlngs, {color: 'red'}).addTo(map);
+		}
+
 	}
 </script>
 

From 0e481cb2264cf1f73e0e729075a0902676fcd818 Mon Sep 17 00:00:00 2001
From: derGraph <paulantongraf@gmail.com>
Date: Tue, 20 Aug 2024 13:09:10 +0200
Subject: [PATCH 3/3] show active track on homepage

---
 src/routes/+page.svelte | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 8479490..17c6bb9 100755
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,10 +2,30 @@
 	// @ts-ignore
 	import type { LatLngExpression } from 'leaflet';
 	import Leaflet from '$lib/Leaflet.svelte';
+	import { onMount } from 'svelte';
+	import errorStore from '$lib/errorStore.js';
+
+	export let data;
+	let tracks: null = null;
 
 	const initialView: LatLngExpression = [43.95, 14.79];
+
+	async function getTrip(tripId: String) {
+		let response = await fetch('/api/Datapoints?tripId='+tripId);
+		if(!response.ok){
+			$errorStore = response;
+		}
+		tracks = await response.json();
+	}
+
+	onMount(()=>{
+		if(data.user){
+			getTrip(data.user?.activeTripId);
+		}
+	});
+
 </script>
 
 <div class="md:container md:mx-auto py-3 h-full rounded">
-	<Leaflet view={initialView} zoom={8} />
+	<Leaflet view={initialView} zoom={8} tracks={tracks}/>
 </div>