From d9586511c3f0f5f107e2c47a2c7789f1f2abb37c Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Tue, 18 Jun 2024 01:58:19 +0200
Subject: [PATCH] Add new members

---
 src/components/fields/Nami.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/fields/Nami.vue b/src/components/fields/Nami.vue
index a837bf3..828a62f 100644
--- a/src/components/fields/Nami.vue
+++ b/src/components/fields/Nami.vue
@@ -96,7 +96,7 @@
                             </a>
                         </template>
                         <div class="mt-2" :class="containerClassesSm">
-                            <template v-for="(memberField, memberIndex) in memberFields">
+                            <template v-for="(memberField, memberIndex) in member.id ? memberFields : newMemberFields">
                                 <v-checkbox
                                     v-if="memberField.type === 'CheckboxField'"
                                     v-model="member[memberField.key]"
@@ -181,8 +181,9 @@
                         </div>
                     </accordion>
                 </div>
-                <div class="flex justify-center mt-5">
+                <div class="flex justify-center space-x-3 mt-5">
                     <v-btn @click.prevent="membersCompleted = true">Mitgliederdaten speichern</v-btn>
+                    <v-btn @click.prevent="addMember">Mitglied hinzufügen</v-btn>
                 </div>
             </template>
             <template #finished>
@@ -269,7 +270,15 @@ const defaultMember = computed(() => {
     return fields;
 });
 
+const newDefaultMember = computed(() => {
+    var fields = {};
+    newMemberFields.value.forEach((field) => (fields[field.key] = field.value));
+
+    return fields;
+});
+
 const memberFields = computed(() => props.fields.filter((field) => field.for_members === true && field.nami_type === null));
+const newMemberFields = computed(() => props.fields.filter((field) => field.for_members === true));
 
 const inner = computed(
     {
@@ -290,6 +299,10 @@ function memberSelected(member) {
     return inner.value.map((m) => m.id).includes(member.id);
 }
 
+function addMember(index) {
+    inner.value.push(JSON.parse(JSON.stringify({id: null, innerFormName: 'Neues Mitglied', ...newDefaultMember.value})));
+}
+
 function toggleMember(member) {
     if (memberSelected(member)) {
         inner.value = inner.value.filter((m) => m.id !== member.id);