lfk/frontend
2
0
Fork 0
Code Issues 4 Pull Requests Actions Projects Releases Wiki Activity

Implemented delete for new track table

Browse Source
This commit is contained in:
Nicolai Ort
2023-05-01 14:03:46 +02:00
parent e904ab0b84
commit 081a141218
1 changed files with 48 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/components/tracks/TracksOverview.svelte
View File

@@ -8,6 +8,7 @@
import { tracks as tracksstore } from "../../store.js";
import toast from "svelte-french-toast";
$: trackscache = [];
$: deleteTracks = [];
tracksstore.subscribe((val) => {
trackscache = val;
});
@@ -71,6 +72,12 @@
>
{$_("minimum-lap-time-in-s")}
</th>
<th
scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
>
{$_("action")}
</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
@@ -115,6 +122,47 @@
</div>
</div>
</td>
<td class="px-6 py-4 whitespace-nowrap">
<div class="flex items-center">
<div class="ml-4">
{#if deleteTracks.includes(t.id)}
<button
tabindex="0"
on:click={() => {
deleteTracks = deleteTracks.filter((tr) => {
tr.id !== t.id;
});
}}
class="ml-4 text-gray-600 hover:text-gray-900 cursor-pointer"
>{$_("cancel")}</button
>
<button
tabindex="0"
on:click={async () => {
TrackService.trackControllerRemove(t.id);
deleteTracks = deleteTracks.filter((tr) => {
tr.id !== t.id;
});
tracksstore.set($tracksstore.filter((tr)=>tr.id !== t.id))
toast($_("runner-deleted"));
}}
class="ml-4 text-red-600 hover:text-red-900 cursor-pointer"
>{$_("confirm-delete")}</button
>
{:else}
<button
tabindex="0"
on:click={() => {
deleteTracks.push(t.id);
deleteTracks = deleteTracks;
}}
class="ml-4 text-red-600 hover:text-red-900 cursor-pointer"
>{$_("delete")}</button
>
{/if}
</div>
</div>
</td>
</tr>
{/each}
</tbody>