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
66
|
import { HttpErrorResponse } from '@angular/common/http';
import { Component, OnInit, ViewChild } from '@angular/core';
import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
import { Title } from '@angular/platform-browser';
import { Router } from '@angular/router';
import { TokenService } from 'src/app/services/token.service';
import { UserService } from 'src/app/services/user.service';
import { ErrorBarComponent } from '../error-bar/error-bar.component';
@Component({
selector: 'app-register',
templateUrl: './register.component.html',
styleUrls: ['./register.component.css']
})
export class RegisterComponent implements OnInit {
@ViewChild(ErrorBarComponent) private _errorBar: ErrorBarComponent;
private _title = 'Register';
public registerUserFormGroup: FormGroup;
constructor(private _titleService: Title, private _fb: FormBuilder, private _router: Router, private _userService: UserService, private _tokenService: TokenService) {
this._titleService.setTitle(this._title);
}
ngOnInit(): void {
this.registerUserFormGroup = this._fb.group({
firstName: new FormControl('', [
Validators.required,
Validators.minLength(3)
]),
lastName: new FormControl('', [
Validators.required,
Validators.minLength(3)
]),
username: new FormControl('', [
Validators.required,
Validators.minLength(3)
]),
email: new FormControl('', [
Validators.required,
Validators.email,
]),
password: new FormControl('', [
Validators.required,
Validators.minLength(3),
Validators.pattern('.*[0-9].*') // Check if password contains atleast one number
]),
});
// this.registerUserFormGroup.valueChanges.subscribe(console.log);
}
onSubmit(): void {
this._userService.registerUserRequest(this.registerUserFormGroup).subscribe({
next: (res: object) => {
this._tokenService.setUserTokenToSessionStorage(res);
this._router.navigate(['/']);
},
error: (err: HttpErrorResponse) => {
this._errorBar.showError(err);
}
});
}
onRedirectLogin(): void {
this._router.navigate(['/login']);
}
}
|
