backgroundColor
backgroundColor: string = ''
mainSize
mainSize: number = 0
showAspect
showAspect: boolean = true
timeBackgroundColor
timeBackgroundColor: string = 'green'
showTimer
showTimer: boolean = true
meetingProgressTime
meetingProgressTime: string = '0'
OptionalcontainerStyle
containerStyle?: Partial<CSSStyleDeclaration>
OptionalcustomTemplate
customTemplate?: TemplateRef<any>
MainGridComponent displays a customizable grid container with an optional meeting progress timer.
Selector
app-main-grid-component
Standalone
true
Imports
CommonModule, MeetingProgressTimer
Template
Inputs
backgroundColor(string): Background color of the grid container. Default is an empty string.mainSize(number): Main size of the grid container, used for layout adjustments.height(number): Height of the grid container in pixels.width(number): Width of the grid container in pixels.showAspect(boolean): If true, displays the grid container in flex layout. Default is true.timeBackgroundColor(string): Background color of the meeting progress timer. Default is 'green'.showTimer(boolean): If true, displays the meeting progress timer. Default is true.meetingProgressTime(string): Time displayed in the meeting progress timer.Getter
maingridContainerStyle: Returns a style object for the grid container, including display, color, dimensions, and border styling.Example