projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
The ParticipantPanelItemComponent is hosted inside of the ParticipantsPanelComponent. It is in charge of displaying the participants information inside of the ParticipansPanelComponent.
This component allows us to show or hide certain HTML elements with the following Angular attribute directives with the aim of fully customizing the ToolbarComponent.
| Name | Type | Reference |
|---|---|---|
| muteButton | boolean |
ParticipantPanelItemMuteButtonDirective |
See all API Directives
The ParticipantPanelItemComponent can be replaced with a custom component. It provides us the following Angular structural directives for doing this.
| Directive | Reference |
|---|---|
| *ovParticipantPanelItem | ParticipantPanelItemDirective |
It is also providing us a way to add additional buttons to the default participant panel item. It will recognise the following directive in a child element.
| Directive | Reference |
|---|---|
| *ovParticipantPanelItemElements | ParticipantPanelItemElementsDirective |
See all OpenVidu Angular Directives
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | ov-participant-panel-item |
| styleUrls | ./participant-panel-item.component.css |
| templateUrl | ./participant-panel-item.component.html |
Inputs |
Accessors |
| participant |
Type : ParticipantAbstractModel
|
| participant | ||||||
setparticipant(participant: ParticipantAbstractModel)
|
||||||
|
Parameters :
Returns :
void
|