From c09c68e1ac58b7d017a017d8f203d6c17cb6f2aa Mon Sep 17 00:00:00 2001
From: Florian THIERRY <florian.thierry@protonmail.com>
Date: Fri, 30 Aug 2024 18:13:43 +0200
Subject: [PATCH] Implementation of picture addition button in editor.

---
 .../publication-edition.component.html        |  2 +-
 .../publication-edition.component.ts          |  4 +++
 .../publication-edition.service.ts            | 26 +++++++++++++++++++
 3 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/pages/publication-edition/publication-edition.component.html b/frontend/src/app/pages/publication-edition/publication-edition.component.html
index f0ed70e..1bb6181 100644
--- a/frontend/src/app/pages/publication-edition/publication-edition.component.html
+++ b/frontend/src/app/pages/publication-edition/publication-edition.component.html
@@ -38,7 +38,7 @@
                             <button type="button" matTooltip="Click to insert a title 1 section" (click)="insertTitle(3)">
                                 H3
                             </button>
-                            <button type="button" disabled matTooltip="Click to insert a picture">
+                            <button type="button" matTooltip="Click to insert a picture" (click)="selectAPicture()">
                                 <mat-icon>image</mat-icon>
                             </button>
                             <button type="button" matTooltip="Click to insert a link" (click)="insertLink()">
diff --git a/frontend/src/app/pages/publication-edition/publication-edition.component.ts b/frontend/src/app/pages/publication-edition/publication-edition.component.ts
index 9e89618..9412275 100644
--- a/frontend/src/app/pages/publication-edition/publication-edition.component.ts
+++ b/frontend/src/app/pages/publication-edition/publication-edition.component.ts
@@ -104,6 +104,10 @@ export class PublicationEditionComponent implements OnInit, OnDestroy {
     this.publicationEditionService.insertTitle(titleNumber);
   }
 
+  selectAPicture(): void {
+    this.publicationEditionService.selectAPicture();
+  }
+
   insertLink(): void {
     this.publicationEditionService.insertLink();
   }
diff --git a/frontend/src/app/pages/publication-edition/publication-edition.service.ts b/frontend/src/app/pages/publication-edition/publication-edition.service.ts
index f1e24a5..c04eb05 100644
--- a/frontend/src/app/pages/publication-edition/publication-edition.service.ts
+++ b/frontend/src/app/pages/publication-edition/publication-edition.service.ts
@@ -177,6 +177,32 @@ export class PublicationEditionService implements OnDestroy {
         }
     }
 
+    selectAPicture(): void {
+        const dialogRef = this.dialog.open(PictureSelectionDialog);
+
+        const afterDialogCloseSubscription = dialogRef.afterClosed()
+            .subscribe(newPictureId => {
+                if (newPictureId) {
+                    this.insertPicture(newPictureId);
+                }
+            });
+        this.subscriptions.push(afterDialogCloseSubscription);
+    }
+
+    insertPicture(pictureId: string): void {
+        const state = this._state;
+
+        const publication = state.publication;
+
+        const publicationTextLeftPart = publication.text.substring(0, state.cursorPosition.start);
+        const publicationTextRightPart = publication.text.substring(state.cursorPosition.start);
+        const textWithTags = `${publicationTextLeftPart}[img src="/api/pictures/${pictureId}" /]${publicationTextRightPart}`;
+
+        publication.text = textWithTags;
+
+        this._save(state);
+    }
+
     insertLink(): void {
         const state = this._state;