Several changes about token refreshing.

Add a guard to deny access for some routes.

frontend/src/app/app.config.ts

@@ -1,10 +1,11 @@
-import { ApplicationConfig, provideExperimentalZonelessChangeDetection } from '@angular/core';
+import { APP_INITIALIZER, ApplicationConfig } from '@angular/core';
 import { provideRouter, withRouterConfig } from '@angular/router';
 
 import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { routes } from './app.routes';
 import { JwtInterceptor } from './core/interceptor/jwt.interceptor';
+import { AuthenticationService } from './core/service/authentication.service';
 
 export const appConfig: ApplicationConfig = {
   providers: [
@@ -16,9 +17,13 @@ export const appConfig: ApplicationConfig = {
       })
     ), 
     provideAnimationsAsync(),
-    provideExperimentalZonelessChangeDetection(),
     provideHttpClient(withInterceptorsFromDi()),
-
     { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true },
+    {
+      provide: APP_INITIALIZER,
+      useFactory: (authenticationService: AuthenticationService) => () => authenticationService.startAuthenticationCheckingProcess(),
+      deps: [AuthenticationService],
+      multi: true
+    }
   ]
 };

frontend/src/app/app.routes.ts

@@ -1,13 +1,16 @@
 import { Routes } from '@angular/router';
