people.component.md

Title	Added	Status	Last reviewed
People Component	v2.0.0	Active	2018-11-19

People Component

Displays users involved with a specified task

Contents

• Basic Usage
• Class members
  • Properties
• Details
  • How to customize the people component behavior
  • Involve People single click and close search
  • Involve People single click without close search
  • Involve People double click and close search
  • Involve People double double without close search

Basic Usage

<adf-people 
    [people]="YOUR_INVOLVED_PEOPLE_LIST" 
    [taskId]="YOUR_TASK_ID"
    [readOnly]="YOUR_READ_ONLY_FLAG">
</adf-people>

Class members

Properties

Name	Type	Default value	Description
people	UserProcessModel[]	[]	The array of User objects to display.
readOnly	boolean	false	Should the data be read-only?
taskId	string	""	The numeric ID of the task.

Details

How to customize the people component behavior

The people component provides two options to customize its behavior:

• involveUserAndCloseSearch: The selected user gets added and then the search section is closed
• involveUserWithoutCloseSearch: The selected user gets added without closing the search section

This makes it easy to customize the people component to involve the user via a single or double click event:

Involve People single click and close search

<adf-people #people
    (row-click)="people.involveUserAndCloseSearch()"
    [people]="YOUR_INVOLVED_PEOPLE_LIST"
    [taskId]="YOUR_TASK_ID"
    [readOnly]="YOUR_READ_ONLY_FLAG">
</adf-people>

Involve People single click without close search

<adf-people #people
    (row-click)="people.involveUserWithoutCloseSearch()"
    [people]="YOUR_INVOLVED_PEOPLE_LIST"
    [taskId]="YOUR_TASK_ID"
    [readOnly]="YOUR_READ_ONLY_FLAG">
</adf-people>

Involve People double click and close search

<adf-people #people
    (row-dblclick)="people.involveUserAndCloseSearch()"
    [people]="YOUR_INVOLVED_PEOPLE_LIST"
    [taskId]="YOUR_TASK_ID"
    [readOnly]="YOUR_READ_ONLY_FLAG">
</adf-people>

Involve People double double without close search

<adf-people #people
    (row-dblclick)="people.involveUserWithoutCloseSearch()"
    [people]="YOUR_INVOLVED_PEOPLE_LIST"
    [taskId]="YOUR_TASK_ID"
    [readOnly]="YOUR_READ_ONLY_FLAG">
</adf-people>