From 02732a01dad9020aa5964cf482ab8f993d349794 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Mon, 15 Sep 2025 23:58:48 +0200
Subject: [PATCH] =?UTF-8?q?F=C3=BCgt=20die=20M=C3=B6glichkeit=20hinzu,=20B?=
 =?UTF-8?q?ilder=20vordefinierter=20Aktivit=C3=A4ten=20in=20DiaryView.vue?=
 =?UTF-8?q?=20anzuzeigen.=20Implementiert=20die=20Methode=20showActivityIm?=
 =?UTF-8?q?age=20zur=20Anzeige=20des=20Bildes=20und=20aktualisiert=20das?=
 =?UTF-8?q?=20Styling=20f=C3=BCr=20die=20Bildsymbole.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/DiaryView.vue | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/frontend/src/views/DiaryView.vue b/frontend/src/views/DiaryView.vue
index 9d36492..5736e0e 100644
--- a/frontend/src/views/DiaryView.vue
+++ b/frontend/src/views/DiaryView.vue
@@ -129,6 +129,10 @@
                                                 {{ (item.predefinedActivity && item.predefinedActivity.code && item.predefinedActivity.code.trim() !== '')
                                                     ? item.predefinedActivity.code
                                                     : (item.predefinedActivity ? item.predefinedActivity.name : item.activity) }}
+                                                <span v-if="item.predefinedActivity && item.predefinedActivity.imageLink" 
+                                                      @click.stop="showActivityImage(item.predefinedActivity.imageLink)"
+                                                      class="image-icon" 
+                                                      title="Bild anzeigen">🖼️</span>
                                             </span>
                                         </td>
                                         <td>{{ item.groupActivity ? item.groupActivity.name : '' }}</td>
@@ -160,6 +164,10 @@
                                                     {{ (groupItem.groupPredefinedActivity && groupItem.groupPredefinedActivity.code && groupItem.groupPredefinedActivity.code.trim() !== '')
                                                         ? groupItem.groupPredefinedActivity.code
                                                         : groupItem.groupPredefinedActivity.name }}
+                                                    <span v-if="groupItem.groupPredefinedActivity && groupItem.groupPredefinedActivity.imageLink" 
+                                                          @click.stop="showActivityImage(groupItem.groupPredefinedActivity.imageLink)"
+                                                          class="image-icon" 
+                                                          title="Bild anzeigen">🖼️</span>
                                                 </span>
                                             </td>
                                             <td>{{ groupItem.groupsGroupActivity.name }}</td>
@@ -1054,6 +1062,11 @@ export default {
             this.showImage = false;
             this.imageUrl = '';
         },
+
+        showActivityImage(imageLink) {
+            this.imageUrl = imageLink;
+            this.showImage = true;
+        },
         async loadMemberImage(member) {
             try {
                 const response = await apiClient.get(`/clubmembers/image/${this.currentClub}/${member.id}`, {
@@ -1825,4 +1838,16 @@ img {
 .person-btn {
     margin-right: 0.5rem;
 }
+
+.image-icon {
+    margin-left: 8px;
+    cursor: pointer;
+    font-size: 16px;
+    opacity: 0.7;
+    transition: opacity 0.2s;
+}
+
+.image-icon:hover {
+    opacity: 1;
+}
 </style>