DiunaBI/Frontend/src/app/components/login-page/login-page.component.ts

import { Component, NgZone, OnInit } from '@angular/core';
import { MatSnackBar } from '@angular/material/snack-bar';
import { Router } from '@angular/router';
import jwt_decode from "jwt-decode";
import { AuthService } from 'src/app/auth/auth.service';
import { User } from 'src/app/models/user.model';
import { environment } from 'src/environments/environment';

@Component({
  selector: 'app-login-page',
  templateUrl: './login-page.component.html',
  styleUrls: ['./login-page.component.scss']
})

export class LoginPageComponent implements OnInit {
  constructor(
    private router$: Router,
    private auth$: AuthService,
    private ngZone$: NgZone,
    private snackBar$: MatSnackBar
  ) { }

  loading = false;

  ngOnInit(): void {
    this.snackBar$.open("", "", { duration: 1 });
    console.log('Envs', environment);
    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
    // @ts-ignore
    window.onGoogleLibraryLoad = () => {
      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
      // @ts-ignore
      google.accounts.id.initialize({
        client_id: environment.google.clientId,
        callback: this.handleCredentialResponse.bind(this),
        auto_select: true,
        cancel_on_tap_outside: true
      });
      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
      // @ts-ignore
      google.accounts.id.renderButton(
        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
        // @ts-ignore
        document.getElementById("google-button"),
        { theme: "outline", size: "large", width: "100%" }
      );
      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
      // @ts-ignore
      google.accounts.id.prompt();
    };
  }

  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  async handleCredentialResponse(response: any) {
    try {
      // eslint-disable-next-line @typescript-eslint/no-explicit-any
      const responsePayload: any = jwt_decode(response.credential);
      this.auth$.user = new User({
        googleCredentials: response.credential,
        userName: `${responsePayload.given_name} ${responsePayload.family_name}`,
        email: responsePayload.email,
        avatar: responsePayload.picture
      });
      this.loading = true;
      await this.auth$.getAPIToken(response.credential);
      this.ngZone$.run(() => {
        this.router$.navigate(['/app']);
      });
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    } catch (e: any) {
      this.loading = false;
      if (e.status === 401) {
        this.snackBar$.open("Użytkownik nie istnieje w bazie danych aplikacji DiunaBI.", "", { duration: 3000 });
      } else {
        this.snackBar$.open("Błąd połączenia z serwerem. Skontaktuj się z administratorem.", "", { duration: 3000 });
      }
    } finally {
      this.loading = false;
    }
  }
}