From fd216edf50a3441522a595b9aa3d6dbeb6d74fd1 Mon Sep 17 00:00:00 2001
From: Bastian Wagner <bastian.wagner@softconcis.de>
Date: Wed, 18 Feb 2026 11:14:24 +0100
Subject: [PATCH] =?UTF-8?q?Indikator=20f=C3=BCr=20Fehlerhafte=20inputs=20e?=
 =?UTF-8?q?ingebaut?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 idp/.env.skeleton                                        | 1 +
 idp_client/src/app/auth/auth.scss                        | 3 +++
 idp_client/src/app/auth/register/register.component.html | 6 +++---
 idp_client/src/app/auth/register/register.component.ts   | 4 ++--
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/idp/.env.skeleton b/idp/.env.skeleton
index 8b66b1d..1019f1e 100644
--- a/idp/.env.skeleton
+++ b/idp/.env.skeleton
@@ -23,5 +23,6 @@ MAILER_PASSWORD=xxxxx
 MAILER_FROM='"No Reply" <noreply@example.com>'
 
 # Client
+# Url wird für Mailversand gebraucht
 CLIENT_URL=http://localhost:4200
 PRODUCTION=true
\ No newline at end of file
diff --git a/idp_client/src/app/auth/auth.scss b/idp_client/src/app/auth/auth.scss
index e5d9b8f..db2fc6c 100644
--- a/idp_client/src/app/auth/auth.scss
+++ b/idp_client/src/app/auth/auth.scss
@@ -125,6 +125,9 @@ body {
 	outline: none;
 	border-bottom-color: #6A679E;
 }
+.login__input_error {
+  border-bottom: 2px solid #b61d09;
+}
 
 .login__submit {
 	background: #fff;
diff --git a/idp_client/src/app/auth/register/register.component.html b/idp_client/src/app/auth/register/register.component.html
index 68529cb..9c2508a 100644
--- a/idp_client/src/app/auth/register/register.component.html
+++ b/idp_client/src/app/auth/register/register.component.html
@@ -13,15 +13,15 @@
 				</div>
 				<div class="login__field">
 					<i class="login__icon fas fa-user user"></i>
-					<input formControlName="username" type="text" class="login__input" autocomplete="email" placeholder="User name / Email">
+					<input formControlName="username" type="text" class="login__input" autocomplete="email" placeholder="User name / Email" [class.login__input_error]="registerForm.controls.username.touched && registerForm.controls.username.invalid">
 				</div>
 				<div class="login__field">
 					<i class="login__icon fas fa-lock safe"></i>
-					<input type="password" formControlName="password" autocomplete="new-password" class="login__input" placeholder="Password">
+					<input type="password" formControlName="password" autocomplete="new-password" class="login__input" placeholder="Password" [class.login__input_error]="registerForm.controls.password.touched && registerForm.controls.password.invalid">
 				</div>
 				<div class="login__field">
 					<i class="login__icon fas fa-lock safe"></i>
-					<input type="password" formControlName="repeatPassword" autocomplete="new-password" class="login__input" placeholder="Repeat password">
+					<input type="password" formControlName="repeatPassword" autocomplete="new-password" class="login__input" placeholder="Repeat password" [class.login__input_error]="registerForm.controls.repeatPassword.touched && registerForm.controls.repeatPassword.invalid">
 				</div>
 				<button class="button login__submit" (click)="register()" [disabled]="!client_id || registerForm.invalid">
 					<span class="button__text">Register</span>
diff --git a/idp_client/src/app/auth/register/register.component.ts b/idp_client/src/app/auth/register/register.component.ts
index 8dd6779..b1b0637 100644
--- a/idp_client/src/app/auth/register/register.component.ts
+++ b/idp_client/src/app/auth/register/register.component.ts
@@ -24,8 +24,8 @@ export class RegisterComponent {
 
   registerForm = new FormGroup({
     username: new FormControl('', [Validators.required, Validators.email, Validators.maxLength(100)]),
-    password: new FormControl('', [Validators.required, Validators.minLength(6), Validators.maxLength(20)]),
-    repeatPassword: new FormControl('', [Validators.required, Validators.minLength(6), Validators.maxLength(20)]),
+    password: new FormControl('', [Validators.required, Validators.minLength(6), Validators.maxLength(64)]),
+    repeatPassword: new FormControl('', [Validators.required, Validators.minLength(6), Validators.maxLength(64)]),
     firstName: new FormControl('', [Validators.required, Validators.maxLength(100)]),
     lastName: new FormControl('', [Validators.required, Validators.maxLength(100)]),
   })