From 0a3b403d1049b9dbca828b7ef0bc2df9a348453c Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Sat, 15 Oct 2022 11:13:45 +0200
Subject: [PATCH] Add button to delete tracks and gongs

---
 ui/src/routes/musiks/gongs/[gid]/+page.svelte | 22 +++++++++++++++++++
 .../routes/musiks/tracks/[tid]/+page.svelte   | 20 +++++++++++++++++
 2 files changed, 42 insertions(+)

diff --git a/ui/src/routes/musiks/gongs/[gid]/+page.svelte b/ui/src/routes/musiks/gongs/[gid]/+page.svelte
index 819e950..3948a04 100644
--- a/ui/src/routes/musiks/gongs/[gid]/+page.svelte
+++ b/ui/src/routes/musiks/gongs/[gid]/+page.svelte
@@ -1,15 +1,25 @@
 <script>
+ import { goto } from '$app/navigation';
  import { page } from '$app/stores';
 
  import {
      Container,
      Input,
+     Icon,
      ListGroup,
      ListGroupItem,
      Spinner,
  } from 'sveltestrap';
 
  import { getGong } from '$lib/gong';
+ import { gongs } from '$lib/stores/gongs';
+
+ function deleteThis(gong) {
+     gong.delete().then(() => {
+         gongs.refresh();
+         goto('musiks/gongs/');
+     })
+ }
 </script>
 
 {#await getGong($page.params.gid)}
@@ -35,5 +45,17 @@
                 <span class="text-muted">{gong.id}</span>
             </ListGroupItem>
         </ListGroup>
+
+        <ListGroup class="my-2 text-center">
+            <ListGroupItem
+                action
+                tag="button"
+                class="text-danger fw-bold"
+                on:click={() => deleteThis(gong)}
+            >
+                <Icon name="trash" />
+                Supprimer ce gong
+            </ListGroupItem>
+        </ListGroup>
     </Container>
 {/await}
diff --git a/ui/src/routes/musiks/tracks/[tid]/+page.svelte b/ui/src/routes/musiks/tracks/[tid]/+page.svelte
index 34aeeda..b85ce43 100644
--- a/ui/src/routes/musiks/tracks/[tid]/+page.svelte
+++ b/ui/src/routes/musiks/tracks/[tid]/+page.svelte
@@ -12,6 +12,14 @@
  } from 'sveltestrap';
 
  import { getTrack } from '$lib/track';
+ import { tracks } from '$lib/stores/tracks';
+
+ function deleteThis(track) {
+     track.delete().then(() => {
+         tracks.refresh();
+         goto('musiks/tracks/');
+     })
+ }
 </script>
 
 {#await getTrack($page.params.tid)}
@@ -37,5 +45,17 @@
                 <span class="text-muted">{track.id}</span>
             </ListGroupItem>
         </ListGroup>
+
+        <ListGroup class="my-2 text-center">
+            <ListGroupItem
+                action
+                tag="button"
+                class="text-danger fw-bold"
+                on:click={() => deleteThis(track)}
+            >
+                <Icon name="trash" />
+                Supprimer cette piste
+            </ListGroupItem>
+        </ListGroup>
     </Container>
 {/await}