Added active for members

frontend/src/views/MembersView.vue

@@ -3,8 +3,9 @@
         <h2>Mitglieder</h2>
         <div class="newmember">
             <div class="toggle-new-member"><span @click="toggleNewMember"><span class="add">{{ memberFormIsOpen ? '-' :
-                        '+' }}</span>{{ memberToEdit === null ? "Neues Mitglied" : "Mitglied bearbeiten" }}</span>
-                <button v-if="memberToEdit !== null" @click="resetToNewMember">Neues Mitglied anlegen</button></div>
+                '+' }}</span>{{ memberToEdit === null ? "Neues Mitglied" : "Mitglied bearbeiten" }}</span>
+                <button v-if="memberToEdit !== null" @click="resetToNewMember">Neues Mitglied anlegen</button>
+            </div>
             <div v-if="memberFormIsOpen" class="new-member-form">
                 <label><span>Vorname:</span> <input type="text" v-model="newFirstname"></label>
                 <label><span>Nachname:</span> <input type="text" v-model="newLastname"></label>
@@ -13,6 +14,7 @@
                 <label><span>Geburtsdatum:</span> <input type="date" v-model="newBirthdate"></label>
                 <label><span>Telefon-Nr.:</span> <input type="text" v-model="newPhone"></label>
                 <label><span>Email-Adresse:</span> <input type="email" v-model="newEmail"></label>
+                <label><span>Aktiv:</span> <input type="checkbox" v-model="newActive"></label>
                 <div>
                     <button @click="addNewMember">Anlegen</button>
                     <button @click="resetNewMember" v-if="memberToEdit === null">Felder leeren</button>
@@ -62,7 +64,9 @@ export default {
             newStreet: '',
             newCity: '',
             newBirthdate: '01.01.2010',
+            newPhone: '',
             newEmail: '',
+            newActive: true,  // Neues Feld für Active-Status
             memberToEdit: null
         }
     },
@@ -85,6 +89,7 @@ export default {
             this.newBirthdate = '01.01.2010';
             this.newPhone = '';
             this.newEmail = '';
+            this.newActive = true;  // Standardmäßig aktiv
         },
         async addNewMember() {
             const response = await apiClient.post(`/clubmembers/${this.currentClub}`, {
@@ -95,6 +100,7 @@ export default {
                 birthdate: this.newBirthdate,
                 phone: this.newPhone,
                 email: this.newEmail,
+                active: this.newActive,  // Übermitteln des Active-Status
                 id: this.memberToEdit ? this.memberToEdit.id : null,
             });
             this.members = response.data;
@@ -110,6 +116,7 @@ export default {
             this.newCity = member.city;
             this.newPhone = member.phone;
             this.newEmail = member.email;
+            this.newActive = member.active;  // Den aktuellen Status laden
         },
         resetToNewMember() {
             this.memberToEdit = null;
@@ -120,6 +127,7 @@ export default {
             this.newBirthdate = '01.01.2010';
             this.newPhone = '';
             this.newEmail = '';
+            this.newActive = true;  // Standardmäßig aktiv
         }
     }
 }