Component for displaying a customizable menu modal with various options.

app-menu-modal

true

./menu-modal.component.html

./menu-modal.component.css

<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

Methods

  • 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
  • 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

Properties

backgroundColor: string = '#83c0e9'
isVisible: boolean
customButtons: CustomButton[] = []
shareButtons: boolean = true
position: string = 'bottomRight'
roomName: string
adminPasscode: string
islevel: string
eventType: EventType
localLink: string
onClose: (() => void)
faBars: IconDefinition = faBars
faTimes: IconDefinition = faTimes