Indikator für Fehlerhafte inputs eingebaut
Some checks failed
Docker Image CI for GHCR / ssh-login-and-publish (push) Has been cancelled
Some checks failed
Docker Image CI for GHCR / ssh-login-and-publish (push) Has been cancelled
This commit is contained in:
@@ -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
|
||||||
@@ -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;
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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)]),
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user