some work at profile component

frontend/src/pages/Profile.vue

@@ -61,6 +61,7 @@
               </q-list>
             </q-btn-dropdown>
           </div>
+          <div v-show="boolMyTeam">
             <p class="text-h5"> Teammitglieder </p>
             <q-table
               :data="teamData"
@@ -91,6 +92,15 @@
                      color="primary"
                      type="submit"/>
             </div>
+          </div>
+          <div v-show="boolInvites">
+
+          </div>
+          <div v-show="boolCreateTeam">
+            <q-input outlined filled stack-label v-model="newTeamName" type="text"
+                     label="Teamname eingeben"
+                     :rules="[val=>val.length>=2||'Name muss mindestens 5 Zeichen lang sein!']"/>
+          </div>
         </q-tab-panel>
 
       </q-tab-panels>
@@ -119,7 +129,6 @@
     data() {
       return {
         tab: 'profile',
-        startedCaches: [],
         inviteMail: "",
         currentTeamStatus: "Dienstag 15:00 Treffen zum Blumencache",
         teamStatus: "",
@@ -129,6 +138,10 @@
         teamName: null,
         teamRanking: null,
         dropDownSelectedItem: null,
+        boolMyTeam: true,
+        boolInvites: false,
+        boolCreateTeam: false,
+        newTeamName: "",
         columns: [
           {
             name: 'desc',
@@ -233,12 +246,12 @@
       this.data[0].userData = this.userName;
       this.email = JSON.parse(localStorage.getItem('userMail'));
       this.data[1].userData = this.email;
-      this.getPersonalRanking();
+      this.userRanking = 1234;
       this.data[2].userData = this.userRanking;
       this.teamName = "BuGa19Community";
       this.data[3].userData = this.teamName;
       this.dropDownSelectedItem = this.teamName;
-      this.teamRanking = "2019";
+      this.teamRanking = 2019;
       this.data[4].userData = this.teamRanking;
     },
     methods: {
@@ -248,7 +261,7 @@
       },
       getPersonalRanking() {
         const token = JSON.parse(localStorage.getItem('userToken')).token;
-        this.$axios.get('/api/getRankingPlace', {params: {token}})
+        this.$axios.get('/api/getRankingPlace', {token})
           .then((response) => {
             this.userRanking = response.data;
             console.log(response.data);
@@ -308,8 +321,19 @@
       dropDownSelectItem(item) {
         if (item === 'team') {
           this.dropDownSelectedItem = this.teamName;
+          this.boolMyTeam = true;
+          this.boolInvites = false;
+          this.boolCreateTeam = false;
+        } else if (item === 'Offene Teameinladungen') {
+          this.dropDownSelectedItem = item;
+          this.boolMyTeam = false;
+          this.boolInvites = true;
+          this.boolCreateTeam = false;
         } else {
           this.dropDownSelectedItem = item;
+          this.boolMyTeam = false;
+          this.boolInvites = false;
+          this.boolCreateTeam = true;
         }
       },
     }

frontend/src/pages/Register.vue

@@ -7,14 +7,16 @@
             <div class="">
               <div class="" style="max-width: 440px">
                 <q-input outlined filled stack-label v-model="user.name" type="text"
-                         label="Nutzername eingeben" :rules="[val=>val.length>=2||'Name muss mindestens 2 Zeichen lang sein!']"/>
+                         label="Nutzername eingeben"
+                         :rules="[val=>val.length>=2||'Name muss mindestens 2 Zeichen lang sein!']"/>
               </div>
             </div>
           </div>
           <div class="col">
             <div class="">
               <div class="" style="max-width: 440px">
-                  <q-input outlined filled stack-label v-model="user.email" type="text" label="Email eingeben" :rules="[val=>validateEmail(val)||'Email muss valide sein']"/>
+                <q-input outlined filled stack-label v-model="user.email" type="text" label="Email eingeben"
+                         :rules="[val=>validateEmail(val)||'Email muss valide sein']"/>
               </div>
             </div>
           </div>
@@ -22,7 +24,8 @@
             <div class="">
               <div class="" style="max-width: 440px">
                 <q-input outlined filled stack-label v-model="user.checkemail" type="text"
-                           label="Email erneut eingeben" placeholer="Email" :rules="[val=>val===user.email||'Email stimmt nicht überein']"/>
+                         label="Email erneut eingeben" placeholer="Email"
+                         :rules="[val=>val===user.email||'Email stimmt nicht überein']"/>
               </div>
             </div>
           </div>
@@ -30,7 +33,8 @@
             <div class="">
               <div class="" style="max-width: 440px">
                 <q-input outlined filled stack-label v-model="user.password" type="password"
-                           label="Passwort eingeben" :rules="[val=>val.length>=8||'Passwort muss mindestens 8 Zeichen lang sein!']"/>
+                         label="Passwort eingeben"
+                         :rules="[val=>val.length>=8||'Passwort muss mindestens 8 Zeichen lang sein!']"/>
               </div>
             </div>
           </div>
@@ -38,7 +42,8 @@
             <div class="">
               <div class="" style="max-width: 440px">
                 <q-input outlined filled stack-label v-model="user.checkpassword" type="password"
-                           label="Passwort erneut eingeben" :rules="[val=>val===user.password||'Passwort stimmt nicht überein']"/>
+                         label="Passwort erneut eingeben"
+                         :rules="[val=>val===user.password||'Passwort stimmt nicht überein']"/>
               </div>
             </div>
           </div>
@@ -109,8 +114,6 @@
               }
             ]
           };
-
-          console.log("POST /api/register/ - json: " + JSON.stringify(data));
           const token = JSON.parse(localStorage.getItem('registerToken')).token;
           this.$axios.post(process.env.USER_API + '/account/register', data, {
             headers: {
@@ -118,9 +121,12 @@
             }
           })
             .then((response) => {
-              console.log(response.data);
               if (response.status === 201) {
-                this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: "Deine Registrierung war erfolgreich!", title: "Registrierungsprozess", color: "blue"});
+                this.$store.commit('dialog/NEW_MESSAGE_DIALOG', {
+                  message: "Deine Registrierung war erfolgreich!",
+                  title: "Registrierungsprozess",
+                  color: "blue"
+                });
               }
             })
             .catch((error) => {