Login

login.page.ts

import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
import { NavController } from '@ionic/angular';
import { ShowToastService } from 'src/app/services/show-toast.service';
import { LoadingService } from 'src/app/services/loading.service';
import { AuthenticationService } from 'src/app/services/authentication.service';

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

  constructor(private formBuilder: FormBuilder,
    private navCtrl: NavController,
    private showToastService: ShowToastService,
    private loadingService: LoadingService,
    private authenticationService: AuthenticationService) {
    this.init();
  }

  ngOnInit() {
  }

  init() {
    this.form = this.formBuilder.group({
      email: ['', Validators.required],
      password: ['', Validators.compose([Validators.minLength(8), Validators.required])],
    });
  }


  async signIn() {
    if (!this.form.valid) {
      this.showToastService.showErrorToast('Please enter valid email and password');
    } else {
      const loading = await this.loadingService.presentLoader();
      try {
        await this.authenticationService.signIn(this.form.value.email, this.form.value.password);
        this.loadingService.dismissLoader(loading);
        this.navCtrl.navigateForward('/my-profile');
      } catch (error) {
        this.loadingService.dismissLoader(loading);
        console.log(error);
      }
    }
  }

  async loginWithFacebook() {
    const loading = await this.loadingService.presentLoader();
    try {
      await this.authenticationService.loginWithFacebook();
      this.navCtrl.navigateForward('/my-profile');
      this.loadingService.dismissLoader(loading);
    } catch (error) {
      this.loadingService.dismissLoader(loading);
      console.log(error);
    }
  }

  async loginWithGoogle() {
    const loading = await this.loadingService.presentLoader();
    try {
      await this.authenticationService.loginWithGoogle();
      this.navCtrl.navigateForward('/my-profile');
      this.loadingService.dismissLoader(loading);
    } catch (error) {
      this.loadingService.dismissLoader(loading);
      console.log(error);
    }
  }

  goToSignUp() {
    this.navCtrl.navigateForward('/signup');
  }

  goToResetPassword() {
    this.navCtrl.navigateForward('/reset-password');
  }
}