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.

Component

Selector

app-participants-modal

Standalone

true

Template Url

./participants-modal.component.html

Style Urls

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

Imports

[CommonModule, FontAwesomeModule, ParticipantList, ParticipantListOthers]

Example

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

Implements

OnInit
OnChanges

Constructors

constructor

new ParticipantsModal(muteParticipantsService, messageParticipantsService, removeParticipantsService): ParticipantsModal
Parameters
- muteParticipantsService: MuteParticipants
- messageParticipantsService: MessageParticipants
- removeParticipantsService: RemoveParticipants
Returns ParticipantsModal
- Defined in src/lib/components/participants-components/participants-modal/participants-modal.component.ts:112

Methods

ngOnInit

ngOnInit(): void
A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

Returns void
Implementation of OnInit.ngOnInit
- Defined in src/lib/components/participants-components/participants-modal/participants-modal.component.ts:118

ngOnChanges

ngOnChanges(changes): void
A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.
Parameters
- changes: SimpleChanges
  The changed properties.
Returns void
Implementation of OnChanges.ngOnChanges
- Defined in src/lib/components/participants-components/participants-modal/participants-modal.component.ts:137

Properties

isParticipantsModalVisible

isParticipantsModalVisible: boolean = false

onParticipantsClose

onParticipantsClose: (() => void)

onParticipantsFilterChange

onParticipantsFilterChange: ((filter: string) => void)

participantsCounter

participantsCounter: number = 0

onMuteParticipants

onMuteParticipants: ((options: MuteParticipantsOptions) => Promise<void>)

onMessageParticipants

onMessageParticipants: ((options: MessageParticipantsOptions) => void)

onRemoveParticipants

onRemoveParticipants: ((options: RemoveParticipantsOptions) => Promise<void>)

parameters

parameters: ParticipantsModalParameters = ...

position

position: string = 'topRight'

backgroundColor

backgroundColor: string = '#83c0e9'

participant_s

participant_s: Participant[] = []

participantsCounter_s

participantsCounter_s: number = 0

reRender

reRender: boolean = false

faTimes

faTimes: IconDefinition = faTimes

Class ParticipantsModal

Component

Selector

Standalone

Template Url

Style Urls

Imports

Example

Implements

Index

Constructors

Methods

Properties

Constructors

constructor

Parameters

Returns ParticipantsModal

Methods

ngOnInit

Returns void

ngOnChanges

Parameters

Returns void

updateParticipantsData

Returns void

handleFilterChange

Parameters

Returns void

handleClose

Returns void

canShowParticipantList

Returns boolean

Properties

isParticipantsModalVisible

onParticipantsClose

onParticipantsFilterChange

participantsCounter

onMuteParticipants

onMessageParticipants

onRemoveParticipants

parameters

position

backgroundColor

participant_s

participantsCounter_s

reRender

faTimes

Settings

On This Page