adds trail reversing

web/src/lib/components/trail/routing_options_popup.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import type {
         RoutingOptions,
-        ValhallaBicycleCostingOptions
+        ValhallaBicycleCostingOptions,
     } from "$lib/models/valhalla";
     import { formatSpeed } from "$lib/util/format_util";
     import { _ } from "svelte-i18n";
@@ -11,9 +11,11 @@
     import Toggle from "../base/toggle.svelte";
     interface Props {
         options: RoutingOptions;
+        onReverse: () => void;
+        onReset: () => void;
     }
 
-    let { options = $bindable() }: Props = $props();
+    let { options = $bindable(), onReverse, onReset }: Props = $props();
 
     const modesOfTransport: SelectItem[] = [
         { text: $_("hiking"), value: "pedestrian" },
@@ -59,10 +61,10 @@
     }
 
     $effect(() => {
-        if(!options.autoRouting) {
+        if (!options.autoRouting) {
             showSettings = false;
         }
-    })
+    });
 
     let showSettings = $state(false);
 
@@ -92,7 +94,7 @@
     }
 </script>
 
-<div class="p-4 my-2 rounded-xl bg-background space-y-4">
+<div class="px-6 py-4 my-2 rounded-xl bg-background space-y-4">
     <Toggle bind:value={options.autoRouting} label={$_("enable-auto-routing")}
     ></Toggle>
     <div class="flex items-center gap-4">
@@ -107,10 +109,27 @@
             disabled={!options.autoRouting}
             onclick={() => (showSettings = !showSettings)}
             aria-label="Toggle routing settings"
-            ><i class="fa fa-cogs" class:text-gray-500={!options.autoRouting}></i></button
+            ><i class="fa fa-cogs" class:text-gray-500={!options.autoRouting}
+            ></i></button
+        >
+    </div>
+    <div class="flex items-center gap-4">
+        <button
+            class="btn-icon tooltip"
+            type="button"
+            onclick={() => onReverse()}
+            aria-label="Reverse trail direction"
+            data-title={$_("reverse-direction")}
+            ><i class="fa fa-arrow-right-arrow-left"></i></button
+        >
+        <button
+            class="btn-icon tooltip"
+            type="button"
+            onclick={() => onReset()}
+            aria-label="Reset route"
+            data-title={$_("reset")}><i class="fa fa-trash"></i></button
         >
     </div>
