From 508ae034686e44637a836f04af469e55d09120d7 Mon Sep 17 00:00:00 2001
From: "CITE\\spapacharalampous" <Sofia Papacharalampous>
Date: Tue, 16 Jul 2024 13:43:58 +0300
Subject: [PATCH] clear comment text on submit

---
 .../annotation-dialog.component.html               | 14 ++++++++++++--
 .../annotation-dialog.component.ts                 | 14 ++++++++++++--
 .../text-area-with-mentions.component.ts           | 12 ++++++++++++
 3 files changed, 36 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.html b/frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.html
index f42c9324a..711bcce68 100644
--- a/frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.html
+++ b/frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.html
@@ -27,7 +27,12 @@
 			<form [formGroup]="threadFormGroup">
 				<div class="row mt-2 mb-3">
 					<div class="col-12">
-						<text-area-with-mentions [form]="threadFormGroup.get('text')" [planUsers]="planUsers"></text-area-with-mentions>
+						<text-area-with-mentions 
+							[form]="threadFormGroup.get('text')" 
+							[planUsers]="planUsers"
+							[clearCommentObservable]="clearCommentSubject.asObservable()"
+							[threadId]="ROOT_COMMENT"
+						></text-area-with-mentions>
 					</div>
 					<div class="col-6">
 						<mat-button-toggle-group appearance="standard" name="fontStyle" hideSingleSelectionIndicator="true" [formControl]="threadFormGroup.get('protectionType')" aria-label="Font Style" required>
@@ -149,7 +154,12 @@
 														<div class="col-12 mt-2">
 															<div class="row new-reply mr-0">
 																<div class="col">
-																	<text-area-with-mentions [form]="this.threadReplyTextsFG[thread.toString()].get('replyText')" [planUsers]="planUsers"></text-area-with-mentions>
+																	<text-area-with-mentions 
+																		[form]="this.threadReplyTextsFG[thread.toString()].get('replyText')" 
+																		[planUsers]="planUsers"
+																		[clearCommentObservable]="clearCommentSubject.asObservable()"
+																		[threadId]="thread"
+																	></text-area-with-mentions>
 																</div>			
 																<div class="col-auto p-0 send-msg">
 																	<button mat-icon-button (click)="replyThread(thread)" matTooltip="{{'ANNOTATION-DIALOG.THREADS.REPLY' | translate}}">
diff --git a/frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.ts b/frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.ts
index e8f8d4971..9cff4b2c7 100644
--- a/frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.ts
+++ b/frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.ts
@@ -26,6 +26,7 @@ import { ConfigurationService } from '@app/core/services/configuration/configura
 import { MatSelectionList } from '@angular/material/list';
 import { PlanUser } from '@app/core/model/plan/plan';
 import { DomSanitizer } from '@angular/platform-browser';
+import { Subject } from 'rxjs';
 
 interface AnnotationPayloadItem {
 	isMention: boolean;
@@ -68,6 +69,9 @@ export class AnnotationDialogComponent extends BaseComponent {
 
 	@ViewChild('annotationStatus') annotationStatus: MatSelectionList;
 
+	clearCommentSubject: Subject<any> = new Subject<any>();
+	ROOT_COMMENT: string = 'root';
+
 	constructor(
 		public dialogRef: MatDialogRef<AnnotationDialogComponent>,
 		@Inject(MAT_DIALOG_DATA) public data: any,
@@ -119,7 +123,10 @@ export class AnnotationDialogComponent extends BaseComponent {
 		};
 		this.annotationService.persist(threadToCreate).pipe(takeUntil(this._destroyed))
 			.subscribe(
-				complete => this.onCallbackSuccess(),
+				complete => {
+					this.clearCommentSubject.next(this.ROOT_COMMENT);
+					this.onCallbackSuccess();
+				},
 				error => this.onCallbackError(error)
 			);
 	}
@@ -141,7 +148,10 @@ export class AnnotationDialogComponent extends BaseComponent {
 		};
 		this.annotationService.persist(replyToCreate).pipe(takeUntil(this._destroyed))
 			.subscribe(
-				complete => this.onCallbackSuccess(),
+				complete => {
+					this.clearCommentSubject.next(threadId);
+					this.onCallbackSuccess()
+				},
 				error => this.onCallbackError(error)
 			);
 	}
diff --git a/frontend/src/app/ui/annotations/components/text-area-with-mentions.component.ts b/frontend/src/app/ui/annotations/components/text-area-with-mentions.component.ts
index 458b185f5..353f55c54 100644
--- a/frontend/src/app/ui/annotations/components/text-area-with-mentions.component.ts
+++ b/frontend/src/app/ui/annotations/components/text-area-with-mentions.component.ts
@@ -15,6 +15,8 @@ export class TextAreaWithMentionsComponent implements OnInit, OnDestroy {
 
   @Input() form!: FormControl;
   @Input() planUsers: PlanUser[];
+  @Input() clearCommentObservable: Observable<any>;
+  @Input() threadId: string;
 
   internalFormSubscription: Subscription;
   clearInputSubscription: Subscription;
@@ -42,6 +44,16 @@ export class TextAreaWithMentionsComponent implements OnInit, OnDestroy {
     this.internalFormSubscription = this.internalForm.valueChanges.subscribe(value => {
       this.form.setValue(this._formatTextWithSelections(value, this.mentions));
     });
+
+    if (this.clearCommentObservable) {
+      this.clearCommentObservable.subscribe(threadIdToClear => {
+        if (threadIdToClear == this.threadId) {
+          this.internalForm.reset();
+          this.internalForm.markAsPristine();
+          this.mentions = [];
+        }
+      });
+    }
   }
   
   ngOnDestroy(): void {