From 80f94d852df798c18916a4fa2c60f6ef79d79951 Mon Sep 17 00:00:00 2001
From: reiterl <ludwig.reiter@intevation.de>
Date: Tue, 9 Apr 2024 15:11:18 +0200
Subject: [PATCH] Add moderator notes to topic detail (#3457)

---
 .../components/moderation-note/moderation-note.component.ts  | 5 +++++
 .../site/pages/meetings/pages/agenda/agenda.subscription.ts  | 2 +-
 .../components/topic-detail/topic-detail.component.html      | 2 ++
 .../modules/topics/pages/topic-detail/topic-detail.module.ts | 4 +++-
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/client/src/app/site/pages/meetings/modules/list-of-speakers-content/components/moderation-note/moderation-note.component.ts b/client/src/app/site/pages/meetings/modules/list-of-speakers-content/components/moderation-note/moderation-note.component.ts
index 95ae173e89..18606f4642 100644
--- a/client/src/app/site/pages/meetings/modules/list-of-speakers-content/components/moderation-note/moderation-note.component.ts
+++ b/client/src/app/site/pages/meetings/modules/list-of-speakers-content/components/moderation-note/moderation-note.component.ts
@@ -44,6 +44,11 @@ export class ModerationNoteComponent extends BaseMeetingComponent implements OnI
         }
     }
 
+    @Input()
+    public set contentObject(contentObject: BaseViewModel) {
+        this._contentObject = contentObject;
+    }
+
     public get moderatorNotes(): Observable<string> {
         return this.agendaItemRepo
             .getViewModelObservable(this._contentObject?.getModel().agenda_item_id)
diff --git a/client/src/app/site/pages/meetings/pages/agenda/agenda.subscription.ts b/client/src/app/site/pages/meetings/pages/agenda/agenda.subscription.ts
index a0acb3a2e4..eee2d73986 100644
--- a/client/src/app/site/pages/meetings/pages/agenda/agenda.subscription.ts
+++ b/client/src/app/site/pages/meetings/pages/agenda/agenda.subscription.ts
@@ -109,7 +109,7 @@ export const getTopicDetailSubscriptionConfig: SubscriptionConfigGenerator = (..
                 idField: `list_of_speakers_id`,
                 ...listOfSpeakersSpeakerCountSubscription
             },
-            { idField: `agenda_item_id`, fieldset: [`item_number`, `content_object_id`] }
+            { idField: `agenda_item_id`, fieldset: [`item_number`, `content_object_id`, `moderator_notes`] }
         ]
     },
     subscriptionName: TOPIC_ITEM_SUBSCRIPTION
diff --git a/client/src/app/site/pages/meetings/pages/agenda/modules/topics/pages/topic-detail/components/topic-detail/topic-detail.component.html b/client/src/app/site/pages/meetings/pages/agenda/modules/topics/pages/topic-detail/components/topic-detail/topic-detail.component.html
index 8bff38b38d..b4868893e9 100644
--- a/client/src/app/site/pages/meetings/pages/agenda/modules/topics/pages/topic-detail/components/topic-detail/topic-detail.component.html
+++ b/client/src/app/site/pages/meetings/pages/agenda/modules/topics/pages/topic-detail/components/topic-detail/topic-detail.component.html
@@ -33,6 +33,7 @@ <h2>
             </button>
         </div>
     </os-head-bar>
+
     <mat-card *ngIf="(topic || editTopic) && (hasLoaded | async)" class="spacer-bottom-60 os-card">
         <mat-card-content>
             <ng-container *ngIf="!editTopic && topic">
@@ -104,6 +105,7 @@ <h4>{{ 'Text' | translate }}</h4>
         </mat-card-content>
     </mat-card>
 
+    <os-moderation-note [contentObject]="topic" *ngIf="!editTopic"></os-moderation-note>
     <div *ngIf="!editTopic" class="spacer-bottom-60">
         <ng-container *ngIf="topic && topic.poll_ids?.length">
             <ng-container *ngFor="let poll of topic.poll_ids | reverse; trackBy: trackById">
diff --git a/client/src/app/site/pages/meetings/pages/agenda/modules/topics/pages/topic-detail/topic-detail.module.ts b/client/src/app/site/pages/meetings/pages/agenda/modules/topics/pages/topic-detail/topic-detail.module.ts
index 0b024867a8..b19988c890 100644
--- a/client/src/app/site/pages/meetings/pages/agenda/modules/topics/pages/topic-detail/topic-detail.module.ts
+++ b/client/src/app/site/pages/meetings/pages/agenda/modules/topics/pages/topic-detail/topic-detail.module.ts
@@ -10,6 +10,7 @@ import { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-m
 import { MatSelectModule } from '@angular/material/select';
 import { RouterModule } from '@angular/router';
 import { OpenSlidesTranslationModule } from 'src/app/site/modules/translations';
+import { ListOfSpeakersContentModule } from 'src/app/site/pages/meetings/modules/list-of-speakers-content/list-of-speakers-content.module';
 import { MeetingsComponentCollectorModule } from 'src/app/site/pages/meetings/modules/meetings-component-collector';
 import { AttachmentControlModule } from 'src/app/site/pages/meetings/modules/meetings-component-collector/attachment-control';
 import { DirectivesModule } from 'src/app/ui/directives';
@@ -47,7 +48,8 @@ import { TopicDetailRoutingModule } from './topic-detail-routing.module';
         MatListModule,
         MatFormFieldModule,
         TopicPollModule,
-        RouterModule
+        RouterModule,
+        ListOfSpeakersContentModule
     ]
 })
 export class TopicDetailModule {}