Set cookie properly and optimize resource loading.

website/src/app/app.config.ts

@@ -4,7 +4,7 @@ import {routes} from './app.routes';
 import {HTTP_INTERCEPTORS, HttpClient, provideHttpClient, withInterceptorsFromDi} from "@angular/common/http";
 import {InterpolatableTranslationObject, TranslateLoader, TranslateModule, TranslateService} from "@ngx-translate/core";
 import {TranslateHttpLoader} from "@ngx-translate/http-loader";
-import {AuthInterceptor} from "./core/interceptors/auth.interceptor";
+import {AuthJwtInterceptor} from "./core/interceptors/auth-jwt.interceptor";
 import {provideServiceWorker} from '@angular/service-worker';
 import {IMAGE_LOADER, ImageLoaderConfig} from "@angular/common";
 import {environment} from "../environments/environment";
@@ -73,7 +73,7 @@ export const appConfig: ApplicationConfig = {
       }),
     {
       provide : HTTP_INTERCEPTORS,
-      useClass: AuthInterceptor,
+      useClass: AuthJwtInterceptor,
       multi   : true,
     },
     TranslateModule.forRoot({

website/src/app/core/interceptors/auth-cookie.interceptor.ts

@@ -0,0 +1,15 @@
+import {Injectable} from "@angular/core";
+import {HttpEvent, HttpHandler, HttpInterceptor, HttpRequest} from "@angular/common/http";
+import {Observable} from "rxjs";
+
+@Injectable()
+export class AuthCookieInterceptor implements HttpInterceptor{
+
+  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    const modifiedRequest = req.clone({
+      withCredentials: true,
+    });
+    return next.handle(modifiedRequest);
+  }
+
+}

website/src/app/core/interceptors/auth.interceptor.spec.ts → website/src/app/core/interceptors/auth-jwt.interceptor.spec.ts

@@ -1,7 +1,7 @@
 import {TestBed} from '@angular/core/testing';
-import {HttpClientTestingModule, HttpTestingController} from '@angular/common/http/testing';
+import {HttpTestingController, provideHttpClientTesting} from '@angular/common/http/testing';
 import {HTTP_INTERCEPTORS, HttpClient} from '@angular/common/http';
-import {AuthInterceptor} from './auth.interceptor';
+import {AuthJwtInterceptor} from './auth-jwt.interceptor';
 import {AuthService} from "../services/auth.service";
 
 describe('AuthInterceptor', () => {
@@ -13,9 +13,9 @@ describe('AuthInterceptor', () => {
         const authServiceSpy = jasmine.createSpyObj('AuthService', ['jwtIsPresent', 'getJwtTokenFromLocalStorage']);
 
         TestBed.configureTestingModule({
-            imports: [HttpClientTestingModule],
             providers: [
-                {provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true},
+                provideHttpClientTesting(),
+                {provide: HTTP_INTERCEPTORS, useClass: AuthJwtInterceptor, multi: true},
                 {provide: AuthService, useValue: authServiceSpy}
             ]
         });

website/src/app/core/interceptors/auth.interceptor.ts → website/src/app/core/interceptors/auth-jwt.interceptor.ts

@@ -9,7 +9,7 @@ import {AuthService} from "../services/auth.service";
  * if a JWT token is present.
  */
 @Injectable()
-export class AuthInterceptor implements HttpInterceptor {
+export class AuthJwtInterceptor implements HttpInterceptor {
   private authService = inject(AuthService);
 
   /**

website/src/app/login/login.spec.ts

@@ -1,6 +1,6 @@
 import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {HttpClientTestingModule} from '@angular/common/http/testing';
+import {provideHttpClientTesting} from '@angular/common/http/testing';
 import {TranslateModule} from '@ngx-translate/core';
 import {LoginComponent} from './login.component';
 import {of} from 'rxjs';
@@ -22,10 +22,10 @@ describe('LoginComponent', () => {
             imports: [
                 ReactiveFormsModule,
                 FormsModule,
-                HttpClientTestingModule,
                 TranslateModule.forRoot()
             ],
             providers: [
+                provideHttpClientTesting(),
                 AuthService,
                 HeaderService,
                 RouterNavigationService
@@ -50,26 +50,34 @@ describe('LoginComponent', () => {
     it('should not call authService.login if username or password is empty', () => {
         const loginSpy = spyOn(authService, 'login');
 
-        component.username = '';
-        component.password = '';
+        component.loginForm.patchValue({
+          username: '',
+          password: ''
+        })
         component.login();
         expect(loginSpy).not.toHaveBeenCalled();
 
-        component.username = 'user';
-        component.password = '';
+        component.loginForm.patchValue({
+          username: 'user',
+          password: ''
+        })
         component.login();
         expect(loginSpy).not.toHaveBeenCalled();
 
-        component.username = '';
-        component.password = 'pass';
+        component.loginForm.patchValue({
+          username: '',
+          password: 'pass'
+        })
         component.login();
         expect(loginSpy).not.toHaveBeenCalled();
     });
 
     it('should call authService.login if username and password are not empty', () => {
         const loginSpy = spyOn(authService, 'login');
-        component.username = 'user';
-        component.password = 'pass';
+        component.loginForm.patchValue({
+          username: 'user',
+          password: 'pass'
+        })
         component.login();
         expect(loginSpy).toHaveBeenCalledWith('user', 'pass');
     });