From 215394489461e17760263cebf606475938500e6b Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp.dormann1@gmail.com>
Date: Mon, 1 Mar 2021 17:51:40 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=8D=F0=9F=8F=A0=20added=20address2=20f?=
 =?UTF-8?q?ield=20to=20Register?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ref #1
---
 src/components/Register.vue | 26 +++++++++++++++++++++-----
 src/locales/de.json         |  1 +
 src/locales/en.json         |  1 +
 3 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/components/Register.vue b/src/components/Register.vue
index eda3c37..cd3319d 100644
--- a/src/components/Register.vue
+++ b/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...");
diff --git a/src/locales/de.json b/src/locales/de.json
index a009b3b..4ea8b12 100644
--- a/src/locales/de.json
+++ b/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.",
diff --git a/src/locales/en.json b/src/locales/en.json
index fc75953..4d4c680 100644
--- a/src/locales/en.json
+++ b/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.",