Class RequestsModal

Component

RequestsModal

Description

A modal component to display and manage requests.

Selector

app-requests-modal

Standalone

true

Imports

[CommonModule, FontAwesomeModule, RenderRequestComponent]

Template Url

./requests-modal.component.html

Style Urls

./requests-modal.component.css

Param: respondToRequestsService

Service to handle request responses.

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 changes.

Param: changes

Object of current and previous property values.

Method

updateRequests - Updates the request list and counter based on the current parameters.

Method

handleModalClose - Handles the modal close action.

Method

handleFilterChange - Handles the filter change event.

Param: event

The filter change event.

Example

<app-requests-modal
  [isRequestsModalVisible]="isModalVisible"
  [requestCounter]="requestCounter"
  [requestList]="requests"
  [roomName]="roomName"
  [socket]="socket"
  [backgroundColor]="'#83c0e9'"
  [position]="'topRight'"
  [parameters]="requestParams"
  (onRequestClose)="handleModalClose()"
  (onRequestFilterChange)="handleFilterChange($event)"
  (onRequestItemPress)="handleRequestPress($event)"
  [updateRequestList]="updateRequestList">
</app-requests-modal>

Implements

  • OnInit
  • OnChanges

Constructors

constructor

Methods

ngOnInit ngOnChanges updateRequests handleModalClose handleFilterChange

Properties

isRequestsModalVisible requestCounter requestList roomName socket backgroundColor position parameters onRequestClose onRequestFilterChange onRequestItemPress updateRequestList faTimes requestList_s requestCounter_s reRender

Constructors

constructor

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

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

updateRequests

handleModalClose

handleFilterChange

Properties

isRequestsModalVisible

isRequestsModalVisible: boolean = false

Determines if the requests modal is visible.

requestCounter

requestCounter: number = 0

Counter for the number of requests.

requestList

requestList: Request[] = []

List of requests.

roomName

roomName: string

Name of the room.

socket

socket: Socket<DefaultEventsMap, DefaultEventsMap> = ...

Socket instance for communication.

backgroundColor

backgroundColor: string = '#83c0e9'

Background color of the modal.

position

position: string = 'topRight'

Position of the modal.

parameters

parameters: any

Additional parameters for the modal.

onRequestClose

onRequestClose: (() => void)

Callback function when the modal is closed.

onRequestFilterChange

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

Callback function when the request filter changes.

onRequestItemPress

onRequestItemPress: ((params: any) => void)

Callback function when a request item is pressed.

updateRequestList

updateRequestList: ((newRequestList: any[]) => void)

Function to update the request list.

faTimes

faTimes: IconDefinition = faTimes

FontAwesome icon for closing the modal.

requestList_s

requestList_s: any[] = []

Filtered list of requests.

requestCounter_s

requestCounter_s: number = 0

Counter for the filtered list of requests.

reRender

reRender: boolean = false

Flag to trigger re-rendering.

Settings

Member Visibility

On This Page

Constructors
Methods
Properties