From 9797a5e1376d372d1cfc754c5ef7c3ca2177088d Mon Sep 17 00:00:00 2001
From: jedi <git@m.j3d1.de>
Date: Sat, 28 Dec 2019 04:28:04 +0100
Subject: [PATCH] add 'returned' button

---
 src/store/index.js  |  4 ++++
 src/views/Items.vue | 14 ++++++++++----
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/store/index.js b/src/store/index.js
index 648bf7d..4cc3a71 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -120,6 +120,10 @@ const store = new Vuex.Store({
       const { data } = await axios.put(`/1/${getters.getEventSlug}/item/${item.uid}`, item);
       commit('updateItem', data);
     },
+    async markItemReturned({ commit, getters }, item) {
+      await axios.put(`/1/${getters.getEventSlug}/item/${item.uid}`, {returned: true});
+      commit('removeItem', item);
+    },
     async deleteItem({ commit, getters }, item) {
       await axios.delete(`/1/${getters.getEventSlug}/item/${item.uid}`, item);
       commit('removeItem',item);
diff --git a/src/views/Items.vue b/src/views/Items.vue
index 180d548..055cc35 100644
--- a/src/views/Items.vue
+++ b/src/views/Items.vue
@@ -23,6 +23,9 @@
                     @itemActivated="openLightboxModalWith($event)"
                 >
                   <div class="btn-group">
+                    <button class="btn btn-success" @click.stop="markItemReturned(item)">
+                      <font-awesome-icon icon="check"/> returned
+                    </button>
                     <button class="btn btn-secondary" @click.stop="openEditingModalWith(item)" >
                       <font-awesome-icon icon="edit"/>
                     </button>
@@ -50,9 +53,12 @@
                 <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-secondary" @click.stop="openEditingModalWith(item)">
-                          <font-awesome-icon icon="edit"/> edit
-                        </button>
+                      <button class="btn btn-outline-success" @click.stop="markItemReturned(item)">
+                        <font-awesome-icon icon="check"/> returned
+                      </button>
+                      <button class="btn btn-outline-secondary" @click.stop="openEditingModalWith(item)">
+                        <font-awesome-icon icon="edit"/> edit
+                      </button>
                         <button class="btn btn-outline-danger" @click.stop="deleteItem(item)">
                           <font-awesome-icon icon="trash"/> delete
                         </button>
@@ -82,7 +88,7 @@ export default {
   components: {Lightbox, Table, Cards, Modal, EditItem },
   computed: mapState(['loadedItems', 'layout']),
   methods: {
-    ...mapActions(['deleteItem']),
+    ...mapActions(['deleteItem','markItemReturned']),
     openLightboxModalWith(item) { // Opens the editing modal with a copy of the selected item.
       this.lightboxItem = { ...item };
     },