Class RecordingModal

Component representing a recording modal.

app-recording-modal

true

CommonModule, FontAwesomeModule, StandardPanelComponent, AdvancedPanelComponent

./recording-modal.component.html

./recording-modal.component.css

RecordingModal

OnChanges

modalContainerStyle - Returns the style object for the modal container.

modalContentStyle - Returns the style object for the modal content.

ngOnChanges - Lifecycle hook that is called when any data-bound property of a directive changes.

confirm - Calls the confirmRecording callback with the current parameters.

start - Calls the startRecording callback with the current parameters.

<app-recording-modal
[isRecordingModalVisible]="true"
[onClose]="closeRecordingModal"
[backgroundColor]="'#83c0e9'"
[position]="'bottomRight'"
[confirmRecording]="confirmRecording"
[startRecording]="startRecording"
[parameters]="recordingModalParams"
></app-recording-modal>

Implements

  • OnChanges

Accessors

  • get modalContainerStyle(): {
        position: string;
        top: number;
        left: number;
        width: string;
        height: string;
        backgroundColor: string;
        display: string;
        zIndex: number;
    }
  • Returns {
        position: string;
        top: number;
        left: number;
        width: string;
        height: string;
        backgroundColor: string;
        display: string;
        zIndex: number;
    }

    • position: string
    • top: number
    • left: number
    • width: string
    • height: string
    • backgroundColor: string
    • display: string
    • zIndex: number
  • get modalContentStyle(): {
        position: string;
        backgroundColor: string;
        borderRadius: string;
        padding: string;
        width: string;
        maxHeight: string;
        overflowY: string;
        top: string;
        bottom: string;
        left: string;
        right: string;
    }
  • Returns {
        position: string;
        backgroundColor: string;
        borderRadius: string;
        padding: string;
        width: string;
        maxHeight: string;
        overflowY: string;
        top: string;
        bottom: string;
        left: string;
        right: string;
    }

    • position: string
    • backgroundColor: string
    • borderRadius: string
    • padding: string
    • width: string
    • maxHeight: string
    • overflowY: string
    • top: string
    • bottom: string
    • left: string
    • right: string

Constructors

Methods

Properties

isRecordingModalVisible: boolean = false

Determines if the recording modal is visible.

onClose: (() => void)

Callback function to close the modal.

backgroundColor: string = '#83c0e9'

Background color of the modal.

position: string = 'bottomRight'

Position of the modal on the screen.

confirmRecording: ((options: ConfirmRecordingOptions) => void)

Callback function to confirm recording.

startRecording: ((options: StartRecordingOptions) => void)

Callback function to start recording.

parameters: RecordingModalParameters = ...

Parameters for the recording modal.

faTimes: IconDefinition = faTimes

FontAwesome icon for times (close).

faCheck: IconDefinition = faCheck

FontAwesome icon for check (confirm).

faPlay: IconDefinition = faPlay

FontAwesome icon for play (start).