Upgrade angular from 18 to 19.

frontend/angular.json

@@ -30,7 +30,8 @@
             "index": "src/index.html",
             "browser": "src/main.ts",
             "polyfills": [
-              "zone.js"
+              "zone.js",
+              "@angular/localize/init"
             ],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",

frontend/package.json

@@ -17,25 +17,25 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.5",
+    "@angular/animations": "^19.2.17",
     "@angular/cdk": "^18.2.5",
-    "@angular/common": "^18.2.5",
+    "@angular/common": "^19.2.17",
-    "@angular/compiler": "^18.2.5",
+    "@angular/compiler": "^19.2.17",
-    "@angular/core": "^18.2.5",
+    "@angular/core": "^19.2.17",
-    "@angular/forms": "^18.2.5",
+    "@angular/forms": "^19.2.17",
     "@angular/material": "^18.2.5",
-    "@angular/platform-browser": "^18.2.5",
+    "@angular/platform-browser": "^19.2.17",
-    "@angular/platform-browser-dynamic": "^18.2.5",
+    "@angular/platform-browser-dynamic": "^19.2.17",
-    "@angular/router": "^18.2.5",
+    "@angular/router": "^19.2.17",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.5",
+    "@angular-devkit/build-angular": "^19.2.19",
-    "@angular/cli": "^18.2.5",
+    "@angular/cli": "^19.2.19",
-    "@angular/compiler-cli": "^18.2.5",
+    "@angular/compiler-cli": "^19.2.17",
-    "@angular/localize": "^18.2.5",
+    "@angular/localize": "^19.2.17",
     "@types/jasmine": "~5.1.0",
     "jasmine-core": "~5.1.0",
     "karma": "~6.4.0",

frontend/src/app/app.component.ts

@@ -5,16 +5,15 @@ import { HeaderComponent } from './components/header/header.component';
 import { FooterComponent } from './components/footer/footer.component';
 
 @Component({
-  selector: 'app-root',
+    selector: 'app-root',
-  standalone: true,
+    imports: [
-  imports: [
+        CommonModule,
-    CommonModule,
+        RouterOutlet,
-    RouterOutlet,
+        HeaderComponent,
-    HeaderComponent,
+        FooterComponent
-    FooterComponent
+    ],
-  ],
+    templateUrl: './app.component.html',
-  templateUrl: './app.component.html',
+    styleUrl: './app.component.scss'
-  styleUrl: './app.component.scss'
 })
 export class AppComponent {
   title = 'codiki-ng';

frontend/src/app/app.config.ts

@@ -1,4 +1,4 @@
-import { APP_INITIALIZER, ApplicationConfig } from '@angular/core';
+import { ApplicationConfig, inject, provideAppInitializer } from '@angular/core';
 import { provideRouter, withRouterConfig } from '@angular/router';
 
 import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
@@ -19,11 +19,9 @@ export const appConfig: ApplicationConfig = {
     provideAnimationsAsync(),
     provideHttpClient(withInterceptorsFromDi()),
     { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true },
-    {
+    provideAppInitializer(() => {
-      provide: APP_INITIALIZER,
+        const initializerFn = ((authenticationService: AuthenticationService) => () => authenticationService.startAuthenticationCheckingProcess())(inject(AuthenticationService));
-      useFactory: (authenticationService: AuthenticationService) => () => authenticationService.startAuthenticationCheckingProcess(),
+        return initializerFn();
-      deps: [AuthenticationService],
+      })
-      multi: true
-    }
   ]
 };

frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.ts

