Class ParticipantsModal

Component for displaying a modal containing a list of participants with options to mute, message, or remove participants. Supports both regular participants and a subset of "other" participants.

app-participants-modal

true

./participants-modal.component.html

['./participants-modal.component.css']

[CommonModule, FontAwesomeModule, ParticipantList, ParticipantListOthers]

<app-participants-modal
[isParticipantsModalVisible]="true"
[onParticipantsClose]="closeModalFunction"
[onParticipantsFilterChange]="filterFunction"
[participantsCounter]="5"
[parameters]="participantsModalParameters"
[position]="'topRight'"
[backgroundColor]="'#83c0e9'"
></app-participants-modal>

Implements

  • OnInit
  • OnChanges

Constructors

Methods

Properties

isParticipantsModalVisible: boolean = false
onParticipantsClose: (() => void)
onParticipantsFilterChange: ((filter: string) => void)
participantsCounter: number = 0
onMuteParticipants: ((options: MuteParticipantsOptions) => Promise<void>)
onMessageParticipants: ((options: MessageParticipantsOptions) => void)
onRemoveParticipants: ((options: RemoveParticipantsOptions) => Promise<void>)
parameters: ParticipantsModalParameters = ...
position: string = 'topRight'
backgroundColor: string = '#83c0e9'
participant_s: Participant[] = []
participantsCounter_s: number = 0
reRender: boolean = false
faTimes: IconDefinition = faTimes