+++ /dev/null
-import { Component, OnInit } from '@angular/core';
-import { ToolbarService } from './../toolbar/toolbar.service';
-
-import { Router, ActivatedRoute } from '@angular/router';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { UserService } from '../_services/user.service';
-// import { ToastrService } from 'ngx-toastr';
-import { AuthenticationService } from '../_services/authentication.service';
-
-// import * as particlesJS from 'particles.js';
-// import {particlesJS} from 'particles.js';
-// import 'particles.js/particles';
-declare var particlesJS: any;
-
-
-
-@Component({
- selector: 'app-signup',
- templateUrl: './signup.component.html',
- styleUrls: ['./signup.component.scss']
-})
-export class SignupComponent implements OnInit {
-
- // particlesJS: any;
- // particlesJS = window.particlesJS;
-
- signupForm: FormGroup;
- loading = false;
- submitted = false;
- returnUrl: string;
- hide = true;
- constructor(
- public toolbarService: ToolbarService,
- private formBuilder: FormBuilder,
- private route: ActivatedRoute,
- private router: Router,
- private authenticationService: AuthenticationService,
- private userService: UserService,
-
- // private toastr: ToastrService
- ) { }
-
- ngOnInit() {
-
- this.toolbarService.show();
- this.signupForm = this.formBuilder.group({
- username: ['', Validators.required],
- firstname: ['', Validators.required],
- lastname: ['', Validators.required],
- email: ['', Validators.required],
- password: ['', Validators.required],
- role: ['', Validators.required]
- });
-
- particlesJS.load('particles-js', './../../assets/particlesjs-config-1.json', function() {
- console.log('callback - particles.js config loaded');
- });
- // particlesJS
- }
-
- get fval() { return this.signupForm.controls; }
-
-
- onFormSubmit() {
- console.log("on Form Submit Method triggered......")
- this.submitted = true;
-
- // return for here if form is invalid
- console.log(this.signupForm);
- if (this.signupForm.invalid) {
- console.log("Signup Form invalid...");
- return;
- }
- this.loading = true;
- this.userService.register(this.signupForm.value).subscribe(
- (data) => {
- alert('User Registered successfully!!');
- this.router.navigate(['/login']);
- },
- (error) => {
- // this.toastr.error(error.error.message, 'Error');
- this.loading = false;
-
- }
- )
- }
-
-}