Update dependencies - spring boot 4 and angular 21 (#10)

Co-authored-by: Florian THIERRY
Reviewed-on: #10

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',
-  standalone: true,
-  imports: [MatProgressSpinnerModule],
-  templateUrl: './disconnection.component.html',
-  styleUrl: './disconnection.component.scss'
+    selector: 'app-disconnection',
+    imports: [MatProgressSpinnerModule],
+    templateUrl: './disconnection.component.html',
+    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',
-  standalone: true,
-  imports: [
-    CommonModule,
-    MatProgressSpinnerModule,
-    PublicationListComponent
-  ],
-  templateUrl: './home.component.html',
-  styleUrl: './home.component.scss',
-  providers: [HomeService]
+    selector: 'app-home',
+    imports: [
+        CommonModule,
+        MatProgressSpinnerModule,
+        PublicationListComponent
+    ],
+    templateUrl: './home.component.html',
+    styleUrl: './home.component.scss',
+    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',
-  standalone: true,
-  templateUrl: './login.component.html',
-  styleUrl: './login.component.scss',
-  imports: [
-    MatIconModule, 
-    MatRippleModule,
-    ReactiveFormsModule, 
-    RouterModule,
-    SubmitButtonComponent
-  ],
-  providers: [LoginService, MatSnackBarModule]
+    selector: 'app-login',
+    templateUrl: './login.component.html',
+    styleUrl: './login.component.scss',
+    imports: [
+        MatIconModule,
+        MatRippleModule,
+        ReactiveFormsModule,
+        RouterModule,
+        SubmitButtonComponent
+    ],
+    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

@@ -7,17 +7,15 @@ import { BehaviorSubject, Observable, Subscription } from "rxjs";
 import { Publication } from "../../core/rest-services/publications/model/publication";
 import { AuthenticationService } from "../../core/service/authentication.service";
 import { Author } from "../../core/rest-services/publications/model/author";
-import { CommonModule } from "@angular/common";
+
 
 @Component({
     selector: 'app-publication-creation',
-    standalone: true,
     templateUrl: './publication-creation.component.html',
     styleUrl: './publication-creation.component.scss',
     imports: [
-        CommonModule,
-        PublicationEditionComponent
-    ]
+    PublicationEditionComponent
+]
 })
 export class PublicationCreationComponent implements OnInit {
     private readonly authenticationService = inject(AuthenticationService);

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

@@ -11,29 +11,24 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import { ActivatedRoute, Router } from '@angular/router';
 import { BehaviorSubject, Observable, Subscription } from 'rxjs';
 import { PublicationEditionComponent } from '../../components/publication-edition/publication-edition.component';
-import { SubmitButtonComponent } from '../../components/submit-button/submit-button.component';
 import { Publication } from '../../core/rest-services/publications/model/publication';
 import { PublicationRestService } from '../../core/rest-services/publications/publication.rest-service';
-import { PictureSelectionDialog } from '../../components/publication-edition/picture-selection-dialog/picture-selection-dialog.component';
 
 @Component({
-  selector: 'app-publication-update',
-  standalone: true,
-  imports: [
-    CommonModule,
-    MatDialogModule,
-    MatIconModule,
-    MatInputModule,
-    MatProgressSpinnerModule,
-    MatTabsModule,
-    MatTooltipModule,
-    PictureSelectionDialog,
-    ReactiveFormsModule,
-    SubmitButtonComponent,
-    PublicationEditionComponent
-  ],
-  templateUrl: './publication-update.component.html',
-  styleUrl: './publication-update.component.scss',
+    selector: 'app-publication-update',
+    imports: [
+        CommonModule,
+        MatDialogModule,
+        MatIconModule,
+        MatInputModule,
+        MatProgressSpinnerModule,
+        MatTabsModule,
+        MatTooltipModule,
+        ReactiveFormsModule,
+        PublicationEditionComponent
+    ],
+    templateUrl: './publication-update.component.html',
+    styleUrl: './publication-update.component.scss'
 })
 export class PublicationUpdateComponent implements OnInit, OnDestroy {
   private readonly publicationRestService = inject(PublicationRestService);
@@ -56,7 +51,7 @@ export class PublicationUpdateComponent implements OnInit, OnDestroy {
 
   ngOnInit(): void {
     this.isLoadingSubject.next(true);
-    this.activatedRoute.paramMap.subscribe(params => {
+    const activatedRouteSubscription = this.activatedRoute.paramMap.subscribe(params => {
         const publicationId = params.get('publicationId');
         if (publicationId == undefined) {
             this.snackBar.open($localize`A technical error occurred while loading publication data.`, $localize`Close`, { duration: 5000 });
@@ -74,6 +69,7 @@ export class PublicationUpdateComponent implements OnInit, OnDestroy {
             .finally(() => this.isLoadingSubject.next(false));
         }
       });
+    this.subscriptions.push(activatedRouteSubscription);
   }
 
   ngOnDestroy(): void {
@@ -94,4 +90,4 @@ export class PublicationUpdateComponent implements OnInit, OnDestroy {
         })
         .finally(() => this.isSavingSubject.next(false));
   }
-}
+}

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',
-  standalone: true,
-  templateUrl: './publication.component.html',
-  styleUrl: './publication.component.scss',
-  imports: [
-    CommonModule,
-    MatIcon,
-    MatRippleModule,
-    MatProgressSpinner,
-    MatTooltipModule,
-    RouterModule
-  ]
+    selector: 'app-publication',
+    templateUrl: './publication.component.html',
+    styleUrl: './publication.component.scss',
+    imports: [
+        CommonModule,
+        MatIcon,
+        MatRippleModule,
+        MatProgressSpinner,
+        MatTooltipModule,
+        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',
-  standalone: true,
-  templateUrl: './signin.component.html',
-  styleUrl: './signin.component.scss',
-  imports: [
-    MatIconModule, 
-    MatRippleModule,
-    ReactiveFormsModule, 
-    RouterModule, 
-    SubmitButtonComponent
-  ],
-  providers: [SigninService, LoginService]
+    selector: 'app-signin',
+    templateUrl: './signin.component.html',
+    styleUrl: './signin.component.scss',
+    imports: [
+        MatIconModule,
+        MatRippleModule,
+        ReactiveFormsModule,
+        RouterModule,
+        SubmitButtonComponent
+    ],
+    providers: [SigninService, LoginService]
 })
 export class SigninComponent implements OnInit, OnDestroy {
   private signinService = inject(SigninService);