From 16c628d9ee767c8063801d32f4e6e491daef1cec Mon Sep 17 00:00:00 2001
From: jedi <git@m.j3d1.de>
Date: Sat, 15 Jun 2024 00:16:43 +0200
Subject: [PATCH] stash

---
 web/src/components/TimelineRelatedItem.vue | 23 ++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/web/src/components/TimelineRelatedItem.vue b/web/src/components/TimelineRelatedItem.vue
index 8d24fc9..a84fbe4 100644
--- a/web/src/components/TimelineRelatedItem.vue
+++ b/web/src/components/TimelineRelatedItem.vue
@@ -45,6 +45,29 @@
                 </div>
             </div>
         </div>
+        <AuthenticatedImage v-if="item.item.file" cached
+                                :src="`/media/2/256/${item.file}/`"
+                                class="card-img-top img-fluid"
+            />
+            <div class="card-body">
+                <h6 class="card-title">{{ item.item.description }}</h6>
+                <h6 class="card-subtitle text-secondary">uid: {{ item.item.uid }} box: {{ item.item.box }}</h6>
+                <div class="row mx-auto mt-2">
+                    <div class="btn-group">
+                        <button class="btn btn-outline-success"
+                                @click.stop="confirm('return Item?') && markItemReturned(item.item)" title="returned">
+                            <font-awesome-icon icon="check"/>
+                        </button>
+                        <button class="btn btn-outline-secondary" @click.stop="openEditingModalWith(item.item)" title="edit">
+                            <font-awesome-icon icon="edit"/>
+                        </button>
+                        <button class="btn btn-outline-danger" @click.stop="confirm('delete Item?') && deleteItem(item.item)"
+                                title="delete">
+                            <font-awesome-icon icon="trash"/>
+                        </button>
+                    </div>
+                </div>
+            </div>
         <!--button class="show-replies">
             <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-forward"
                  width="44" height="44" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"