From 92aebaadb1eb9cbc81fd67f01f0d9677b3150392 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Tue, 5 May 2026 15:05:40 +0200
Subject: [PATCH] feat(MemberGalleryDialog): filter visible members based on
 participant status

- Updated MemberGalleryDialog to introduce a computed property, `visibleGalleryMembers`, which filters gallery members based on their participant status and a custom visibility function.
- Modified the template to use `visibleGalleryMembers` instead of `galleryMembers`, ensuring only relevant members are displayed.
- Passed `participantStatusMap` as a prop to enhance member visibility logic, improving the user experience in the member gallery.
---
 .../src/components/MemberGalleryDialog.vue    | 19 +++++++++++++++++--
 frontend/src/views/DiaryView.vue              |  1 +
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/MemberGalleryDialog.vue b/frontend/src/components/MemberGalleryDialog.vue
index 10883034..f9bd915f 100644
--- a/frontend/src/components/MemberGalleryDialog.vue
+++ b/frontend/src/components/MemberGalleryDialog.vue
@@ -17,9 +17,9 @@
                 </select>
             </div>
             <div v-if="galleryLoading" class="gallery-loading">{{ $t('memberGallery.loading') }}</div>
-            <div v-else-if="galleryMembers.length > 0" class="gallery-members-grid" :style="{ gridTemplateColumns: 'repeat(auto-fill, ' + gallerySize + 'px)' }">
+            <div v-else-if="visibleGalleryMembers.length > 0" class="gallery-members-grid" :style="{ gridTemplateColumns: 'repeat(auto-fill, ' + gallerySize + 'px)' }">
                 <div 
-                    v-for="member in galleryMembers" 
+                    v-for="member in visibleGalleryMembers" 
                     :key="member.memberId"
                     class="gallery-member-item"
                     :class="{ 'is-participant': date && date !== 'new' && isParticipant(member.memberId) }"
@@ -74,6 +74,10 @@ export default {
         shouldShowMember: {
             type: Function,
             default: () => true
+        },
+        participantStatusMap: {
+            type: Object,
+            default: () => ({})
         }
     },
     emits: ['update:modelValue', 'member-click'],
@@ -97,6 +101,17 @@ export default {
             }
         }
     },
+    computed: {
+        visibleGalleryMembers() {
+            return (this.galleryMembers || []).filter((member) => {
+                const status = this.participantStatusMap?.[member.memberId] || '';
+                if (status === 'excused') {
+                    return false;
+                }
+                return this.shouldShowMember(member);
+            });
+        }
+    },
     methods: {
         updateGallerySizeBasedOnCount() {
             const count = this.galleryMembers.length;
diff --git a/frontend/src/views/DiaryView.vue b/frontend/src/views/DiaryView.vue
index 9254433e..d3faad85 100644
--- a/frontend/src/views/DiaryView.vue
+++ b/frontend/src/views/DiaryView.vue
@@ -671,6 +671,7 @@
             :date="date"
             :is-participant="isParticipant"
             :should-show-member="shouldShowGalleryMember"
+            :participant-status-map="participantStatusMap"
             @member-click="handleGalleryMemberClick"
         />