From 3404fc06bf8e7163319680991f8d98208869478c Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp.dormann1@gmail.com>
Date: Mon, 1 Mar 2021 18:42:00 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20Register=20-=20display=20error?=
 =?UTF-8?q?=20state=20for=20empty=20+=20required=20address=20inputs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ref #1
---
 src/components/Register.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Register.vue b/src/components/Register.vue
index 45a116a..68a25ef 100644
--- a/src/components/Register.vue
+++ b/src/components/Register.vue
@@ -91,7 +91,7 @@
             <div class="ml-3 text-sm">
               <label
                 for="address_activated"
-                class="font-medium text-gray-400"
+                class="font-medium text-gray-400 select-none"
               >{{ $t('provide_address') }}</label>
             </div>
           </div>
@@ -108,6 +108,7 @@
                 :placeholder="[[$t('strasse')]]"
                 id="street"
                 autocomplete="street-address"
+                :class="{ 'border-red-500': (!userdetails.address.street.trim()), 'border-green-300': (userdetails.address.street.trim()) }"
                 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>
@@ -134,6 +135,7 @@
                 name="city"
                 :placeholder="[[$t('ort')]]"
                 id="city"
+                :class="{ 'border-red-500': (!userdetails.address.city.trim()), 'border-green-300': (userdetails.address.city.trim()) }"
                 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>