-
     {#if showSettings}
         <div in:slide out:slide>
             {#if options.modeOfTransport === "pedestrian" && options.pedestrianOptions}

web/src/lib/i18n/locales/de.json

@@ -278,7 +278,9 @@
   "removed-trail-from": "Route entfernt aus",
   "removed-trails-from": "Routen entfernt aus",
   "required": "Pflichtfeld",
+  "reset": "",
   "reset-password": "Passwort zurücksetzen",
+  "reverse-direction": "Reverse direction",
   "road": "Straße",
   "route": "{n, plural, =1 {Route} other {Routen}}",
   "route-point": "Punkt auf Route",
@@ -349,12 +351,12 @@
   "upload-gpx": "GPX hochladen",
   "upload-new-file": "Neue Datei hochladen",
   "uploaded": "hochgeladen",
-  "use-hills": "",
+  "use-hills": "Hügel einbeziehen",
   "use-roads": "Nutze Straßen",
   "username": "Nutzername",
   "view": "Ansehen",
   "visibilty-status": "Sichtbarkeit",
-  "walking-speed": "",
+  "walking-speed": "Laufgeschwindigkeit",
   "waypoints": "{n, plural, =1 {Wegpunkt} other {Wegpunkte}}",
   "welcome_to": "Willkommen bei",
   "width": "Breite",

web/src/lib/i18n/locales/en.json

@@ -278,7 +278,9 @@
   "removed-trail-from": "Removed trail from",
   "removed-trails-from": "Removed trails from",
   "required": "Required",
+  "reset": "Reset",
   "reset-password": "Reset Password",
+  "reverse-direction": "",
   "road": "Road",
   "route": "{n, plural, =1 {Route} other {Routes}}",
   "route-point": "Route Point",
@@ -349,12 +351,12 @@
   "upload-gpx": "Upload GPX",
   "upload-new-file": "Upload new file",
   "uploaded": "uploaded",
-  "use-hills": "",
+  "use-hills": "Use hills",
   "use-roads": "Use Roads",
   "username": "Username",
   "view": "View",
   "visibilty-status": "Visibility status",
-  "walking-speed": "",
+  "walking-speed": "Walking speed",
   "waypoints": "{n, plural, =1 {Waypoint} other {Waypoints}}",
   "welcome_to": "Welcome to",
   "width": "Width",

web/src/lib/i18n/locales/es.json

@@ -278,7 +278,9 @@
   "removed-trail-from": "Ruta borrada de",
   "removed-trails-from": "Rutas borrada de",
   "required": "Obligatorio",
+  "reset": "",
   "reset-password": "Restablecer Contraseña",
+  "reverse-direction": "",
   "road": "Carretera",
   "route": "{n, plural, =1 {Route} other {Routes}}",
   "route-point": "Route Point",

web/src/lib/i18n/locales/eu.json

@@ -278,7 +278,9 @@
   "removed-trail-from": "Removed trail from",
   "removed-trails-from": "Removed trails from",
   "required": "Required",
+  "reset": "",
   "reset-password": "Reset Password",
+  "reverse-direction": "",
   "road": "Road",
   "route": "{n, plural, =1 {Route} other {Routes}}",
   "route-point": "Route Point",

web/src/lib/i18n/locales/fr.json

@@ -278,7 +278,9 @@
   "removed-trail-from": "Enlever l'itinéraire de",
   "removed-trails-from": "Enlever les itinéraires de",
   "required": "Requis",
+  "reset": "",
   "reset-password": "Réinitialiser le mot de passe",
+  "reverse-direction": "",
   "road": "Route",
   "route": "{n, plural, =1 {Itinéraire} other {Itinéraires}}",
   "route-point": "Étape",

web/src/lib/i18n/locales/hu.json

@@ -278,7 +278,9 @@
   "removed-trail-from": "Eltávolított nyomvonal a",
   "removed-trails-from": "Eltávolított nyomvonalak a",
   "required": "Kötelező",
+  "reset": "",
   "reset-password": "Reset Password",
+  "reverse-direction": "",
   "road": "Road",
   "route": "{n, plural, =1 {Route} other {Routes}}",
   "route-point": "Route Point",

web/src/lib/i18n/locales/it.json

@@ -278,7 +278,9 @@
   "removed-trail-from": "Percorso rimosso da",
   "removed-trails-from": "Percorsi rimosso da",
   "required": "Obbligatorio",
+  "reset": "",
   "reset-password": "Ripristinare Password",
+  "reverse-direction": "",
   "road": "Road",
   "route": "{n, plural, =1 {Route} other {Routes}}",
   "route-point": "Route Point",

web/src/lib/i18n/locales/nl.json

@@ -278,7 +278,9 @@
   "removed-trail-from": "Route verwijderd van",
   "removed-trails-from": "Routes verwijderd van",
   "required": "Verplicht",
+  "reset": "",
   "reset-password": "Wachtwoord opnieuw instellen",
+  "reverse-direction": "",
   "road": "Weg",
   "route": "{n, plural,=1 {Tocht} other {Tochten}}",
   "route-point": "Routepunt",

web/src/lib/i18n/locales/pl.json

@@ -278,7 +278,9 @@
   "removed-trail-from": "Usunięto szlak z",
   "removed-trails-from": "Usunięto szlaki z",
   "required": "Wymagane",
+  "reset": "",
   "reset-password": "Resetuj hasło",
+  "reverse-direction": "",
   "road": "Road",
   "route": "{n, plural,=1 {Trasa} other {Trasy}}",
   "route-point": "Punkt trasy",

web/src/lib/i18n/locales/pt.json

@@ -278,7 +278,9 @@
   "removed-trail-from": "Trilha removida de",
   "removed-trails-from": "Trilhos removidos de",
   "required": "Obrigatório",
+  "reset": "",
   "reset-password": "Reset Password",
+  "reverse-direction": "",
   "road": "Road",
   "route": "{n, plural, =1 {Route} other {Routes}}",
   "route-point": "Route Point",

web/src/lib/i18n/locales/ru.json

@@ -278,7 +278,9 @@
   "removed-trail-from": "Трек удалён из",
   "removed-trails-from": "Removed trails from",
   "required": "Обязательно",
+  "reset": "",
   "reset-password": "Сбросить пароль",
+  "reverse-direction": "",
   "road": "Шоссе",
   "route": "{n, plural, =1 {Маршрут} other {Маршрутов}}",
   "route-point": "Точка маршрута",

web/src/lib/i18n/locales/zh.json

@@ -278,7 +278,9 @@
   "removed-trail-from": "路线已删除自",
   "removed-trails-from": "路线已删除自",
   "required": "必填",
+  "reset": "",
   "reset-password": "重置密码",
+  "reverse-direction": "",
   "road": "Road",
   "route": "{n, plural, =1 {Route} other {Routes}}",
   "route-point": "Route Point",

web/src/lib/models/gpx/gpx.ts

@@ -148,7 +148,7 @@ export default class GPX {
       distance: totalDistance,
       elevationGain: totalElevationGain,
       elevationLoss: totalElevationLoss,
-      duration: totalDuration,
+      duration: Math.abs(totalDuration),
       hash: this.generateMinHash(allPoints)
     }
   }

web/src/lib/stores/valhalla_store.ts

@@ -5,6 +5,8 @@ import Waypoint from "$lib/models/gpx/waypoint";
 import { type RoutingOptions, type ValhallaAnchor, type ValhallaHeightResponse, type ValhallaRouteResponse } from "$lib/models/valhalla";
 import { APIError } from "$lib/util/api_util";
 import { decodePolyline, encodePolyline } from "$lib/util/polyline_util";
+import { get } from "svelte/store";
+import { _ } from "svelte-i18n";
 
 
 const emtpyTrack: Track = { trkseg: [] }
@@ -100,6 +102,49 @@ export function deleteFromRoute(index: number) {
     route.features = route.getTotals();
 }
 
+export function reverseRoute() {
+    for (const trk of route.trk ?? []) {
+        for (const seg of trk.trkseg ?? []) {
+            seg.trkpt?.reverse()
+        }
+        trk.trkseg?.reverse()
+    }
+    route.trk?.reverse()
+
+    route.features = route.getTotals();
+
+    anchors.reverse();
+
+    anchors.forEach((a, i) => {
+        if (!a.marker) {
+            return;
+        }
+        a.marker.getElement().textContent = "" + (i + 1);
+
+        const anchorPopupHeading = a.marker
+            .getPopup()
+            ._content.getElementsByTagName("h5")[0];
+        if (anchorPopupHeading) {
+            anchorPopupHeading.textContent =
+                get(_)("route-point") + " #" + (i + 1);
+        }
+    });
+}
+
+export function resetRoute() {
+    route = new GPX({ trk: [emtpyTrack] });
+
+    anchors.forEach((a) => {
+        if(!a.marker) {
+            return;
+        }
+
+        a.marker.remove();
+    })
+
+    anchors = []
+}
+
 export function normalizeRouteTime() {
     let currentTime = new Date();
 

web/src/routes/trail/edit/[id]/+page.svelte

@@ -42,6 +42,8 @@
         editRoute,
         insertIntoRoute,
         normalizeRouteTime,
+        resetRoute,
+        reverseRoute,
         route,
         setRoute,
     } from "$lib/stores/valhalla_store";
@@ -854,6 +856,18 @@
         }
     }
 
+    function reverseTrail() {
+        reverseRoute();
+
+        updateTrailWithRouteData();
+    }
+
+    function resetTrail() {
+        resetRoute();
+        
+        updateTrailWithRouteData();
+    }
+
     function updateTrailWithRouteData() {
         overwriteGPX = true;
         const totals = route.features;
@@ -1276,9 +1290,12 @@
             <div
                 in:scale={{ easing: backInOut }}
                 out:scale={{ easing: backInOut }}
-                class="absolute top-0 left-16 z-50"
+                class="absolute top-8 left-2 z-50"
             >
-                <RoutingOptionsPopup bind:options={routingOptions}
+                <RoutingOptionsPopup
+                    bind:options={routingOptions}
+                    onReverse={reverseTrail}
+                    onReset={resetTrail}
                 ></RoutingOptionsPopup>
             </div>
         {/if}