📍🏠 added address2 field to Register

ref #1

src/components/Register.vue

@@ -108,8 +108,23 @@
                 class="dark:bg-gray-800 mt-1 block w-full shadow-sm sm:text-sm border-gray-300 border-2 bg-gray-50 text-gray-500 rounded-md p-2"
               />
             </div>
+            <div class="col-span-6">
+              <label for="address2" class="block font-medium">{{ $t('apartment_suite_etc') }}</label>
+              <input
+                v-model="userdetails.address.address2"
+                type="text"
+                name="address2"
+                :placeholder="[[$t('apartment_suite_etc')]]"
+                id="address2"
+                autocomplete="street-address"
+                class="dark:bg-gray-800 mt-1 block w-full shadow-sm sm:text-sm border-gray-300 border-2 bg-gray-50 text-gray-500 rounded-md p-2"
+              />
+            </div>
             <div class="col-span-6 sm:col-span-6 lg:col-span-2">
-              <label for="city" class="block font-medium">{{ $t('ort') }}</label>
+              <label for="city" class="block font-medium">
+                {{ $t('ort') }}
+                <span class="font-bold">*</span>
+              </label>
               <input
                 v-model="userdetails.address.city"
                 type="text"
@@ -186,7 +201,7 @@ import isEmail from 'validator/es/lib/isEmail';
 import isMobilePhone from 'validator/es/lib/isMobilePhone';
 import { useToast } from "vue-toastification";
 
-let userdetails = ref({ firstname: "", lastname: "", middlename: "", mail: "", phone: "", address: { street: "", city: "", zipcode: "" } });
+let userdetails = ref({ firstname: "", lastname: "", middlename: "", mail: "", phone: "", address: { street: "", address2: "", city: "", zipcode: "" } });
 let provide_address = ref(false);
 let agb_accepted = ref(false);
 // 
@@ -211,11 +226,12 @@ function login() {
         postdata.phone = userdetails.phone;
       }
       if (provide_address.value === true) {
-        // TODO: fix address keys/ values
         postdata.address = {
-          street: userdetails.value.address.street,
+          address1: userdetails.value.address.street,
+          address2: userdetails.value.address.address2 || "",
           city: userdetails.value.address.city,
-          zipcode: userdetails.value.address.zipcode,
+          postalcode: userdetails.value.address.zipcode,
+          country: "DE",
         }
       }
       toast("registration in progress...");

src/locales/de.json

@@ -1,5 +1,6 @@
 {
     "already_have_an_account": "Sie haben bereits einen Account?",
+    "apartment_suite_etc": "Addresszeile 2",
     "e_mail_adress": "E-Mail Adresse",
     "go_to_login": "Zum Login",
     "main_page_text": "Hier können Sie sich für den Lauf Für Kaya! registrieren oder ihr Läuferprofil verwalten.",

src/locales/en.json

@@ -1,5 +1,6 @@
 {
     "already_have_an_account": "Already have an account?",
+    "apartment_suite_etc": "Apartment, suite, etc.",
     "e_mail_adress": "mail address",
     "go_to_login": "Go To Login",
     "main_page_text": "Here you can register for the Lauf Für Kaya! or manage your runner profile.",