projects/openvidu-angular/src/lib/components/panel/panel.component.ts
The PanelComponent is hosted inside of the VideoconferenceComponent. It is in charge of displaying the videoconference panels providing functionalities to the videoconference app such as the chat (ChatPanelComponent) and list of participants (ParticipantsPanelComponent) .
The PanelComponent can be replaced with a custom component. It provides us the following Angular structural directives for doing this.
| Directive | Reference |
|---|---|
| *ovPanel | PanelDirective |
It is also providing us a way to replace the children panels to the default panel. It will recognise the following directive in a child element.
| Directive | Reference |
|---|---|
| *ovChatPanel | ChatPanelDirective |
| *ovParticipantsPanel | ParticipantsPanelDirective |
| *ovAdditionalPanels | AdditionalPanelsDirective |
See all OpenVidu Angular Directives
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | ov-panel |
| styleUrls | ./panel.component.css |
| templateUrl | ./panel.component.html |
Properties |
Accessors |
| isActivitiesPanelOpened |
Type : boolean
|
| isBackgroundEffectsPanelOpened |
Type : boolean
|
| isChatPanelOpened |
Type : boolean
|
| isParticipantsPanelOpened |
Type : boolean
|
| isSettingsPanelOpened |
Type : boolean
|
| externalParticipantPanel | ||||||
setexternalParticipantPanel(externalParticipantsPanel: ParticipantsPanelDirective)
|
||||||
|
Parameters :
Returns :
void
|
| externalActivitiesPanel | ||||||
setexternalActivitiesPanel(externalActivitiesPanel: ActivitiesPanelDirective)
|
||||||
|
Parameters :
Returns :
void
|
| externalChatPanel | ||||||
setexternalChatPanel(externalChatPanel: ChatPanelDirective)
|
||||||
|
Parameters :
Returns :
void
|
| externalAdditionalPanels | ||||||
setexternalAdditionalPanels(externalAdditionalPanels: AdditionalPanelsDirective)
|
||||||
|
Parameters :
Returns :
void
|