47 lines
1.0 KiB
TypeScript
47 lines
1.0 KiB
TypeScript
import { Component, OnInit } from '@angular/core';
|
|
import {AuthService} from '../../services/auth.service';
|
|
import {FormsModule} from '@angular/forms';
|
|
import {NgIf} from '@angular/common';
|
|
|
|
|
|
@Component({
|
|
selector: 'app-register',
|
|
templateUrl: './register.component.html',
|
|
imports: [
|
|
FormsModule,
|
|
NgIf
|
|
],
|
|
styleUrls: ['./register.component.scss']
|
|
})
|
|
export class RegisterComponent implements OnInit {
|
|
form: any = {
|
|
username: null,
|
|
email: null,
|
|
password: null
|
|
};
|
|
isSuccessful = false;
|
|
isSignUpFailed = false;
|
|
errorMessage = '';
|
|
|
|
constructor(private authService: AuthService) { }
|
|
|
|
ngOnInit(): void {
|
|
}
|
|
|
|
onSubmit(): void {
|
|
const { username, email, password } = this.form;
|
|
|
|
this.authService.register(username, email, password).subscribe(
|
|
data => {
|
|
console.log(data);
|
|
this.isSuccessful = true;
|
|
this.isSignUpFailed = false;
|
|
},
|
|
err => {
|
|
this.errorMessage = err.error.message;
|
|
this.isSignUpFailed = true;
|
|
}
|
|
);
|
|
}
|
|
}
|