welcome.page.ts

import { Component, OnDestroy, OnInit } from "@angular/core";
import {
  AlertController,
  LoadingController,
  IonContent,
  IonCard,
  IonCardHeader,
  IonCardTitle,
  IonCardContent,
  IonButton,
  IonText,
} from "@ionic/angular/standalone";
import { Router } from "@angular/router";
import { ManService } from "../man.service";
import { HttpErrorResponse } from "@angular/common/http";
import { Subscription } from "rxjs";
import { User } from "@angular/fire/auth";
import { AuthService } from "../auth.service";

@Component({
  selector: "app-welcome",
  templateUrl: "./welcome.page.html",
  styleUrls: ["./welcome.page.scss"],
  imports: [
    IonContent,
    IonCard,
    IonCardHeader,
    IonCardTitle,
    IonCardContent,
    IonButton,
    IonText,
  ],
})
export class WelcomePage implements OnInit, OnDestroy {
  authStateSubscription: Subscription;
  isAuthChecked: boolean;
  user: User;
  isSafari =
    /Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent);
  isIAB =
    /FBAN/.test(navigator.userAgent) ||
    /FBAV/.test(navigator.userAgent) ||
    /Line\//.test(navigator.userAgent);

  constructor(
    private router: Router,
    private authService: AuthService,
    private manService: ManService,
    private loadingCtrl: LoadingController,
    public alertCtrl: AlertController
  ) {}

  ngOnInit() {
    this.loadingCtrl
      .create({
        message: "Authenticating...",
        duration: 7000,
      })
      .then((loading) => {
        loading.present();
        this.authStateSubscription = this.authService.user.subscribe((user) => {
          this.user = user;
          if (user) {
            // User is signed in.
            this.goToHome().then(() => {
              loading.dismiss();
            });
          } else {
            this.isAuthChecked = false;
          }
          loading.dismiss();
        });
      })
      .catch((e) => console.log("Reject", e));
  }

  ngOnDestroy() {
    this.authStateSubscription.unsubscribe();
  }

  login() {
    this.authService.signInWithPopup();
  }

  logout() {
    this.authService
      .signOut()
      .then()
      .catch((e) => console.log("Reject", e));
    this.isAuthChecked = false;
  }

  goToHome() {
    if (this.isAuthChecked) {
      return this.router.navigate(["/home"]);
    }
    this.user.getIdToken().then((idToken) => {
      this.manService.setIdToken(idToken);
      this.manService
        .checkAuthorization()
        .toPromise()
        .then(
          (result) => {
            if (result) {
              this.isAuthChecked = true;
              return this.router.navigate(["/home"]);
            }
          },
          (reason: HttpErrorResponse) => {
            if (reason instanceof ErrorEvent) {
              this.alertError(
                "Client Error",
                "Please check your network connection."
              );
            } else if (reason.status === 401) {
              this.alertError(
                "Unregistered!",
                "You are not allowed to access this website."
              );
            } else if ([500, 502, 503, 504].includes(reason.status)) {
              this.alertError("Server Error", "Please contact administrator.");
            } else {
              this.manService.changeEndpoint();
              this.alertError(
                "Connection Error",
                "Unable to reach server. You may try again."
              );
            }
          }
        );
    });
    return new Promise<void>((resolve) => resolve());
  }

  async alertError(header: string, message: string) {
    const alert = await this.alertCtrl.create({
      header,
      message,
      buttons: ["OK"],
    });

    await alert.present();
  }
}