doneit-web/src/app/pages/login/login.page.ts

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { AuthService } from 'src/app/services/auth.service';
import { User } from 'src/app/models/user.model';


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

  logstatus: boolean;
  username: string = "";
  password: string = "";
  userattempt: User;

  constructor(
    private router: Router, 
    private authService: AuthService) { }

  ngOnInit() {
    
  }
  /* Function to validade the login inputs */
  validateInput(){
    this.userattempt = {
      username: this.username,
      password: this.password,
      domainName: "",
      BasicAuthKey: ""
    }

    return (
      this.username.trim().length > 0 
      && this.password.trim().length > 0
      );
  }

    async Login(){
    //Go to our home in home/feed.
    if(this.validateInput()){
      if (await this.authService.login(this.userattempt))
      {
        this.router.navigate(['/home/events']);
      }
      else
      {
        console.log("Não foi possível fazer login");   
      } 
    }
    else{
      console.log("Preencha todos campos");    
    }
  }
}