@@ -9,7 +9,6 @@ export interface ConfirmationDialogData {
 
 @Component({
     selector: 'app-confirmation-dialog',
-    standalone: true,
     templateUrl: './confirmation-dialog.component.html',
     styleUrl: './confirmation-dialog.component.scss',
     imports: [MatRippleModule]

frontend/src/app/components/footer/footer.component.ts

@@ -4,11 +4,10 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import { RouterModule } from '@angular/router';
 
 @Component({
-  selector: 'app-footer',
+    selector: 'app-footer',
-  standalone: true,
+    imports: [MatIconModule, MatTooltipModule, RouterModule],
-  imports: [MatIconModule, MatTooltipModule, RouterModule],
+    templateUrl: './footer.component.html',
-  templateUrl: './footer.component.html',
+    styleUrl: './footer.component.scss'
-  styleUrl: './footer.component.scss'
 })
 export class FooterComponent {
 

frontend/src/app/components/header/header.component.ts

@@ -12,22 +12,21 @@ import { PublicationsSearchBarComponent } from '../publications-search-bar/publi
 import { SideMenuComponent } from '../side-menu/side-menu.component';
 
 @Component({
-  selector: 'app-header',
+    selector: 'app-header',
-  standalone: true,
+    imports: [
-  imports: [
+        CommonModule,
-    CommonModule,
+        MatButtonModule,
-    MatButtonModule,
+        MatIconModule,
-    MatIconModule,
+        MatMenuModule,
-    MatMenuModule,
+        MatRippleModule,
-    MatRippleModule,
+        MatTooltipModule,
-    MatTooltipModule,
+        PublicationsSearchBarComponent,
-    PublicationsSearchBarComponent,
+        ReactiveFormsModule,
-    ReactiveFormsModule,
+        RouterModule,
-    RouterModule,
+        SideMenuComponent,
-    SideMenuComponent,
+    ],
-  ],
+    templateUrl: './header.component.html',
-  templateUrl: './header.component.html',
+    styleUrl: './header.component.scss'
-  styleUrl: './header.component.scss',
 })
 export class HeaderComponent {
   private authenticationService = inject(AuthenticationService);

frontend/src/app/components/publication-edition/code-block-dialog/code-block-dialog.component.ts

@@ -86,7 +86,6 @@ export const PROGRAMMING_LANGUAGES: ProgramingLanguage[] = [
 
 @Component({
     selector: 'app-code-block-dialog',
-    standalone: true,
     templateUrl: './code-block-dialog.component.html',
     styleUrl: './code-block-dialog.component.scss',
     imports: [

frontend/src/app/components/publication-edition/picture-selection-dialog/picture-selection-dialog.component.ts

@@ -10,15 +10,14 @@ import { MatTooltip } from "@angular/material/tooltip";
 
 @Component({
     selector: 'app-picture-selection',
-    standalone: true,
     templateUrl: './picture-selection-dialog.component.html',
     styleUrl: './picture-selection-dialog.component.scss',
     imports: [
-        MatIcon, 
+        MatIcon,
-        MatRippleModule, 
+        MatRippleModule,
-        MatProgressSpinnerModule, 
+        MatProgressSpinnerModule,
         MatTooltip
-    ],
+    ]
 })
 export class PictureSelectionDialog implements OnInit {
     private readonly pictureRestService = inject(PictureRestService);

frontend/src/app/components/publication-edition/publication-edition.component.ts

@@ -19,7 +19,6 @@ import { MatRippleModule } from "@angular/material/core";
 
 @Component({
     selector: 'app-publication-edition',
-    standalone: true,
     templateUrl: './publication-edition.component.html',
     styleUrl: './publication-edition.component.scss',
     imports: [

frontend/src/app/components/publication-list/publication-list.component.ts

@@ -7,7 +7,6 @@ import { MatTooltipModule } from "@angular/material/tooltip";
 
 @Component({
     selector: 'app-publication-list',
-    standalone: true,
     templateUrl: './publication-list.component.html',
     styleUrl: './publication-list.component.scss',
     imports: [CommonModule, RouterModule, MatTooltipModule]

frontend/src/app/components/publications-search-bar/publications-search-bar.component.ts

@@ -9,7 +9,6 @@ import { Router } from "@angular/router";
     selector: 'app-publications-search-bar',
     templateUrl: './publications-search-bar.component.html',
     styleUrl: './publications-search-bar.component.scss',
-    standalone: true,
     imports: [
         MatIconModule,
         MatRippleModule,

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

@@ -6,15 +6,14 @@ import { Observable } from "rxjs";
 import { RouterModule } from "@angular/router";
 
 @Component({
-	selector: 'app-categories-menu',
+    selector: 'app-categories-menu',
-  standalone: true,
+    templateUrl: './categories-menu.component.html',
-  templateUrl: './categories-menu.component.html',
+    imports: [
-  imports: [
+        CommonModule,
-    CommonModule,
+        RouterModule,
-    RouterModule,
+        MatIconModule
-    MatIconModule
+    ],
-  ],
+    styleUrl: './categories-menu.component.scss'
-  styleUrl: './categories-menu.component.scss'
 })
 export class CategoriesMenuComponent implements OnInit {
   private sideMenuService = inject(SideMenuService);

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

@@ -6,17 +6,16 @@ import { CategoriesMenuComponent } from './categories-menu/categories-menu.compo
 import { MatRippleModule } from '@angular/material/core';
 
 @Component({
-  selector: 'app-side-menu',
+    selector: 'app-side-menu',
-  standalone: true,
+    templateUrl: './side-menu.component.html',
-  templateUrl: './side-menu.component.html',
+    styleUrl: './side-menu.component.scss',
-  styleUrl: './side-menu.component.scss',
+    imports: [
-  imports: [
+        CategoriesMenuComponent,
-    CategoriesMenuComponent, 
+        MatIconModule,
-    MatIconModule,
+        MatRippleModule,
-    MatRippleModule, 
+        MatTooltipModule,
-    MatTooltipModule,
+        RouterModule
-    RouterModule
+    ]
-  ]
 })
 export class SideMenuComponent {
   isOpenned: boolean = false;

frontend/src/app/components/submit-button/submit-button.component.ts

@@ -5,7 +5,6 @@ import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
 
 @Component({
     selector: 'app-submit-button',
-    standalone: true,
     templateUrl: 'submit-button.component.html',
     styleUrl: 'submit-button.component.scss',
     imports: [

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

@@ -4,11 +4,10 @@ import { AuthenticationService } from '../../core/service/authentication.service
 import { Router } from '@angular/router';
 
 @Component({
-  selector: 'app-disconnection',
+    selector: 'app-disconnection',
-  standalone: true,
+    imports: [MatProgressSpinnerModule],
-  imports: [MatProgressSpinnerModule],
+    templateUrl: './disconnection.component.html',
-  templateUrl: './disconnection.component.html',
+    styleUrl: './disconnection.component.scss'
-  styleUrl: './disconnection.component.scss'
 })
 export class DisconnectionComponent implements OnInit {
   private authenticationService = inject(AuthenticationService);

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

@@ -7,16 +7,15 @@ import { HomeService } from './home.service';
 import { CommonModule } from '@angular/common';
 
 @Component({
-  selector: 'app-home',
+    selector: 'app-home',
-  standalone: true,
+    imports: [
-  imports: [
+        CommonModule,
-    CommonModule,
+        MatProgressSpinnerModule,
-    MatProgressSpinnerModule,
+        PublicationListComponent
-    PublicationListComponent
+    ],
-  ],
+    templateUrl: './home.component.html',
-  templateUrl: './home.component.html',
+    styleUrl: './home.component.scss',
-  styleUrl: './home.component.scss',
+    providers: [HomeService]
-  providers: [HomeService]
 })
 export class HomeComponent implements OnInit {
   private homeService = inject(HomeService);

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

@@ -9,18 +9,17 @@ import { SubmitButtonComponent } from "../../components/submit-button/submit-but
 import { MatRippleModule } from '@angular/material/core';
 
 @Component({
-  selector: 'app-login',
+    selector: 'app-login',
-  standalone: true,
+    templateUrl: './login.component.html',
-  templateUrl: './login.component.html',
+    styleUrl: './login.component.scss',
-  styleUrl: './login.component.scss',
+    imports: [
-  imports: [
+        MatIconModule,
-    MatIconModule, 
+        MatRippleModule,
-    MatRippleModule,
+        ReactiveFormsModule,
-    ReactiveFormsModule, 
+        RouterModule,
-    RouterModule,
+        SubmitButtonComponent
-    SubmitButtonComponent
+    ],
-  ],
+    providers: [LoginService, MatSnackBarModule]
-  providers: [LoginService, MatSnackBarModule]
 })
 export class LoginComponent implements OnInit, OnDestroy {
   private loginService = inject(LoginService);

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

@@ -12,7 +12,6 @@ import { MatRippleModule } from "@angular/material/core";
 
 @Component({
     selector: 'app-my-component',
-    standalone: true,
     templateUrl: './my-publications.component.html',
     styleUrl: './my-publications.component.scss',
     imports: [

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

@@ -11,7 +11,6 @@ import { CommonModule } from "@angular/common";
 
 @Component({
     selector: 'app-publication-creation',
-    standalone: true,
     templateUrl: './publication-creation.component.html',
     styleUrl: './publication-creation.component.scss',
     imports: [

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

@@ -17,23 +17,22 @@ import { PublicationRestService } from '../../core/rest-services/publications/pu
 import { PictureSelectionDialog } from '../../components/publication-edition/picture-selection-dialog/picture-selection-dialog.component';
 
 @Component({
-  selector: 'app-publication-update',
+    selector: 'app-publication-update',
-  standalone: true,
+    imports: [
-  imports: [
+        CommonModule,
-    CommonModule,
+        MatDialogModule,
-    MatDialogModule,
+        MatIconModule,
-    MatIconModule,
+        MatInputModule,
-    MatInputModule,
+        MatProgressSpinnerModule,
-    MatProgressSpinnerModule,
+        MatTabsModule,
-    MatTabsModule,
+        MatTooltipModule,
-    MatTooltipModule,
+        PictureSelectionDialog,
-    PictureSelectionDialog,
+        ReactiveFormsModule,
-    ReactiveFormsModule,
+        SubmitButtonComponent,
-    SubmitButtonComponent,
+        PublicationEditionComponent
-    PublicationEditionComponent
+    ],
-  ],
+    templateUrl: './publication-update.component.html',
-  templateUrl: './publication-update.component.html',
+    styleUrl: './publication-update.component.scss'
-  styleUrl: './publication-update.component.scss',
 })
 export class PublicationUpdateComponent implements OnInit, OnDestroy {
   private readonly publicationRestService = inject(PublicationRestService);

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

@@ -16,18 +16,17 @@ import { AuthenticationService } from '../../core/service/authentication.service
 declare let Prism: any;
 
 @Component({
-  selector: 'app-publication',
+    selector: 'app-publication',
-  standalone: true,
+    templateUrl: './publication.component.html',
-  templateUrl: './publication.component.html',
+    styleUrl: './publication.component.scss',
-  styleUrl: './publication.component.scss',
+    imports: [
-  imports: [
+        CommonModule,
-    CommonModule,
+        MatIcon,
-    MatIcon,
+        MatRippleModule,
-    MatRippleModule,
+        MatProgressSpinner,
-    MatProgressSpinner,
+        MatTooltipModule,
-    MatTooltipModule,
+        RouterModule
-    RouterModule
+    ]
-  ]
 })
 export class PublicationComponent implements OnInit, OnDestroy {
   private readonly activatedRoute = inject(ActivatedRoute);

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

@@ -11,7 +11,6 @@ import { SearchPublicationsService } from "./search-publications.service";
     selector: 'app-search-publications',
     templateUrl: './search-publications.component.html',
     styleUrl: './search-publications.component.scss',
-    standalone: true,
     imports: [CommonModule, MatProgressSpinner, PublicationListComponent],
     providers: [SearchPublicationsService]
 })

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

@@ -10,18 +10,17 @@ import { SubmitButtonComponent } from "../../components/submit-button/submit-but
 import { MatRippleModule } from '@angular/material/core';
 
 @Component({
-  selector: 'app-signin',
+    selector: 'app-signin',
-  standalone: true,
+    templateUrl: './signin.component.html',
-  templateUrl: './signin.component.html',
+    styleUrl: './signin.component.scss',
-  styleUrl: './signin.component.scss',
+    imports: [
-  imports: [
+        MatIconModule,
-    MatIconModule, 
+        MatRippleModule,
-    MatRippleModule,
+        ReactiveFormsModule,
-    ReactiveFormsModule, 
+        RouterModule,
-    RouterModule, 
+        SubmitButtonComponent
-    SubmitButtonComponent
+    ],
-  ],
+    providers: [SigninService, LoginService]
-  providers: [SigninService, LoginService]
 })
 export class SigninComponent implements OnInit, OnDestroy {
   private signinService = inject(SigninService);