Code cleaning about publication edition component.

2024-09-06 10:20:05 +02:00
parent 5804d8cc9f
commit 00945de270
14 changed files with 5 additions and 5 deletions
--- a/frontend/src/app/pages/publication-update/publication-update.component.ts
+++ b/frontend/src/app/pages/publication-update/publication-update.component.ts
@@ -0,0 +1,97 @@
+import { CommonModule, Location } from '@angular/common';
+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';
+import { MatInputModule } from '@angular/material/input';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatTabsModule } from '@angular/material/tabs';
+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',
+})
+export class PublicationUpdateComponent implements OnInit, OnDestroy {
+  private readonly publicationRestService = inject(PublicationRestService);
+  private readonly activatedRoute = inject(ActivatedRoute);
+  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[] = [];
+  publication: Publication | undefined;
+
+  get isLoading$(): Observable<boolean> {
+    return this.isLoadingSubject.asObservable();
+  }
+
+  get isSaving$(): Observable<boolean> {
+    return this.isSavingSubject.asObservable();
+  }
+
+  ngOnInit(): void {
+    this.isLoadingSubject.next(true);
+    this.activatedRoute.paramMap.subscribe(params => {
+        const publicationId = params.get('publicationId');
+        if (publicationId == undefined) {
+            this.snackBar.open('A technical error occurred while loading publication data.', 'Close', { duration: 5000 });
+            this.location.back();
+        } else {
+            this.publicationRestService.getById(publicationId)
+            .then(publication => {
+              this.publication = publication;
+            })
+            .catch(error => {
+                const errorMessage = 'A technical error occurred while loading publication data.';
+                this.snackBar.open(errorMessage, 'Close', { duration: 5000 });
+                console.error(errorMessage, error)
+            })
+            .finally(() => this.isLoadingSubject.next(false));
+        }
+      });
+  }
+
+  ngOnDestroy(): void {
+    this.subscriptions.forEach(subscription => subscription?.unsubscribe());
+  }
+
+  onPublicationSave(publication: Publication): void {
+    this.isSavingSubject.next(true);
+    this.publicationRestService.update(publication)
+        .then(() => {
+            this.snackBar.open('Publication updated succesfully!', 'Close', { duration: 5000 });
+            this.router.navigate(['/home']);
+        })
+        .catch(error => {
+            const errorMessage = 'An error occured while saving publication modifications.';
+            console.error(errorMessage, error);
+            this.snackBar.open(errorMessage, 'Close', { duration: 5000 });
+        })
+        .finally(() => this.isSavingSubject.next(false));
+  }
+}