alfresco-ng2-components/docs/core/components/comment-list.component.md
Diogo Bastos 0ab39e28fd
[AAE-12179] Remove process-services and content-services dependencies… (#8161)
* [AAE-12179] Remove process-services and content-services dependencies from core comment-list component

* [AAE-12179] Remove comment-list injection token

* [AAE-12179] remove token injection in task module and node module
2023-01-31 15:21:01 +00:00

1.8 KiB

Title, Added, Status, Last reviewed
Title Added Status Last reviewed
Comment list component v2.0.0 Active 2023-01-10

Comment list component

Shows a list of comments.

ADF Comment List

Basic Usage

Populate the comments in the component class:

import { CommentModel } from '@alfresco/adf-core';

export class SomeComponent implements OnInit {

  comments: CommentModel[] = [
    {
      id: 1,
      message: 'Comment number 1',
      created: new Date(),
      createdBy: {
        id: 1,
        email: 'john.doe@alfresco.com',
        firstName: 'John',
        lastName: 'Doe'
      },
    },
    {
      id: 2,
      message: 'Comment number 2',
      created: new Date(),
      createdBy: {
        id: 2,
        email: 'jane.doe@alfresco.com',
        firstName: 'Jane',
        lastName: 'Doe'
      },
    }
  ];

  onClickCommentRow(comment: CommentModel) {
    console.log('Clicked row: ', comment);
  }

In the component template use the comment list component:

<adf-comment-list
    [comments]="comments"
    (clickRow)="onClickCommentRow($event)">
</adf-comment-list>

Class members

Properties

Name Type Default value Description
comments CommentModel[] The comments data used to populate the list.

Events

Name Type Description
clickRow EventEmitter<CommentModel> Emitted when the user clicks on one of the comment rows.