From 0d8ff5c83b0f63432c1e3a3f026d268c8c4bf62a Mon Sep 17 00:00:00 2001
From: Christian Beutel <>
Date: Sat, 2 Nov 2024 13:55:24 +0100
Subject: [PATCH] auto generate summit log on gpx upload

---
 .../summit_log/summit_log_card.svelte         |  2 +-
 .../summit_log/summit_log_table_row.svelte    |  2 +-
 web/src/routes/trail/edit/[id]/+page.svelte   | 46 ++++++++++++-------
 3 files changed, 31 insertions(+), 19 deletions(-)

diff --git a/web/src/lib/components/summit_log/summit_log_card.svelte b/web/src/lib/components/summit_log/summit_log_card.svelte
index 2c3d3acb..4a127590 100644
--- a/web/src/lib/components/summit_log/summit_log_card.svelte
+++ b/web/src/lib/components/summit_log/summit_log_card.svelte
@@ -133,7 +133,7 @@
                     >
                     <span
                         ><i class="fa fa-clock mr-2"></i>{formatTimeHHMM(
-                            totals.duration,
+                            totals.duration / 1000 / 60,
                         )}</span
                     >
                 </div>
diff --git a/web/src/lib/components/summit_log/summit_log_table_row.svelte b/web/src/lib/components/summit_log/summit_log_table_row.svelte
index e15f4db4..9c5e6ac4 100644
--- a/web/src/lib/components/summit_log/summit_log_table_row.svelte
+++ b/web/src/lib/components/summit_log/summit_log_table_row.svelte
@@ -98,7 +98,7 @@
     <td>
         {formatElevation(totals?.elevationGain)}
     </td><td>
-        {formatTimeHHMM(totals?.duration)}
+        {formatTimeHHMM(totals ? (totals?.duration / 1000 / 60) : undefined)}
     </td>
     <td>
         {#if log.text}
diff --git a/web/src/routes/trail/edit/[id]/+page.svelte b/web/src/routes/trail/edit/[id]/+page.svelte
index 432e77eb..836305b0 100644
--- a/web/src/routes/trail/edit/[id]/+page.svelte
+++ b/web/src/routes/trail/edit/[id]/+page.svelte
@@ -290,6 +290,12 @@
             $form.expand.gpx_data = gpxData;
             $form.category = $page.data.settings.category || $categories[0].id;
 
+            const log = new SummitLog(parseResult.trail.date as string, {})
+            log.expand.gpx_data = gpxData;
+            log._gpx = selectedFile;
+
+            $form.expand.summit_logs.push(log);
+
             setRoute(parseResult.gpx);
             initRouteAnchors(parseResult.gpx);
 
@@ -423,7 +429,7 @@
     function saveSummitLog(e: CustomEvent<SummitLog>) {
         const savedSummitLog = e.detail;
         console.log(savedSummitLog);
-        
+
         let editedSummitLogIndex = $form.expand.summit_logs.findIndex(
             (s) => s.id == savedSummitLog.id,
         );
@@ -763,22 +769,28 @@
             label={$_("describe-your-trail")}
             bind:value={$form.description}
         ></Textarea>
-        <Select
-            name="difficulty"
-            label={$_("difficulty")}
-            bind:value={$form.difficulty}
-            items={[
-                { text: $_("easy"), value: "easy" },
-                { text: $_("moderate"), value: "moderate" },
-                { text: $_("difficult"), value: "difficult" },
-            ]}
-        ></Select>
-        <Select
-            name="category"
-            label={$_("category")}
-            bind:value={$form.category}
-            items={$categories.map((c) => ({ text: $_(c.name), value: c.id }))}
-        ></Select>
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-y-4">
+            <Select
+                name="difficulty"
+                label={$_("difficulty")}
+                bind:value={$form.difficulty}
+                items={[
+                    { text: $_("easy"), value: "easy" },
+                    { text: $_("moderate"), value: "moderate" },
+                    { text: $_("difficult"), value: "difficult" },
+                ]}
+            ></Select>
+            <Select
+                name="category"
+                label={$_("category")}
+                bind:value={$form.category}
+                items={$categories.map((c) => ({
+                    text: $_(c.name),
+                    value: c.id,
+                }))}
+            ></Select>
+        </div>
+
         <Toggle name="public" label={$_("public")} bind:value={$form.public}
         ></Toggle>
         <hr class="border-separator" />