1 import { Component, OnInit } from '@angular/core';
2 import { ToolbarService } from './../toolbar/toolbar.service';
4 import { Router, ActivatedRoute } from '@angular/router';
5 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
6 import { UserService } from '../_services/user.service';
7 // import { ToastrService } from 'ngx-toastr';
8 import { AuthenticationService } from '../_services/authentication.service';
10 // import * as particlesJS from 'particles.js';
11 // import {particlesJS} from 'particles.js';
12 // import 'particles.js/particles';
13 declare var particlesJS: any;
18 selector: 'app-signup',
19 templateUrl: './signup.component.html',
20 styleUrls: ['./signup.component.scss']
22 export class SignupComponent implements OnInit {
25 // particlesJS = window.particlesJS;
27 signupForm: FormGroup;
33 public toolbarService: ToolbarService,
34 private formBuilder: FormBuilder,
35 private route: ActivatedRoute,
36 private router: Router,
37 private authenticationService: AuthenticationService,
38 private userService: UserService,
40 // private toastr: ToastrService
45 this.toolbarService.show();
46 this.signupForm = this.formBuilder.group({
47 username: ['', Validators.required],
48 firstname: ['', Validators.required],
49 lastname: ['', Validators.required],
50 email: ['', Validators.required],
51 password: ['', Validators.required],
52 role: ['', Validators.required]
55 particlesJS.load('particles-js', './../../assets/particlesjs-config-1.json', function() {
56 console.log('callback - particles.js config loaded');
61 get fval() { return this.signupForm.controls; }
65 console.log("on Form Submit Method triggered......")
66 this.submitted = true;
68 // return for here if form is invalid
69 console.log(this.signupForm);
70 if (this.signupForm.invalid) {
71 console.log("Signup Form invalid...");
75 this.userService.register(this.signupForm.value).subscribe(
77 alert('User Registered successfully!!');
78 this.router.navigate(['/login']);
81 // this.toastr.error(error.error.message, 'Error');