Preview: analyze a raw GPX or FIT file without persisting it

1 files changed, 28 insertions, 0 deletions

diff --git a/web/frontend/ride-detail.ts b/web/frontend/ride-detail.ts
index b8d2898..dcebbe4 100644
--- a/web/frontend/ride-detail.ts
+++ b/web/frontend/ride-detail.ts
@@ -146,6 +146,34 @@ export const mountRideDetail = (): void => {
   });
   if (climbItems.length > 0) updateClimbFocus(0, false);
   else profileCanvas.redraw();
+  mountPreviewSave([...document.querySelectorAll<HTMLFormElement>("form[data-preview-form]")]);
+};
+
+// Preview ride forms save official climbs via fetch so the un-persisted preview stays on screen.
+const mountPreviewSave = (forms: HTMLFormElement[]): void => {
+  for (const form of forms) {
+    if (!form.dataset.previewForm) continue;
+    const item = form.closest<HTMLElement>("[data-climb-item]");
+    form.addEventListener("submit", async (event) => {
+      event.preventDefault();
+      const submitButton = form.querySelector<HTMLButtonElement>("button[type=submit]");
+      if (submitButton) submitButton.disabled = true;
+      let message: string;
+      try {
+        const response = await fetch(form.action, { method: "POST", body: new FormData(form) });
+        const payload = (await response.json()) as { ok?: boolean; name?: string; error?: string };
+        message =
+          response.ok && payload.ok && payload.name
+            ? `Official climb “${payload.name}” saved. Re-upload the file to see it matched.`
+            : `Saving the official climb failed${payload.error ? `: ${payload.error}` : "."}`;
+      } catch {
+        message = "Saving the official climb failed.";
+      }
+      const status = item?.querySelector<HTMLElement>(".climb-status");
+      if (status) status.textContent = message;
+      else window.alert(message);
+    });
+  }
 };
 
 mountRideDetail();