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) }}
+ 🖼️
{{ item.groupActivity ? item.groupActivity.name : '' }} |
@@ -160,6 +164,10 @@
{{ (groupItem.groupPredefinedActivity && groupItem.groupPredefinedActivity.code && groupItem.groupPredefinedActivity.code.trim() !== '')
? groupItem.groupPredefinedActivity.code
: groupItem.groupPredefinedActivity.name }}
+ 🖼️
{{ groupItem.groupsGroupActivity.name }} |
@@ -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;
+}