From 0a8a1289bb0682a706374fe5640645fe6162a367 Mon Sep 17 00:00:00 2001
From: Torsten Schulz <tsschulz@gmx.net>
Date: Tue, 24 Sep 2024 14:24:22 +0200
Subject: [PATCH] Sort attendees by name

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

diff --git a/frontend/src/views/DiaryView.vue b/frontend/src/views/DiaryView.vue
index 6919206..8bbefa1 100644
--- a/frontend/src/views/DiaryView.vue
+++ b/frontend/src/views/DiaryView.vue
@@ -95,7 +95,7 @@
                 <div class="column">
                     <h3>Teilnehmer</h3>
                     <ul>
-                        <li v-for="member in members" :key="member.id">
+                        <li v-for="member in sortedMembers()" :key="member.id">
                                 <input type="checkbox" :value="member.id" @change="toggleParticipant(member.id)"
                                     :checked="isParticipant(member.id)">
                                 <span @click="openNotesModal(member)" class="clickable">{{ member.firstName }} {{
@@ -214,6 +214,9 @@ export default {
                 activity.name.toLowerCase().includes(input)
             );
         },
+        sortedMembers() {
+            return this.members.sort((a, b) => a.name.localeCompare(b.name));
+        },
     },
     methods: {
         async init() {