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; +}