Add default picture and factorization of title in publication edition.

2024-09-10 09:40:45 +02:00
parent 00945de270
commit 1cc4abc24e
10 changed files with 102 additions and 3 deletions
--- a/frontend/src/app/pages/publication-creation/publication-creation.component.ts
+++ b/frontend/src/app/pages/publication-creation/publication-creation.component.ts
@@ -0,0 +1,76 @@
+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";
+import { MatSnackBar } from "@angular/material/snack-bar";
+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
+    ]
+})
+export class PublicationCreationComponent implements OnInit {
+    private readonly authenticationService = inject(AuthenticationService);
+    private readonly publicationRestService = inject(PublicationRestService);
+    private readonly router = inject(Router);
+    private readonly snackBar = inject(MatSnackBar);
+    private isSavingSubject = new BehaviorSubject<boolean>(false);
+    private subscriptions: Subscription[] = [];
+    publication!: Publication;
+
+    get isSaving$(): Observable<boolean> {
+        return this.isSavingSubject.asObservable();
+    }
+
+    ngOnInit(): void {
+        const authenticatedUser = this.authenticationService.getAuthenticatedUser();
+        if (authenticatedUser) {
+            const author: Author = {
+                id: authenticatedUser.id,
+                name: authenticatedUser.pseudo,
+                image: authenticatedUser.photoId ?? ''
+            };
+            this.publication = {
+                id: '',
+                key: '',
+                title: '',
+                text: '',
+                parsedText: '',
+                description: '',
+                creationDate: new Date(),
+                illustrationId: '',
+                categoryId: '',
+                author
+            };
+        }
+    }
+
+    ngOnDestroy(): void {
+        this.subscriptions.forEach(subscription => subscription?.unsubscribe());
+    }
+
+    onPublicationSave(publication: Publication): void {
+        this.isSavingSubject.next(true);
+        this.publicationRestService.create(publication)
+            .then(() => {
+                this.snackBar.open('Publication created succesfully!', 'Close', { duration: 5000 });
+                this.router.navigate(['/my-publications']);
+            })
+            .catch(error => {
+                const errorMessage = 'An error occured while saving new publication.';
+                console.error(errorMessage, error);
+                this.snackBar.open(errorMessage, 'Close', { duration: 5000 });
+            })
+            .finally(() => this.isSavingSubject.next(false));
+    }
+}