73 lines
1.8 KiB
TypeScript
73 lines
1.8 KiB
TypeScript
import { Component, OnInit } from '@angular/core';
|
|
import { Router, ActivatedRoute } from '@angular/router';
|
|
import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
|
|
import { GeneralErrorModel } from '../../core/models/general-error.model';
|
|
import { AuthService } from '../../core/service/auth.service';
|
|
|
|
@Component({
|
|
selector: 'app-signup',
|
|
templateUrl: './signup.component.html',
|
|
styleUrls: ['./signup.component.scss'],
|
|
})
|
|
export class SignupComponent implements OnInit {
|
|
authForm!: UntypedFormGroup;
|
|
submitted = false;
|
|
returnUrl!: string;
|
|
hide = true;
|
|
chide = true;
|
|
generalError?: GeneralErrorModel;
|
|
|
|
constructor(
|
|
private formBuilder: UntypedFormBuilder,
|
|
private route: ActivatedRoute,
|
|
private router: Router,
|
|
private authService: AuthService
|
|
) {
|
|
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.authForm = this.formBuilder.group({
|
|
email: ['', [Validators.required, Validators.email, Validators.minLength(5)]],
|
|
password: ['', Validators.required],
|
|
cpassword: ['', Validators.required],
|
|
});
|
|
// get return url from route parameters or default to '/'
|
|
this.returnUrl = this.route.snapshot.queryParams['returnUrl'] || '/';
|
|
}
|
|
|
|
get f() {
|
|
return this.authForm.controls;
|
|
}
|
|
|
|
onSubmit() {
|
|
this.submitted = true;
|
|
// stop here if form is invalid
|
|
if (this.authForm.invalid) {
|
|
return;
|
|
}
|
|
|
|
this.authService.register({
|
|
username: this.authForm.get('email')!.value!,
|
|
password: this.authForm.get('password')!.value!,
|
|
confirmPassword: this.authForm.get('cpassword')!.value!,
|
|
}).subscribe(
|
|
resp => {
|
|
if (!resp.succeeded) {
|
|
this.generalError = resp as GeneralErrorModel;
|
|
} else {
|
|
this.router.navigate(['authentication/signin']);
|
|
}
|
|
},
|
|
err => {
|
|
this.generalError = err.error as GeneralErrorModel;
|
|
}
|
|
);
|
|
}
|
|
|
|
loginAuth0() {
|
|
this.authService.loginAuth0().subscribe(x => {
|
|
});
|
|
}
|
|
}
|