Authentification Frontend

export const authGuard: CanActivateFn = (route, state) => {
  const authService = inject(AuthService);
  const router = inject(Router);

  if (authService.isAuthenticated()) {
    return true; // Autorise l'accès à la route
  }

  // Non authentifié : rediriger vers la page de login
  router.navigate(['/authentication/login'], { queryParams: { returnUrl: state.url } });
  return false; // Bloque l'accès à la route actuelle
};

export const nonAuthGuard: CanActivateFn = (route, state) => {
  const authService = inject(AuthService);
  const router = inject(Router);

  if (!authService.isAuthenticated()) {
    return true; // Autorise l'accès à la route car l'utilisateur n'est pas connecté
  }

  // Déjà authentifié : rediriger vers la page d'accueil
  router.navigate(['/starter']);
  return false; // Bloque l'accès à la route actuelle
};

logout(): void {
  localStorage.removeItem(this.tokenKey);
  // Ajout d'un court délai pour s'assurer que le token est bien supprimé
  // avant la redirection et éviter des conflits avec le nonAuthGuard
  setTimeout(() => {
    this.router.navigate(['/authentication/login']);
  }, 50);
}

<button
  mat-flat-button
  color="primary"
  class="w-100"
  (click)="logout()"
>
  Logout
</button>

if (error.status === 401 || error.status === 403) {
  // Si l'erreur est sur /users/me, cela peut indiquer un problème avec le token OAuth
  if (req.url.includes('/users/me')) {
    // Déconnecter l'utilisateur et rediriger vers la page de connexion
    authService.logout();
    router.navigate(['/authentication/login'], {
      queryParams: {
        auth_error: 'token_expired',
        msg: 'Votre session a expiré, veuillez vous reconnecter.'
      }
    });
  }
}

sanitizeGoogleImageUrl(url: string): string {
  // Vérifier si c'est une URL Google Photos
  if (url && url.includes('googleusercontent.com')) {
    // Ajouter un paramètre pour spécifier la taille et le recadrage
    if (!url.includes('=s')) {
      url = url.includes('?') ? `${url}&s=200-c` : `${url}=s200-c`;
    }

    // Vérifier si l'URL est accessible
    const img = new Image();
    img.onerror = () => {
      console.warn('Google profile image failed to load, using default image');
      this.userProfileImage = '/assets/images/profile/user5.jpg';
    };
    img.src = url;

    return url;
  }
  return url;
}

<img
  [src]="userProfileImage"
  class="rounded-circle"
  onerror="this.src='/assets/images/profile/user5.jpg';"
/>