From 3beb92c3000a5301c9fe342cebf7790cce1f2406 Mon Sep 17 00:00:00 2001
From: Jonas Gerg <joniogerg@gmail.com>
Date: Tue, 14 Jul 2026 22:16:58 +0200
Subject: [PATCH] feat: add delete button to gottesdienst edit dialog

---
 .../components/dialog/CreateGottesdienstDialog.vue   | 12 ++++++++----
 public/src/views/PlanView.vue                        |  3 ++-
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/public/src/components/dialog/CreateGottesdienstDialog.vue b/public/src/components/dialog/CreateGottesdienstDialog.vue
index 0adb327..83d76c5 100644
--- a/public/src/components/dialog/CreateGottesdienstDialog.vue
+++ b/public/src/components/dialog/CreateGottesdienstDialog.vue
@@ -9,7 +9,8 @@ import {onKeyPress} from "@/composables/enter";
 interface CreateGottesdienstDialogProps extends DialogControls {
     onCreate: (arg0: Gottesdienst) => (Promise<any> | undefined),
     gottesdienst?: Gottesdienst,
-    planId: number
+    planId: number,
+    onDelete?: () => void
 }
 
 onKeyPress("Enter", create)
@@ -70,9 +71,12 @@ async function create(){
         <Input class="input" v-model:value="date" date-format="string" type="date" label="Datum"/>
         <Input class="input" v-model:value="time" date-format="string" type="time" label="Um"/>
         <Input class="input" v-model:value="godi.attendance" type="time" label="Anwesenheit"/>
-        <div class="buttons" style="display: flex; justify-content: end; margin-top: 20px;">
-            <button @click="onDismiss">Abbrechen</button>
-            <button @click="create">{{ godi?.id == -1 ? "Erstellen" : "Speichern"}}</button>
+        <div class="buttons" style="display: flex; justify-content: space-between; margin-top: 20px;">
+            <button v-if="godi.id != -1 && onDelete" class="red" @click="onDelete(); onDismiss()"><i class="icon">delete</i> Löschen</button>
+            <div style="display: flex; gap: 8px; margin-left: auto;">
+                <button @click="onDismiss">Abbrechen</button>
+                <button @click="create">{{ godi?.id == -1 ? "Erstellen" : "Speichern"}}</button>
+            </div>
         </div>
     </Dialog>
 
diff --git a/public/src/views/PlanView.vue b/public/src/views/PlanView.vue
index b4bfec2..427210b 100644
--- a/public/src/views/PlanView.vue
+++ b/public/src/views/PlanView.vue
@@ -128,7 +128,8 @@ async function createGottesdienst(gottesdienstId?: number){
                 plan.gottesdienste.splice(index, 1)
                 plan.gottesdienste.push(godi)
             }
-        }
+        },
+        onDelete: gottesdienst ? () => deleteGottedienst(gottesdienst.id) : undefined
     })
 }