login.component.ts
95ee1050dfccmaster

login.component.ts
View Options

			import { Component, OnInit } from '@angular/core';
			import {FormBuilder, FormGroup, Validators} from '@angular/forms';
			import {ActivatedRoute, Router} from '@angular/router';
			import {AuthenticationService} from '../_services';
			import {first} from 'rxjs/operators';
			import {MatSnackBar} from '@angular/material';

			@Component({
			selector: 'app-login',
			templateUrl: './login.component.html',
			styleUrls: ['./login.component.css']
			})
			export class LoginComponent implements OnInit {
			loginForm: FormGroup;
			loading = false;
			submitted = false;
			returnUrl: string;
			error: string;

			constructor(
			private formBuilder: FormBuilder,
			private route: ActivatedRoute,
			private router: Router,
			private authenticationService: AuthenticationService,
			) {
			// redirect to home if already logged in
			if (this.authenticationService.currentUserValue) {
			this.router.navigate(['/']);
			}
			}

			ngOnInit() {
			this.loginForm = this.formBuilder.group({
			username: ['', Validators.required],
			password: ['', Validators.required]
			});

			// get return url from route parameters or default to '/'
			this.returnUrl = this.route.snapshot.queryParams.returnUrl \|\| '/';
			}

			// convenience getter for easy access to form fields
			get f() { return this.loginForm.controls; }

			onSubmit() {
			this.submitted = true;

			// stop here if form is invalid
			if (this.loginForm.invalid) {
			return;
			}

			this.loading = true;
			this.authenticationService.login(this.f.username.value, this.f.password.value)
			.pipe(first())
			.subscribe(
			data => {
			this.router.navigate([this.returnUrl]);
			},
			error => {
			this.error = error;
			this.loading = false;
			});
			}
			}