From 41a9a39cf3231954b744112cf9ad2a72334c9070 Mon Sep 17 00:00:00 2001
From: Kuchenpirat <jojow@gmx.net>
Date: Mon, 20 Nov 2023 17:09:16 +0000
Subject: [PATCH] data management: improve delete prompt

---
 frontend/pages/group/data/foods.vue  |  6 +++++-
 frontend/pages/group/data/labels.vue | 19 ++++++++++++++-----
 frontend/pages/group/data/units.vue  |  6 +++++-
 3 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/frontend/pages/group/data/foods.vue b/frontend/pages/group/data/foods.vue
index d722f77e203c..be592f870f7f 100644
--- a/frontend/pages/group/data/foods.vue
+++ b/frontend/pages/group/data/foods.vue
@@ -150,7 +150,10 @@
       @confirm="deleteFood"
     >
       <v-card-text>
-        {{ $t("general.confirm-delete-generic") }}
+        <div class="mb-4">
+          {{ $t("general.confirm-delete-generic") }}
+        </div>
+        <p v-if="deleteTarget" class="ml-4">{{ deleteTarget.name }}</p>
       </v-card-text>
     </BaseDialog>
 
@@ -394,6 +397,7 @@ export default defineComponent({
       deleteEventHandler,
       deleteDialog,
       deleteFood,
+      deleteTarget,
       // Alias Manager
       aliasManagerDialog,
       aliasManagerEventHandler,
diff --git a/frontend/pages/group/data/labels.vue b/frontend/pages/group/data/labels.vue
index c748d448be09..bbf65db00784 100644
--- a/frontend/pages/group/data/labels.vue
+++ b/frontend/pages/group/data/labels.vue
@@ -38,7 +38,10 @@
       @confirm="deleteLabel"
     >
       <v-card-text>
-        {{ $t("general.confirm-delete-generic") }}
+        <div class="mb-4">
+          {{ $t("general.confirm-delete-generic") }}
+        </div>
+        <MultiPurposeLabel v-if="deleteTarget" class="ml-4" :label="deleteTarget" />
       </v-card-text>
     </BaseDialog>
 
@@ -231,13 +234,19 @@ export default defineComponent({
       labels: labelStore.labels,
       validators,
 
-      deleteEventHandler,
-      deleteLabel,
+      // create
+      createLabel,
+      createLabelData: labelData.data,
+
+      // edit
       editLabel,
       editEventHandler,
       editSaveLabel,
-      createLabel,
-      createLabelData: labelData.data,
+
+      // delete
+      deleteEventHandler,
+      deleteLabel,
+      deleteTarget,
 
       // Seed
       seedDatabase,
diff --git a/frontend/pages/group/data/units.vue b/frontend/pages/group/data/units.vue
index 919ba6431455..6e99d790ab0a 100644
--- a/frontend/pages/group/data/units.vue
+++ b/frontend/pages/group/data/units.vue
@@ -124,7 +124,10 @@
       @confirm="deleteUnit"
     >
       <v-card-text>
-        {{ $t("general.confirm-delete-generic") }}
+        <div class="mb-4">
+          {{ $t("general.confirm-delete-generic") }}
+        </div>
+        <p v-if="deleteTarget" class="ml-4">{{ deleteTarget.name }}</p>
       </v-card-text>
     </BaseDialog>
 
@@ -421,6 +424,7 @@ export default defineComponent({
       deleteEventHandler,
       deleteDialog,
       deleteUnit,
+      deleteTarget,
       // Alias Manager
       aliasManagerDialog,
       aliasManagerEventHandler,