Add login successful alert

frontend/src/app/app.config.ts

@@ -3,18 +3,26 @@ import {
   ApplicationConfig,
   provideExperimentalZonelessChangeDetection,
 } from '@angular/core';
-import { provideRouter } from '@angular/router';
+import {provideRouter} from '@angular/router';
 
-import { routes } from './app.routes';
+import {routes} from './app.routes';
 import {
   KeycloakAngularModule,
-  KeycloakBearerInterceptor,
+  KeycloakBearerInterceptor, KeycloakEventType,
   KeycloakService,
 } from 'keycloak-angular';
-import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import {HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi} from '@angular/common/http';
 
-export const initializeKeycloak = (keycloak: KeycloakService) => async () =>
+export const initializeKeycloak = (keycloak: KeycloakService) => async () => {
-  keycloak.init({
+  keycloak.keycloakEvents$.subscribe({
+    next: (e: any) => {
+      if (e.type === KeycloakEventType.OnAuthSuccess) {
+        alert('Login erfolreich');
+      }
+    }
+  });
+
+  return await keycloak.init({
     config: {
       url: 'http://localhost:9090',
       realm: 'LF12',
@@ -28,6 +36,7 @@ export const initializeKeycloak = (keycloak: KeycloakService) => async () =>
       redirectUri: 'http://localhost:4200',
     },
   });
+}
 
 function initializeApp(keycloak: KeycloakService): () => Promise<boolean> {
   return () => initializeKeycloak(keycloak)();