From e9cf2bc8498fc02332059880d7a6994348165b76 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Mon, 1 May 2023 14:27:56 +0200
Subject: [PATCH] Full track table editing

---
 src/components/tracks/TracksOverview.svelte | 28 +++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/components/tracks/TracksOverview.svelte b/src/components/tracks/TracksOverview.svelte
index 0cfd6fad..67a25e0c 100644
--- a/src/components/tracks/TracksOverview.svelte
+++ b/src/components/tracks/TracksOverview.svelte
@@ -122,18 +122,46 @@
                 <td class="px-6 py-4 whitespace-nowrap">
                   <div class="flex items-center">
                     <div class="ml-4">
+                      {#if editTracks.findIndex((tr) => tr.id === t.id) !== -1}
+                      <input
+                          class="shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-0.5"
+                          type="number"
+                          value={t.distance}
+                          on:input={(e) => {
+                            const i = editTracks.findIndex(
+                              (tr) => tr.id === t.id
+                            );
+                            editTracks[i].distance = parseInt(e.target.value);
+                          }}
+                        />
+                      {:else}
                       <div class="text-sm font-medium text-gray-900">
                         {t.distance}
                       </div>
+                      {/if}
                     </div>
                   </div>
                 </td>
                 <td class="px-6 py-4 whitespace-nowrap">
                   <div class="flex items-center">
                     <div class="ml-4">
+                      {#if editTracks.findIndex((tr) => tr.id === t.id) !== -1}
+                      <input
+                          class="shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-0.5"
+                          type="number"
+                          value={t.minimumLapTime}
+                          on:input={(e) => {
+                            const i = editTracks.findIndex(
+                              (tr) => tr.id === t.id
+                            );
+                            editTracks[i].minimumLapTime = parseInt(e.target.value);
+                          }}
+                        />
+                      {:else}
                       <div class="text-sm font-medium text-gray-900">
                         {t.minimumLapTime}
                       </div>
+                      {/if}
                     </div>
                   </div>
                 </td>