Class MenuModal

Component for displaying a customizable menu modal with various options.

Selector

app-menu-modal

Standalone

true

Template Url

./menu-modal.component.html

Style Urls

./menu-modal.component.css

Example

<app-menu-modal
  [isVisible]="true"
  backgroundColor="#83c0e9"
  roomName="Room 123"
  adminPasscode="AdminPass"
  [customButtons]="customButtons"
  [shareButtons]="true"
  position="bottomRight"
  islevel="2"
  eventType="meeting"
  localLink="https://www.google.com"
  (onClose)="closeMenu()"
></app-menu-modal>

const customButtons = [
  { action: () => console.log('Clicked'), show: true, text: 'Button' },
];
closeMenu() { console.log('Menu closed'); }

Constructors

constructor

Methods

modalContainerStyle modalContentStyle handleClose

Properties

backgroundColor isVisible customButtons shareButtons position roomName adminPasscode islevel eventType localLink onClose faBars faTimes

Constructors

constructor

Methods

modalContainerStyle

  • 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

  • modalContentStyle(): {
        backgroundColor: string;
        borderRadius: string;
        padding: string;
        width: string;
        maxHeight: string;
        overflowY: string;
        top: string;
        bottom: string;
        left: string;
        right: string;
    }

  • Returns {
        backgroundColor: string;
        borderRadius: string;
        padding: string;
        width: string;
        maxHeight: string;
        overflowY: string;
        top: string;
        bottom: string;
        left: string;
        right: string;
    }

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

handleClose

Properties

backgroundColor

backgroundColor: string = '#83c0e9'

isVisible

isVisible: boolean

customButtons

customButtons: CustomButton[] = []

shareButtons

shareButtons: boolean = true

position

position: string = 'bottomRight'

roomName

roomName: string

adminPasscode

adminPasscode: string

islevel

islevel: string

eventType

eventType: EventType

localLink

localLink: string

onClose

onClose: (() => void)

faBars

faBars: IconDefinition = faBars

faTimes

faTimes: IconDefinition = faTimes

Settings

Member Visibility

On This Page

Constructors
Methods
Properties