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 @@ -
{{'ANNOTATION-DIALOG.TITLE' | translate}}
+
+
+
+ {{'ANNOTATION-DIALOG.TITLE' | translate}} + {{ annotationsCount }} +
+
+
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();