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.
Visibility state of the modal.
Counter for the number of participants in the waiting room.
List of participants in the waiting room.
Name of the room.
Socket instance for communication.
Position of the modal on the screen.
Background color of the modal.
Parameters for the waiting room modal.
Function to call when the modal is closed.
Function to call when the filter value changes.
Function to update the waiting list.
Function to call when an item in the waiting room is pressed.
FontAwesome icon for the close button.
FontAwesome icon for the check button.
Filtered list of participants in the waiting room.
Counter for the filtered list of participants in the waiting room.
Flag to trigger re-rendering of the component.
Component representing a modal for managing participants in a waiting room.
Component
Selector
app-waiting-room-modal
Standalone
true
Imports
CommonModule, FontAwesomeModule, FormsModule
Template Url
./waiting-room-modal.component.html
Style Urls
['./waiting-room-modal.component.css']
Method
ngOnInit - Lifecycle hook that is called after data-bound properties are initialized.
Method
ngOnChanges - Lifecycle hook that is called when any data-bound property of a directive changes.
Method
updateParameters - Updates the parameters for the waiting room modal.
Method
handleModalClose - Handles the closing of the modal.
Method
handleFilterChange - Handles the change in the filter input.
Method
handleItemPress - Handles the pressing of an item in the waiting room.
Getter
modalContainerStyle - Returns the style object for the modal container.
Getter
modalContentStyle - Returns the style object for the modal content.
Getter
inputStyle - Returns the style object for the input field.
Example