Class RecordingModal

Component representing a recording modal.

Selector

app-recording-modal

Standalone

true

Imports

CommonModule, FontAwesomeModule, StandardPanelComponent, AdvancedPanelComponent

Template Url

./recording-modal.component.html

Style Urls

./recording-modal.component.css

RecordingModal

Implements

OnChanges

Method

modalContainerStyle - Returns the style object for the modal container.

Method

modalContentStyle - Returns the style object for the modal content.

Method

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

Method

confirm - Calls the confirmRecording callback with the current parameters.

Method

start - Calls the startRecording callback with the current parameters.

Example

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

Implements

  • OnChanges

Accessors

modalContainerStyle modalContentStyle

Constructors

constructor

Methods

ngOnChanges confirm start

Properties

isRecordingModalVisible onClose backgroundColor position confirmRecording startRecording parameters faTimes faCheck faPlay

Accessors

modalContainerStyle

  • 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

modalContentStyle

  • 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

constructor

Methods

ngOnChanges

confirm

start

Properties

isRecordingModalVisible

isRecordingModalVisible: boolean = false

Determines if the recording modal is visible.

onClose

onClose: (() => void)

Callback function to close the modal.

backgroundColor

backgroundColor: string = '#83c0e9'

Background color of the modal.

position

position: string = 'bottomRight'

Position of the modal on the screen.

confirmRecording

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

Callback function to confirm recording.

startRecording

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

Callback function to start recording.

parameters

parameters: RecordingModalParameters = ...

Parameters for the recording modal.

faTimes

faTimes: IconDefinition = faTimes

FontAwesome icon for times (close).

faCheck

faCheck: IconDefinition = faCheck

FontAwesome icon for check (confirm).

faPlay

faPlay: IconDefinition = faPlay

FontAwesome icon for play (start).

Settings

Member Visibility

On This Page

Accessors
Constructors
Methods
Properties