Password encryption

src/pages/account/accountDataPage/accountDataCard.vue

@@ -58,26 +58,20 @@ const stringRules = [
         <v-text-field
           :label="$t('account.userData.email')"
           v-model="accountStore.userAccount.email"
+          variant="outlined"
+          hide-details
           disabled
         />
       </v-col>
-    </v-row>
-    <v-row>
       <v-col>
         <v-text-field
           :label="$t('account.userData.username')"
           v-model="accountStore.userAccount.username"
+          variant="outlined"
+          hide-details
           disabled
         />
       </v-col>
-      <v-col>
-        <v-text-field
-          :label="$t('account.userData.password')"
-          v-model="accountStore.userAccount.password"
-          type="password"
-          :rules="passwordRules"
-        />
-      </v-col>
     </v-row>
 
     <v-row>
@@ -85,14 +79,18 @@ const stringRules = [
         <v-text-field
           :label="$t('account.userData.firstName')"
           v-model="accountStore.userAccount.firstName"
+          variant="outlined"
           :rules="stringRules"
+          hide-details
         />
       </v-col>
       <v-col>
         <v-text-field
           :label="$t('account.userData.lastName')"
           v-model="accountStore.userAccount.lastName"
+          variant="outlined"
           :rules="stringRules"
+          hide-details
         />
       </v-col>
     </v-row>

src/pages/account/accountDataPage/addressesCard.vue

@@ -11,7 +11,7 @@ const accountStore = useAccountStore()
 <template>
   <card-view 
     icon="mdi-home"
-    :title="$t('account.userData.address')"
+    :title="$t('account.userData.address', 2)"
   >
     <v-expansion-panels v-if="accountStore.userAccount.addresses.length > 0">
       <v-expansion-panel
@@ -19,7 +19,15 @@ const accountStore = useAccountStore()
         color="primary"
       >
         <template #title>
-          {{ address.street + ' ' + address.houseNumber }}
+          <div v-if="address.street != undefined">
+            {{ address.street }}
+          </div>
+          
+          &nbsp;
+          
+          <div v-if="address.houseNumber != undefined">
+            {{ address.houseNumber }}
+          </div>
         </template>
 
         <template #text>
@@ -29,7 +37,9 @@ const accountStore = useAccountStore()
                 :label="$t('account.userData.street')"
                 v-model="address.street"
                 :rules="getStringRules()"
+                variant="outlined"
                 clearable
+                hide-details
               />
             </v-col>
             <v-col>
@@ -37,7 +47,9 @@ const accountStore = useAccountStore()
                 :label="$t('account.userData.houseNumber')"
                 v-model="address.houseNumber"
                 :rules="getNumberStartRules()"
+                variant="outlined"
                 clearable
+                hide-details
               />
             </v-col>
           </v-row>
@@ -48,7 +60,9 @@ const accountStore = useAccountStore()
                 :label="$t('account.userData.postalCode')"
                 v-model="address.postalCode"
                 :rules="getPostalRules()"
+                variant="outlined"
                 clearable
+                hide-details
               />
             </v-col>
             <v-col>
@@ -56,7 +70,9 @@ const accountStore = useAccountStore()
                 :label="$t('account.userData.placeOfResidence')"
                 v-model="address.city"
                 :rules="getStringRules()"
+                variant="outlined"
                 clearable
+                hide-details
               />
             </v-col>
           </v-row>

src/pages/account/accountDataPage/paymentsCard.vue

@@ -12,7 +12,7 @@ const accountStore = useAccountStore()
 <template>
   <card-view 
     icon="mdi-currency-usd"
-    :title="$t('account.userData.payment')"
+    :title="$t('account.userData.payment', 2)"
   >
     <v-row>
       <v-col>
@@ -41,6 +41,8 @@ const accountStore = useAccountStore()
                     :label="$t('account.userData.bankName')"
                     v-model="payment.bankName"
                     :rules="getStringRules()"
+                    variant="outlined"
+                    hide-details
                   />
                 </v-col>
                 <v-col>
@@ -48,6 +50,8 @@ const accountStore = useAccountStore()
                     :label="$t('account.userData.iban')"
                     v-model="payment.iban"
                     :rules="getIbanRules()"
+                    variant="outlined"
+                    hide-details
                   />
                 </v-col>
               </v-row>