diff --git a/dmp-frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.html b/dmp-frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.html
index 74ff94aa8..dc6c4d8af 100644
--- a/dmp-frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.html
+++ b/dmp-frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.html
@@ -45,7 +45,14 @@
-
0">{{'ANNOTATION-DIALOG.TITLE' | translate}}
+ 0">
+
+
+ {{'ANNOTATION-DIALOG.TITLE' | translate}}
+
+
+
+
diff --git a/dmp-frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.scss b/dmp-frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.scss
index d889ce43d..7b6aa9a15 100644
--- a/dmp-frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.scss
@@ -69,6 +69,18 @@ $mat-card-header-size: 40px !default;
color: #f16868;
}
+.comments-count {
+ border-radius: 50%;
+ background-color: #129D99;
+ color: #FFFFFF;
+ margin-left: 0.5em;
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ padding: 7px;
+ text-align: center;
+}
+
.profile-picture {
height: $mat-card-header-size;
width: $mat-card-header-size;
diff --git a/dmp-frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.ts b/dmp-frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.ts
index 6b180e818..7025fcb82 100644
--- a/dmp-frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.ts
+++ b/dmp-frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.ts
@@ -34,6 +34,7 @@ export class AnnotationDialogComponent extends BaseComponent {
public comments = new Array
();
public threads = new Set();
+ public annotationsCount: number = 0;
public annotationsPerThread = {};
public showRepliesPerThread = {};
public replyEnabledPerThread = {};
@@ -143,7 +144,7 @@ export class AnnotationDialogComponent extends BaseComponent {
.pipe(takeUntil(this._destroyed))
.subscribe(
data => {
- console.log(data);
+ this.annotationsCount = data.count;
this.annotationsPerThread = {};
this.parentAnnotationsPerThread = {};
this.threads = new Set();