From a458d4f850f79d80ff0fcd2e7daced035b09d6f6 Mon Sep 17 00:00:00 2001
From: jedi <git@m.j3d1.de>
Date: Thu, 28 Dec 2023 22:58:12 +0100
Subject: [PATCH] ask for confirmation before returning or deleting items

---
 web/src/views/Items.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/src/views/Items.vue b/web/src/views/Items.vue
index 2c927ba..11d63ff 100644
--- a/web/src/views/Items.vue
+++ b/web/src/views/Items.vue
@@ -53,13 +53,13 @@
                 <h6 class="card-subtitle text-secondary">uid: {{ item.uid }} box: {{ item.box }}</h6>
                 <div class="row mx-auto mt-2">
                     <div class="btn-group">
-                        <button class="btn btn-outline-success" @click.stop="markItemReturned(item)" title="returned">
+                        <button class="btn btn-outline-success" @click.stop="confirm('return Item?') && markItemReturned(item)" title="returned">
                             <font-awesome-icon icon="check"/>
                         </button>
                         <button class="btn btn-outline-secondary" @click.stop="openEditingModalWith(item)" title="edit">
                             <font-awesome-icon icon="edit"/>
                         </button>
-                        <button class="btn btn-outline-danger" @click.stop="deleteItem(item)" title="delete">
+                        <button class="btn btn-outline-danger" @click.stop="confirm('delete Item?') && deleteItem(item)" title="delete">
                             <font-awesome-icon icon="trash"/>
                         </button>
                     </div>
@@ -103,6 +103,9 @@ export default {
         saveEditingItem() { // Saves the edited copy of the item.
             this.$store.dispatch('updateItem', this.editingItem);
             this.closeEditingModal();
+        },
+        confirm(message) {
+            return window.confirm(message);
         }
     }
 };