London_Store/frontend/src/app/auth/login/login.component.ts

import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl, Validators } from '@angular/forms';
import { Router } from '@angular/router';
import { User } from 'src/app/model/user.model';
import { AppserviceService } from 'src/app/service/appservice.service';
import { UserServiceService } from 'src/app/service/user-service.service';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {

  user:User=new User();
  loginForm:FormGroup;
  msg:string;
  constructor(private route:Router,private userService:UserServiceService,private appService:AppserviceService) { 
    this.msg="";
  }

  ngOnInit(): void {
    this.loginForm=new FormGroup(
      {
        username:new FormControl('',Validators.required),
        password:new FormControl('',Validators.required),
      }
    );
  }
  onloginFormSubmit(){
    console.log(this.loginForm.value.username);
    this.userService.getUser(this.loginForm.value).subscribe(data=>{
      window.localStorage.setItem('username',this.loginForm.value.username);
      window.localStorage.setItem('isLoggedIn','true');
      
      this.appService.activate.next(true);
      //this.authService.isAuthenticated();
      this.route.navigateByUrl('/home');
    },(err:any)=>{
      console.log(err)
      this.msg="Invalid Credentials";
    });

}}