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
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.
EventSettingsModal component provides a modal interface to manage and update event settings like audio, video, screenshare, and chat settings.
Component
Selector
app-event-settings-modal
Standalone
true
Imports
[CommonModule, FontAwesomeModule, FormsModule]
Example
Input
isEventSettingsModalVisible - Indicates if the event settings modal is visible.
Input
onEventSettingsClose - Callback to close the modal.
Input
onModifyEventSettings - Callback to handle event settings modifications.
Input
position - Position of the modal on the screen, default is 'topRight'.
Input
backgroundColor - Background color of the modal, default is '#83c0e9'.
Input
audioSetting - Current audio setting.
Input
videoSetting - Current video setting.
Input
screenshareSetting - Current screenshare setting.
Input
chatSetting - Current chat setting.
Input
updateAudioSetting - Function to update audio setting.
Input
updateVideoSetting - Function to update video setting.
Input
updateScreenshareSetting - Function to update screenshare setting.
Input
updateChatSetting - Function to update chat setting.
Input
updateIsSettingsModalVisible - Function to update modal visibility.
Input
roomName - Room name associated with the settings.
Input
socket - Socket for real-time communication.
Input
[showAlert] - Optional alert function.
Param: modifySettingsService
Service for modifying settings.
Method
ngOnInit - Initializes the component and binds the settings modification service.
Method
ngOnChanges - Updates internal states when
isEventSettingsModalVisiblechanges.Param: changes
Object containing previous and current values of bound properties.
Method
updateStatesFromParameters - Sets internal state variables based on input parameters.
Method
getModalContentStyle - Returns style object for modal content with dynamic positioning and size.
Returns
Style object for modal content.
Method
handleSaveSettings - Invokes the settings modification function with updated values.
Returns
Promise that resolves after saving settings.
Method
closeModal - Closes the modal.