WIP: backend protection

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

@@ -1,8 +1,10 @@
 import { Component, OnInit } from '@angular/core';
 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';
 import { DataService } from 'src/app/services/data.service';
+import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'app-login-page',
@@ -13,38 +15,46 @@ import { DataService } from 'src/app/services/data.service';
 export class LoginPageComponent implements OnInit {
   constructor(
     private data$: DataService,
-    private router$: Router
+    private router$: Router,
+    private auth$: AuthService
   ) {}
 
   ngOnInit(): void {
-    // @ts-ignore
-    google.accounts.id.initialize({
-      client_id: "107631825312-bkfe438ehr9k9ecb2h76g802tj6advma.apps.googleusercontent.com",
-      callback: this.handleCredentialResponse.bind(this),
-      auto_select: true,
-      cancel_on_tap_outside: true,
-    });
-    // @ts-ignore
-    google.accounts.id.renderButton(
       // @ts-ignore
-      document.getElementById("google-button"),
-      { theme: "outline", size: "large", width: "100%" }
-    );
-    // @ts-ignore
-    google.accounts.id.prompt();
+      window.onGoogleLibraryLoad = () => {
+        // @ts-ignore
+        google.accounts.id.initialize({
+          client_id: environment.google.clientId,
+          callback: this.handleCredentialResponse.bind(this),
+          auto_select: true,
+          cancel_on_tap_outside: true
+        });
+        // @ts-ignore
+        google.accounts.id.renderButton(
+        // @ts-ignore
+        document.getElementById("google-button"),
+          { theme: "outline", size: "large", width: "100%" } 
+        );
+        // @ts-ignore
+        google.accounts.id.prompt((notification: PromptMomentNotification) => {});
+      };
   }
 
   async handleCredentialResponse(response: any) { 
     try {
+      console.log("Google Response", response);
       const responsePayload: any = jwt_decode(response.credential);
       this.data$.currentUser = new User({
-        id: 1,
-        googledId: responsePayload.aud,
+        googleCredentials: response.credential,
         userName: `${responsePayload.given_name} ${responsePayload.family_name}`,
         email: responsePayload.email,
         avatar: responsePayload.picture
       });
+      // this.auth$.loadDbUser();
       this.router$.navigate(['/app']);
+      console.log("USer", this.data$.currentUser);
+      await this.auth$.getAPIToken(response.credential);
+      this.auth$.loadDbUser();
     } catch (e) {
       console.error('Get user error', e);
     }