Skip to content

Latest commit

 

History

History
63 lines (46 loc) · 2.01 KB

people-search.component.md

File metadata and controls

63 lines (46 loc) · 2.01 KB
Title Added Status Last reviewed
People Search component
v2.0.0
Active
2018-11-14

Searches users/people.

Basic Usage

<adf-people-search></adf-people-search>

You can provide a title for the search header and a label for the action button using special sub-components in the body of the <adf-people-search> element:

<adf-people-search ...>
    <header-title>Custom title</header-title>
    <action-button-label>Custom label</action-button-label>
</adf-people-search>

Class members

Properties

Name Type Default value Description
results Observable<UserProcessModel[]> Parameters for displaying the list.

Events

Name Type Description
closeSearch EventEmitter<any> Emitted when the "close" button is clicked.
searchPeople EventEmitter<any> Emitted when a search is performed with a new keyword.
success EventEmitter<UserProcessModel> Emitted when a user is selected and the action button is clicked.

Details

Usage example:

<adf-people-search
       (searchPeople)="searchUser($event)"
       (success)="involveUser($event)"
       (closeSearch)="onCloseSearch()"
       [results]="peopleSearch$">
           <header-title>{{ 'TASK_DETAILS.LABELS.ADD_PEOPLE' | translate }}</header-title>
           <action-button-label>{{ 'PEOPLE.ADD_USER' | translate }}</action-button-label>
</adf-people-search>