Communication: Remove context duplication while editing answers (ls…

…1intum#5611)
maximiliansoelch · Aug 22, 2022 · a8ea90a · a8ea90a
1 parent de872c1
commit a8ea90a
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/src/main/webapp/app/shared/metis/answer-post/answer-post.component.html b/src/main/webapp/app/shared/metis/answer-post/answer-post.component.html
@@ -1,6 +1,6 @@
 <div class="row m-1 answer-post">
     <jhi-answer-post-header [posting]="posting" (openPostingCreateEditModal)="createAnswerPostModal.open()"></jhi-answer-post-header>
-    <jhi-posting-content [content]="posting.content"></jhi-posting-content>
+    <jhi-posting-content *ngIf="!createAnswerPostModal.isInputOpen" [content]="posting.content"></jhi-posting-content>
     <ng-container #createEditAnswerPostContainer></ng-container>
     <jhi-answer-post-footer [posting]="posting" [isLastAnswer]="isLastAnswer" (openPostingCreateEditModal)="openPostingCreateEditModal.emit()"></jhi-answer-post-footer>
 </div>

diff --git a/...reate-edit-modal/answer-post-create-edit-modal/answer-post-create-edit-modal.component.ts b/...reate-edit-modal/answer-post-create-edit-modal/answer-post-create-edit-modal.component.ts
@@ -16,6 +16,7 @@ import { PostContentValidationPattern } from 'app/shared/metis/metis.util';
 export class AnswerPostCreateEditModalComponent extends PostingCreateEditModalDirective<AnswerPost> {
     @Input() createEditAnswerPostContainerRef: ViewContainerRef;
     editorHeight = MarkdownEditorHeight.INLINE;
+    isInputOpen = false;
 
     constructor(protected metisService: MetisService, protected modalService: NgbModal, protected formBuilder: FormBuilder) {
         super(metisService, modalService, formBuilder);
@@ -27,6 +28,7 @@ export class AnswerPostCreateEditModalComponent extends PostingCreateEditModalDi
     open(): void {
         this.close();
         this.createEditAnswerPostContainerRef.createEmbeddedView(this.postingEditor);
+        this.isInputOpen = true;
     }
 
     /**
@@ -35,6 +37,7 @@ export class AnswerPostCreateEditModalComponent extends PostingCreateEditModalDi
     close(): void {
         this.createEditAnswerPostContainerRef.clear();
         this.resetFormGroup();
+        this.isInputOpen = false;
     }
 
     /**
@@ -75,6 +78,7 @@ export class AnswerPostCreateEditModalComponent extends PostingCreateEditModalDi
         this.metisService.updateAnswerPost(this.posting).subscribe({
             next: () => {
                 this.isLoading = false;
+                this.isInputOpen = false;
                 this.createEditAnswerPostContainerRef?.clear();
             },
             error: () => {

diff --git a/...bapp/app/shared/metis/posting-header/answer-post-header/answer-post-header.component.html b/...bapp/app/shared/metis/posting-header/answer-post-header/answer-post-header.component.html
@@ -8,7 +8,7 @@
                 {{ posting.author!.name }}
             </span>
             <span class="today-flag" *ngIf="postingIsOfToday">{{ todayFlag | artemisTranslate }}</span>
-            <span [disableTooltip]="postingIsOfToday" [ngbTooltip]="posting.creationDate | artemisDate: 'time'">
+            <span container="body" [disableTooltip]="postingIsOfToday" [ngbTooltip]="posting.creationDate | artemisDate: 'time'">
                 {{ postingIsOfToday ? (posting.creationDate | artemisDate: 'time') : (posting.creationDate | artemisDate: 'short-date') }}
             </span>
         </span>

diff --git a/src/main/webapp/app/shared/metis/posting-header/post-header/post-header.component.html b/src/main/webapp/app/shared/metis/posting-header/post-header/post-header.component.html
@@ -8,7 +8,7 @@
                 {{ posting.author!.name }}
             </span>
             <span class="today-flag" *ngIf="postingIsOfToday">{{ todayFlag | artemisTranslate }}</span>
-            <span [disableTooltip]="postingIsOfToday" ngbTooltip="{{ posting.creationDate | artemisDate: 'time' }}">
+            <span container="body" [disableTooltip]="postingIsOfToday" ngbTooltip="{{ posting.creationDate | artemisDate: 'time' }}">
                 {{ postingIsOfToday ? (posting.creationDate | artemisDate: 'time') : (posting.creationDate | artemisDate: 'short-date') }}
             </span>
         </span>