+import { alreadyAuthenticatedGuard } from './core/guard/already-authenticated.guard';
 
 export const routes: Routes = [
     { 
         path: 'login', 
-        loadComponent: () => import('./pages/login/login.component').then(module => module.LoginComponent)
+        loadComponent: () => import('./pages/login/login.component').then(module => module.LoginComponent),
+        canActivate: [alreadyAuthenticatedGuard]
     },
     { 
         path: 'signin', 
-        loadComponent: () => import('./pages/signin/signin.component').then(module => module.SigninComponent)
+        loadComponent: () => import('./pages/signin/signin.component').then(module => module.SigninComponent),
+        canActivate: [alreadyAuthenticatedGuard]
     },
     { 
         path: 'disconnect', 

frontend/src/app/components/side-menu/categories-menu/categories-menu.component.html

@@ -1,5 +1,5 @@
-@for(category of categories(); track category) {
+@for(category of categories$ | async; track category) {
-<div class="category {{category.isOpenned ? 'openned' : ''}}">
+    <div class="category {{category.isOpenned ? 'openned' : ''}}">
         <div id="category-{{category.id}}" class="category-header" (click)="setOpenned(category)">
             {{category.name}}
             <mat-icon>chevron_right</mat-icon>

frontend/src/app/components/side-menu/categories-menu/categories-menu.component.ts

@@ -1,10 +1,9 @@
 import { CommonModule } from "@angular/common";
-import { Component, EventEmitter, inject, OnDestroy, OnInit, Output, signal } from "@angular/core";
+import { Component, EventEmitter, inject, OnInit, Output } from "@angular/core";
 import { MatIconModule } from "@angular/material/icon";
 import { DisplayableCategory, SideMenuService } from "../side-menu.service";
-import { Observable, Subscription } from "rxjs";
+import { Observable } from "rxjs";
 import { RouterModule } from "@angular/router";
-import { Category } from "../../../core/rest-services/category/model/category";
 
 @Component({
 	selector: 'app-categories-menu',
@@ -13,21 +12,17 @@ import { Category } from "../../../core/rest-services/category/model/category";
   templateUrl: './categories-menu.component.html',
   styleUrl: './categories-menu.component.scss'
 })
-export class CategoriesMenuComponent implements OnInit, OnDestroy {
+export class CategoriesMenuComponent implements OnInit {
+  private sideMenuService = inject(SideMenuService);
   @Output()
   categoryClicked = new EventEmitter<void>();
-  private sideMenuService = inject(SideMenuService);
-  private categoriesSubscription?: Subscription;
-  categories = signal<DisplayableCategory[]>([]);
 
   ngOnInit(): void {
-    this.categoriesSubscription = this.sideMenuService.categories$
-      .subscribe(categories => this.categories.set(categories));
     this.sideMenuService.loadCategories();
   }
 
-  ngOnDestroy(): void {
+  get categories$(): Observable<DisplayableCategory[]> {
-    this.categoriesSubscription?.unsubscribe();
+    return this.sideMenuService.categories$;
   }
 
   setOpenned(category: DisplayableCategory): void {

frontend/src/app/components/side-menu/side-menu.component.html

@@ -1,4 +1,4 @@
-<div class="menu {{ isOpenned() ? 'displayed' : '' }}">
+<div class="menu {{ isOpenned ? 'displayed' : '' }}">
     <h1>
         <a [routerLink]="['/home']">
             <img src="assets/images/codiki.png" alt="logo"/>
@@ -11,4 +11,4 @@
     <h2 i18n>Categories</h2>
     <app-categories-menu (categoryClicked)="close()"></app-categories-menu>
 </div>
-<div class="overlay {{ isOpenned() ? 'displayed' : ''}}" (click)="close()"></div>
+<div class="overlay {{ isOpenned ? 'displayed' : ''}}" (click)="close()"></div>

frontend/src/app/components/side-menu/side-menu.component.ts

@@ -1,4 +1,4 @@
-import { Component, signal } from '@angular/core';
+import { Component } from '@angular/core';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { RouterModule } from '@angular/router';
@@ -12,13 +12,13 @@ import { CategoriesMenuComponent } from './categories-menu/categories-menu.compo
   styleUrl: './side-menu.component.scss'
 })
 export class SideMenuComponent {
-  isOpenned = signal(false);
+  isOpenned: boolean = false;
 
   open(): void {
-    this.isOpenned.set(true);
+    this.isOpenned = true;
   }
 
   close(): void {
-    this.isOpenned.set(false);
+    this.isOpenned = false;
   }
 }

frontend/src/app/core/guard/already-authenticated.guard.ts

@@ -0,0 +1,18 @@
+import { inject } from "@angular/core";
+import { CanActivateFn, Router } from "@angular/router";
+import { AuthenticationService } from "../service/authentication.service";
+import { MatSnackBar } from "@angular/material/snack-bar";
+
+export const alreadyAuthenticatedGuard: CanActivateFn = () => {
+    const authenticationService = inject(AuthenticationService);
+    const router = inject(Router);
+    const snackBar = inject(MatSnackBar);
+
+    if (authenticationService.isAuthenticated()) {
+        router.navigate(['/home']);
+        snackBar.open($localize`You can't access to this page because you are already authenticated.`, $localize`Close`, { duration: 5000 });
+        return false;
+    } else {
+        return true;
+    }
+}

frontend/src/app/core/guard/authentication.guard.ts

@@ -3,11 +3,13 @@ import { CanActivateFn, Router } from "@angular/router";
 import { AuthenticationService } from "../service/authentication.service";
 import { MatSnackBar } from "@angular/material/snack-bar";
 
-export const authenticationGuard: CanActivateFn = () => {
+export const authenticationGuard: CanActivateFn = async () => {
     const authenticationService = inject(AuthenticationService);
     const router = inject(Router);
     const snackBar = inject(MatSnackBar);
 
+    await authenticationService.checkIsAuthenticated();
+
     if (authenticationService.isAuthenticated()) {
         return true;
     } else {

frontend/src/app/core/interceptor/jwt.interceptor.ts

@@ -41,23 +41,12 @@ export class JwtInterceptor implements HttpInterceptor {
             this.isRefreshingToken = true;
             this.refreshTokenSubject.next(undefined);
 
-            const refreshToken = this.authenticationService.getRefreshToken();
+            this.authenticationService.refreshToken()
-            if (refreshToken) {
-                const refreshTokenRequest: RefreshTokenRequest = {
-                    refreshTokenValue: refreshToken
-                };
-                this.userRestService.refreshToken(refreshTokenRequest)
                 .then(refreshTokenResponse => {
-                        this.authenticationService.authenticate(refreshTokenResponse.accessToken, refreshTokenResponse.refreshToken);
                     this.refreshTokenSubject.next(refreshTokenResponse.accessToken);
                 })
-                    .catch(() => {
+                .catch(() => this.handleNoRefreshToken(initialError))
-                        return this.handleNoRefreshToken(initialError);
-                    })
                 .finally(() => this.isRefreshingToken = false);
-            } else {
-                return this.handleNoRefreshToken(initialError);
-            }
         }
 
         return this.refreshTokenSubject.pipe(

frontend/src/app/core/service/authentication.service.ts

@@ -1,7 +1,9 @@
 import { inject, Injectable } from "@angular/core";
+import { BehaviorSubject, interval } from "rxjs";
 import { User } from "../model/User";
 import { UserRestService } from "../rest-services/user/user.rest-service";
 import { RefreshTokenRequest } from "../rest-services/user/model/refresh-token.model";
+import { LoginResponse } from "../rest-services/user/model/login.model";
 
 const JWT_PARAM = 'jwt';
 const REFRESH_TOKEN_PARAM = 'refresh-token';
@@ -18,18 +20,30 @@ interface UserDetails {
     providedIn: 'root'
 })
 export class AuthenticationService {
+    private readonly AUTHENTICATION_CHECKING_PERIOD = 5 * 60 * 1000;
+    private isAuthenticatedSubject = new BehaviorSubject<boolean>(false);
+    private readonly userRestService = inject(UserRestService);
+
+    startAuthenticationCheckingProcess(): void {
+        this.checkIsAuthenticated();
+        interval(this.AUTHENTICATION_CHECKING_PERIOD)
+            .subscribe(() => this.checkIsAuthenticated());
+    }
 
     authenticate(token: string, refreshToken: string): void {
         localStorage.setItem(JWT_PARAM, token);
         localStorage.setItem(REFRESH_TOKEN_PARAM, refreshToken);
+        this.isAuthenticatedSubject.next(true);
     }
 
     unauthenticate(): void {
         localStorage.removeItem(JWT_PARAM);
+        localStorage.removeItem(REFRESH_TOKEN_PARAM);
+        this.isAuthenticatedSubject.next(false);
     }
     
     isAuthenticated(): boolean {
-        return !!localStorage.getItem(JWT_PARAM);
+        return this.isAuthenticatedSubject.value;
     }
 
     getAuthenticatedUser(): User | undefined {
@@ -45,7 +59,7 @@ export class AuthenticationService {
     }
 
     isTokenExpired(): boolean {
-        let result = false;
+        let result = true;
 
         const userDetails = this.extractUserDetails();
 
@@ -59,8 +73,43 @@ export class AuthenticationService {
         return result;
     }
 
+    refreshToken(): Promise<LoginResponse> {
+        const refreshToken = this.getRefreshToken();
+        if (refreshToken) {
+            const refreshTokenRequest: RefreshTokenRequest = {
+                refreshTokenValue: refreshToken
+            };
+            return this.userRestService.refreshToken(refreshTokenRequest)
+                .then(refreshTokenResponse => {
+                    this.authenticate(refreshTokenResponse.accessToken, refreshTokenResponse.refreshToken);
+                    return refreshTokenResponse;
+                });
+        }
+
+        return Promise.reject('No any refresh token found.');
+    }
+
+    checkIsAuthenticated(): Promise<void> {
+        return new Promise((resolve, reject) => {
+            const isTokenExpired = this.isTokenExpired();
+            if (isTokenExpired) {
+                if (this.getRefreshToken()) {
+                    this.refreshToken()
+                        .then(() => resolve())
+                        .catch(() => reject());
+                } else {
+                    this.isAuthenticatedSubject.next(false);
+                }
+            } else {
+                this.isAuthenticatedSubject.next(true);
+            }
+            resolve();
+        });
+        
+    }
+
     private extractUserFromLocalStorage(): User | undefined {
-        let result: User | undefined = undefined;
+        let result: User | undefined;
 
         const userDetails = this.extractUserDetails();
         if (userDetails) {

frontend/src/app/pages/home/home.component.html

@@ -1,5 +1,5 @@
 <h1 i18n>Last publications</h1>
-@if (isLoading()) {
+@if ((isLoading$ | async) === true) {
     <h2 i18n>Publications loading...</h2>
     <mat-spinner></mat-spinner>
 } @else {

frontend/src/app/pages/home/home.component.ts

@@ -1,6 +1,6 @@
-import { Component, OnDestroy, OnInit, inject, signal } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { Observable, Subscription } from 'rxjs';
+import { Observable } from 'rxjs';
 import { PublicationListComponent } from '../../components/publication-list/publication-list.component';
 import { Publication } from '../../core/rest-services/publications/model/publication';
 import { HomeService } from './home.service';
@@ -18,27 +18,18 @@ import { CommonModule } from '@angular/common';
   styleUrl: './home.component.scss',
   providers: [HomeService]
 })
-export class HomeComponent implements OnInit, OnDestroy {
+export class HomeComponent implements OnInit {
   private homeService = inject(HomeService);
-  private isLoadingSubscription?: Subscription;
+
-  private publicationsSubscription?: Subscription;
+  get isLoading$(): Observable<boolean> {
-  isLoading = signal(false);
+    return this.homeService.isLoading$;
-  publicationsIsEmpty = signal(true);
+  }
 
   get publications$(): Observable<Publication[]> {
     return this.homeService.publications$;
   }
 
   ngOnInit(): void {
-    this.isLoadingSubscription = this.homeService.isLoading$
-      .subscribe(isLoading => this.isLoading.set(isLoading));
-    this.publicationsSubscription = this.homeService.publications$
-      .subscribe(publications => this.publicationsIsEmpty.set(publications.length > 0));
     this.homeService.startLatestPublicationsRetrieving();
   }
-
-  ngOnDestroy(): void {
-    this.isLoadingSubscription?.unsubscribe();
-    this.publicationsSubscription?.unsubscribe();
-  }
 }

frontend/src/app/pages/my-publications/my-publications.component.html

@@ -8,11 +8,11 @@
     +
 </a>
 
-@if (isLoading()) {
+@if ((isLoading$ | async) === true) {
     <h2 i18n>Publication loading...</h2>
     <mat-spinner></mat-spinner>
 } @else {
-    @if (isLoaded()) {
+    @if ((isLoaded$ | async) === true) {
         <app-publication-list [publications$]="publications$"></app-publication-list>
     } @else {
         <h2 i18n>There is no any publication...</h2>

frontend/src/app/pages/my-publications/my-publications.component.ts

@@ -1,13 +1,14 @@
-import { Component, inject, OnDestroy, OnInit, signal } from "@angular/core";
+import { Component, inject, OnInit } from "@angular/core";
 import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
 import { MyPublicationsService } from "./my-publications.service";
-import { Observable, Subscription } from "rxjs";
+import { Observable } from "rxjs";
 import { PublicationListComponent } from "../../components/publication-list/publication-list.component";
 import { Publication } from "../../core/rest-services/publications/model/publication";
 import { CommonModule } from "@angular/common";
 import { RouterModule } from "@angular/router";
 import { MatTooltipModule } from "@angular/material/tooltip";
 
+
 @Component({
     selector: 'app-my-component',
     standalone: true,
@@ -22,28 +23,22 @@ import { MatTooltipModule } from "@angular/material/tooltip";
     ],
     providers: [MyPublicationsService]
 })
-export class MyPublicationsComponent implements OnInit, OnDestroy {
+export class MyPublicationsComponent implements OnInit {
     private readonly myPublicationsService = inject(MyPublicationsService);
-    private isLoadingSubscription?: Subscription;
-    private isLoadedSubscription?: Subscription;
-
-    isLoading = signal(false);
-    isLoaded = signal(false);
 
     get publications$(): Observable<Publication[]> {
         return this.myPublicationsService.publications$;
     }
 
-    ngOnInit(): void {
+    get isLoading$(): Observable<boolean> {
-        this.isLoadingSubscription = this.myPublicationsService.isLoading$
+        return this.myPublicationsService.isLoading$;
-            .subscribe(isLoading => this.isLoading.set(isLoading));
-        this.isLoadedSubscription = this.myPublicationsService.isLoaded$
-            .subscribe(isLoaded => this.isLoaded.set(isLoaded));
-        this.myPublicationsService.loadAuthenticatedUserPublications();    
     }
 
-    ngOnDestroy(): void {
+    get isLoaded$(): Observable<boolean> {
-        this.isLoadingSubscription?.unsubscribe();
+        return this.myPublicationsService.isLoaded$;
-        this.isLoadedSubscription?.unsubscribe();
+    }
+
+    ngOnInit(): void {
+        this.myPublicationsService.loadAuthenticatedUserPublications();    
     }
 }

frontend/src/app/pages/publication-creation/publication-creation.component.html

@@ -1,9 +1,7 @@
-@if (publicationIsNotNull()) {
+<app-publication-edition
-    <app-publication-edition
     title="Creation of a new publication"
-        [publication]="publication()!!"
+    [publication]="publication" 
     [isSaving$]="isSaving$"
     (publicationSave)="onPublicationSave($event)"
     i18n-title>
-    </app-publication-edition>
+</app-publication-edition>
-}

frontend/src/app/pages/publication-creation/publication-creation.component.ts

@@ -1,4 +1,4 @@
-import { Component, computed, inject, OnInit, signal } from "@angular/core";
+import { Component, inject, OnInit } from "@angular/core";
 import { PublicationEditionComponent } from "../../components/publication-edition/publication-edition.component";
 import { PublicationRestService } from "../../core/rest-services/publications/publication.rest-service";
 import { ActivatedRoute, Router } from "@angular/router";
@@ -26,8 +26,7 @@ export class PublicationCreationComponent implements OnInit {
     private readonly snackBar = inject(MatSnackBar);
     private isSavingSubject = new BehaviorSubject<boolean>(false);
     private subscriptions: Subscription[] = [];
-    publication = signal<Publication | undefined>(undefined);
+    publication!: Publication;
-    publicationIsNotNull = computed(() => !!this.publication());
 
     get isSaving$(): Observable<boolean> {
         return this.isSavingSubject.asObservable();
@@ -41,7 +40,7 @@ export class PublicationCreationComponent implements OnInit {
                 name: authenticatedUser.pseudo,
                 image: authenticatedUser.photoId ?? ''
             };
-            const newPublication: Publication = {
+            this.publication = {
                 id: '',
                 key: '',
                 title: '',
@@ -53,7 +52,6 @@ export class PublicationCreationComponent implements OnInit {
                 categoryId: '',
                 author
             };
-            this.publication.set(newPublication);
         }
     }
 

frontend/src/app/pages/publication-update/publication-update.component.html

@@ -1,4 +1,4 @@
-@if (isLoading()) {
+@if ((isLoading$ | async) == true) {
     <h2 i18n>Loading publication to edit...</h2>
     <mat-spinner></mat-spinner>
 } 

frontend/src/app/pages/publication-update/publication-update.component.ts

@@ -1,5 +1,5 @@
 import { CommonModule, Location } from '@angular/common';
-import { Component, inject, OnDestroy, OnInit, signal } from '@angular/core';
+import { Component, inject, OnDestroy, OnInit } from '@angular/core';
 import { ReactiveFormsModule } from '@angular/forms';
 import { MatDialogModule } from '@angular/material/dialog';
 import { MatIconModule } from '@angular/material/icon';
@@ -41,17 +41,21 @@ export class PublicationUpdateComponent implements OnInit, OnDestroy {
   private readonly location = inject(Location);
   private readonly router = inject(Router);
   private readonly snackBar = inject(MatSnackBar);
+  private isLoadingSubject = new BehaviorSubject<boolean>(false);
   private isSavingSubject = new BehaviorSubject<boolean>(false);
   private subscriptions: Subscription[] = [];
-  isLoading = signal(false);
   publication: Publication | undefined;
 
+  get isLoading$(): Observable<boolean> {
+    return this.isLoadingSubject.asObservable();
+  }
+
   get isSaving$(): Observable<boolean> {
     return this.isSavingSubject.asObservable();
   }
 
   ngOnInit(): void {
-    this.isLoading.set(true);
+    this.isLoadingSubject.next(true);
     this.activatedRoute.paramMap.subscribe(params => {
         const publicationId = params.get('publicationId');
         if (publicationId == undefined) {
@@ -67,7 +71,7 @@ export class PublicationUpdateComponent implements OnInit, OnDestroy {
                 this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
                 console.error(errorMessage, error)
             })
-            .finally(() => this.isLoading.set(false));
+            .finally(() => this.isLoadingSubject.next(false));
         }
       });
   }

frontend/src/app/pages/publication/publication.component.html

@@ -1,18 +1,14 @@
-@if (isLoading()) {
+@if (isLoading) {
     <h2 i18n>Publication content loading...</h2>
     <mat-spinner></mat-spinner>
 } @else {
-    @if (isPublicationUndefined()) {
+    @if (publication) {
-        <div class="loading-failed">
-            <h1 i18n>Publication failed to load...</h1>
-        </div>
-    } @else {
         <div class="card">
-            <img src="/api/pictures/{{ publication()?.illustrationId }}" />
+            <img src="/api/pictures/{{ publication.illustrationId }}" />
             <header>
-                <h1>{{ publication()?.title }}</h1>
+                <h1>{{ publication.title }}</h1>
-                <h2>{{ publication()?.description }}</h2>
+                <h2>{{ publication.description }}</h2>
-                @if (isAuthorAndUserEquals()) {
+                @if (isAuthorAndUserEquals) {
                     <a [routerLink]="['edit']"
                         class="button action"
                         matTooltip="Click to edit the publication"
@@ -21,18 +17,18 @@
                     </a>
                 }
             </header>
-            <main [innerHTML]="publication()?.parsedText"></main>
+            <main [innerHTML]="publication.parsedText"></main>
             <footer>
                 <div class="metadata">
-                    <img src="/api/pictures/{{ publication()?.author?.image }}" [matTooltip]="publication()?.author?.name" />
+                    <img src="/api/pictures/{{ publication.author.image }}" [matTooltip]="publication.author.name" />
                     <div class="posting-data">
-                        <span i18n>Publication posted by {{ publication()?.author?.name }}</span>
+                        <span i18n>Publication posted by {{ publication.author.name }}</span>
                         <span class="publication-date">
-                            ({{ publication()?.creationDate | date: 'short' }})
+                            ({{ publication.creationDate | date: 'short' }})
                         </span>
                     </div>
                 </div>
-                @if (isAuthorAndUserEquals()) {
+                @if (isAuthorAndUserEquals) {
                     <button type="button"
                         (click)="deletePublication()"
                         matTooltip="Click to delete the publication" 
@@ -44,5 +40,9 @@
                 }
             </footer>
         </div>
+    } @else {
+        <div class="loading-failed">
+            <h1 i18n>Publication failed to load...</h1>
+        </div>
     }
 }

frontend/src/app/pages/publication/publication.component.scss

@@ -2,8 +2,7 @@ $cardBorderRadius: .5em;
 
 :host {
     display: flex;
-    flex-direction: column;
+    justify-content: center;
-    align-items: center;
 
     .card {
         display: flex;

frontend/src/app/pages/publication/publication.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit, computed, inject, signal } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
 import { PublicationRestService } from '../../core/rest-services/publications/publication.rest-service';
 import { ActivatedRoute, Router, RouterModule } from '@angular/router';
 import { Subscription } from 'rxjs';
@@ -30,10 +30,9 @@ export class PublicationComponent implements OnInit, OnDestroy {
   private readonly snackBar = inject(MatSnackBar);
   private paramMapSubscription?: Subscription;
   private afterDialogCloseSubscription?: Subscription;
-  isLoading = signal(false);
+  isLoading: boolean = false;
-  isAuthorAndUserEquals = computed(() => this.authenticationService.getAuthenticatedUser()?.id === this.publication()?.author.id);
+  isAuthorAndUserEquals: boolean = false;
-  publication = signal<Publication | undefined>(undefined);
+  publication?: Publication;
-  isPublicationUndefined = computed(() => !this.publication())
 
   ngOnInit(): void {
     this.paramMapSubscription = this.activatedRoute
@@ -42,11 +41,12 @@ export class PublicationComponent implements OnInit, OnDestroy {
           const publicationId = params.get('publicationId');
 
           if (publicationId) {
-            this.isLoading.set(true);
+            this.isLoading = true;
 
             this.publicationRestService.getById(publicationId)
                 .then(publication => {
-                  this.publication.set(publication);
+                  this.publication = publication;
+                  this.isAuthorAndUserEquals = this.authenticationService.getAuthenticatedUser()?.id === this.publication.author.id;
                   setTimeout(() => Prism.highlightAll(), 100);
                 })
                 .catch(error => {
@@ -55,7 +55,7 @@ export class PublicationComponent implements OnInit, OnDestroy {
                   console.error(errorMessage, error);
                 })
                 .finally(() => {
-                  this.isLoading.set(false);
+                  this.isLoading = false;
                 });
           }
         });
@@ -79,8 +79,8 @@ export class PublicationComponent implements OnInit, OnDestroy {
 
     this.afterDialogCloseSubscription = dialogRef.afterClosed()
       .subscribe(response => {
-        if (response && !this.isPublicationUndefined()) {
+        if (response && this.publication?.id) {
-          this.publicationRestService.delete(this.publication()?.id!!);
+          this.publicationRestService.delete(this.publication.id);
           this.snackBar.open($localize`Publication deleted`, $localize`Close`, { duration: 5000 });
           this.location.back();
         }

frontend/src/locale/messages-fr.json

@@ -46,6 +46,7 @@
     "9122763438636464100": "Fermer le menu",
     "1902100407096396858": "Catégories",
     "6940115735259407353": "Une erreur est survenue lors du chargement des catégories.",
+    "3516191632292372377": "Vous ne pouvez pas accéder à cette page car vous êtes déjà connecté.",
     "3450287383703155559": "Vous n'êtes pas connecté. Veuillez vous connecter avant de réessayer.",
     "5455465794443528807": "You n'êtes pas connecté. Veuillez vous connecter avant de réessayer votre opération.",
     "4011987306265136481": "Déconnexion...",

frontend/src/locale/messages.json

@@ -1,5 +1,5 @@
 {
-  "locale": "en-UK",
+  "locale": "en",
   "translations": {
     "3603720768157919481": " No ",
     "4861926948802653243": " Yes ",
@@ -46,6 +46,7 @@
     "9122763438636464100": "Close the menu",
     "1902100407096396858": "Categories",
     "6940115735259407353": "An error occured while loading categories.",
+    "3516191632292372377": "You can't access to this page because you are already authenticated.",
     "3450287383703155559": "You are unauthenticated. Please, log-in first.",
     "5455465794443528807": "You are unauthenticated. Please, re-authenticate before retrying your action.",
     "4011987306265136481": "Disconnection...",