Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 | 1x 1x 1x 1x 1x 5x 5x 5x 5x 5x 2x 2x 1x 1x | import { Component } from '@angular/core';
import { FormBuilder, Validators } from '@angular/forms';
import { Router } from '@angular/router';
import { AuthService } from '../../services/auth.service';
import { RegisterRequest } from '../../interfaces/registerRequest.interface';
@Component({
selector: 'app-register',
templateUrl: './register.component.html',
styleUrls: ['./register.component.scss']
})
export class RegisterComponent {
public onError = false;
public form = this.fb.group({
email: [
'',
[
Validators.required,
Validators.email
]
],
firstName: [
'',
[
Validators.required,
Validators.min(3),
Validators.max(20)
]
],
lastName: [
'',
[
Validators.required,
Validators.min(3),
Validators.max(20)
]
],
password: [
'',
[
Validators.required,
Validators.min(3),
Validators.max(40)
]
]
});
constructor(private authService: AuthService,
private fb: FormBuilder,
private router: Router) {
}
public submit(): void {
const registerRequest = this.form.value as RegisterRequest;
this.authService.register(registerRequest).subscribe({
next: (_: void) => this.router.navigate(['/login']),
error: _ => this.onError = true,
}
);
}
}
|