visibility and availability

src/views/profile/Edit.vue

@@ -2,6 +2,16 @@
   <div class="container">
     <h1>Profil Ändern</h1>
     <form @submit.prevent="submitForm()">
+      <div class="row">
+        <div class="col">
+          <input type="radio" id="false" :value="false" v-model="profile.visible" />
+          <label for="false">Nicht Öffentlich</label>
+        </div>
+        <div class="col">
+          <input type="radio" id="true" :value="true" v-model="profile.visible" />
+          <label for="true">Öffentlich</label>
+        </div>
+      </div>
       <div class="row">
         <div class="col-6 col-xs-12">
           <label for="nickname" class="form-label">Nickname:</label>
@@ -67,6 +77,18 @@
         @update-values="profile.searchtopics = $event"
       ></auto-complete>
 
+      <div class="col-12 col-xs-12">
+          <label for="volunteerwork" class="form-label"
+            >Ich bin für Anfragen verfügbar:</label
+          >
+          <textarea
+            class="form-control"
+            id="availability"
+            rows="3"
+            v-model="profile.availability"
+          ></textarea>
+        </div>
+
       <auto-complete
         type="contacttype"
         label="Kontaktmöglichkeiten"
@@ -127,10 +149,12 @@ export default {
     return {
       showErrorMessage: false,
       profile: {
+        visible: false,
         nickname: "",
         pronouns: "",
         volunteerwork: "",
         freetext: "",
+        availability: "",
         address: {
           postcode: "",
           city: "",
@@ -154,15 +178,7 @@ export default {
         }
       );
       console.log(userProfile.data);
-      this.profile.nickname = userProfile.data.profile.nickname;
+      this.profile = userProfile.data.profile;
-      this.profile.pronouns = userProfile.data.profile.pronouns;
-      this.profile.volunteerwork = userProfile.data.profile.volunteerwork;
-      this.profile.freetext = userProfile.data.profile.freetext;
-      this.profile.skills = userProfile.data.profile.skills;
-      this.profile.languages = userProfile.data.profile.languages;
-      this.profile.searchtopics = userProfile.data.profile.searchtopics;
-      this.profile.contacts = userProfile.data.profile.contacts;
-      this.profile.address = userProfile.data.profile.address;
     } catch (error) {
       console.error(error);
     }