Indikator für Fehlerhafte inputs eingebaut
Some checks failed
Docker Image CI for GHCR / ssh-login-and-publish (push) Has been cancelled

This commit is contained in:
Bastian Wagner
2026-02-18 11:14:24 +01:00
parent 990d268460
commit fd216edf50
4 changed files with 9 additions and 5 deletions

View File

@@ -23,5 +23,6 @@ MAILER_PASSWORD=xxxxx
MAILER_FROM='"No Reply" <noreply@example.com>' MAILER_FROM='"No Reply" <noreply@example.com>'
# Client # Client
# Url wird für Mailversand gebraucht
CLIENT_URL=http://localhost:4200 CLIENT_URL=http://localhost:4200
PRODUCTION=true PRODUCTION=true

View File

@@ -125,6 +125,9 @@ body {
outline: none; outline: none;
border-bottom-color: #6A679E; border-bottom-color: #6A679E;
} }
.login__input_error {
border-bottom: 2px solid #b61d09;
}
.login__submit { .login__submit {
background: #fff; background: #fff;

View File

@@ -13,15 +13,15 @@
</div> </div>
<div class="login__field"> <div class="login__field">
<i class="login__icon fas fa-user user"></i> <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>
<div class="login__field"> <div class="login__field">
<i class="login__icon fas fa-lock safe"></i> <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>
<div class="login__field"> <div class="login__field">
<i class="login__icon fas fa-lock safe"></i> <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> </div>
<button class="button login__submit" (click)="register()" [disabled]="!client_id || registerForm.invalid"> <button class="button login__submit" (click)="register()" [disabled]="!client_id || registerForm.invalid">
<span class="button__text">Register</span> <span class="button__text">Register</span>

View File

@@ -24,8 +24,8 @@ export class RegisterComponent {
registerForm = new FormGroup({ registerForm = new FormGroup({
username: new FormControl('', [Validators.required, Validators.email, Validators.maxLength(100)]), username: new FormControl('', [Validators.required, Validators.email, Validators.maxLength(100)]),
password: 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(20)]), repeatPassword: new FormControl('', [Validators.required, Validators.minLength(6), Validators.maxLength(64)]),
firstName: new FormControl('', [Validators.required, Validators.maxLength(100)]), firstName: new FormControl('', [Validators.required, Validators.maxLength(100)]),
lastName: new FormControl('', [Validators.required, Validators.maxLength(100)]), lastName: new FormControl('', [Validators.required, Validators.maxLength(100)]),
}) })