Class OtherGridComponent

OtherGridComponent represents a customizable grid container with optional meeting progress timer.

Selector

app-other-grid-component

Standalone

true

Imports

CommonModule, MeetingProgressTimer

Template: -

The template consists of:

  • A grid container styled with specified dimensions, background color, and border.
  • An optional MeetingProgressTimer component displayed within the grid if showTimer is true.

Styles

  • Default border, padding, and display styles for the grid container.

Inputs

  • backgroundColor (string): Background color of the grid container. Default is 'transparent'.
  • width (number): Width of the grid in pixels. Default is 0.
  • height (number): Height of the grid in pixels. Default is 0.
  • showAspect (boolean): Controls visibility of the grid container. Default is true.
  • timeBackgroundColor (string): Background color of the timer. Default is 'green'.
  • showTimer (boolean): Determines if the timer should be displayed. Default is false.
  • meetingProgressTime (string): Time to display in the timer. Default is '00:00:00'.

OtherGridComponent

Example

<app-other-grid-component
  [backgroundColor]="'lightgray'"
  [width]="300"
  [height]="200"
  [showAspect]="true"
  [timeBackgroundColor]="'blue'"
  [showTimer]="true"
  [meetingProgressTime]="'00:05:32'"
></app-other-grid-component>

Constructors

constructor

Properties

backgroundColor width height showAspect timeBackgroundColor showTimer meetingProgressTime

Constructors

constructor

Properties

backgroundColor

backgroundColor: string = 'transparent'

width

width: number = 0

height

height: number = 0

showAspect

showAspect: boolean = true

timeBackgroundColor

timeBackgroundColor: string = 'green'

showTimer

showTimer: boolean = false

meetingProgressTime

meetingProgressTime: string = '00:00:00'

Settings

Member Visibility

On This Page

Constructors
Properties