From 2856c5c1b786f732b0db80324ea74513e8be186d Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Mon, 1 May 2023 14:23:25 +0200
Subject: [PATCH] Editing update logic

---
 src/components/tracks/TracksOverview.svelte | 31 ++++++++++++++++++---
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/components/tracks/TracksOverview.svelte b/src/components/tracks/TracksOverview.svelte
index 0566b9fb..5a72701e 100644
--- a/src/components/tracks/TracksOverview.svelte
+++ b/src/components/tracks/TracksOverview.svelte
@@ -99,8 +99,18 @@
                 <td class="px-6 py-4 whitespace-nowrap">
                   <div class="flex items-center">
                     <div class="ml-4">
-                      {#if editTracks.includes(t.id)}
-                        <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="text" value={t.name} />
+                      {#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="text"
+                          value={t.name}
+                          on:input={(e) => {
+                            const i = editTracks.findIndex(
+                              (tr) => tr.id === t.id
+                            );
+                            editTracks[i].name = e.target.value;
+                          }}
+                        />
                       {:else}
                         <div class="text-sm font-medium text-gray-900">
                           {t.name}
@@ -155,7 +165,7 @@
                         class="ml-4 text-red-600 hover:text-red-900 cursor-pointer"
                         >{$_("confirm-delete")}</button
                       >
-                    {:else if editTracks.findIndex((tr)=>tr.id === t.id) !== -1}
+                    {:else if editTracks.findIndex((tr) => tr.id === t.id) !== -1}
                       <button
                         tabindex="0"
                         on:click={() => {
@@ -169,7 +179,20 @@
                       <button
                         tabindex="0"
                         on:click={async () => {
-                          console.log("TODO:");
+                          const i = editTracks.findIndex(
+                            (tr) => tr.id === t.id
+                          );
+                          const res = await TrackService.trackControllerPut(
+                            t.id,
+                            editTracks[i]
+                          );
+                          tracksstore.set(
+                            $tracksstore.filter((tr) => tr.id !== t.id)
+                          );
+                          $tracksstore.push(res)
+                          editTracks = editTracks.filter((tr) => {
+                            tr.id !== t.id;
+                          });
                         }}
                         class="ml-4 text-green-600 hover:text-green-900 cursor-pointer"
                         >{$_("save")}</button