Class UpdateMiniCardsGrid

Updates the mini cards grid based on the specified rows and columns.

This method calculates the dimensions for the mini cards based on the provided rows and columns, as well as the container sizes. It also considers pagination settings and updates the grid sizes accordingly. The method can update either the default grid or an alternative grid based on the defal parameter.

Param: options

The options for updating the mini cards grid.

Param: options.rows

The number of rows in the grid.

Param: options.cols

The number of columns in the grid.

Param: options.defal

Flag indicating whether to update the default grid or an alternative grid.

Param: options.actualRows

The actual number of rows in the grid.

Param: options.parameters

Additional parameters needed for the function.

Param: options.parameters.getUpdatedAllParams

Function to get updated parameters.

Param: options.parameters.updateGridRows

Function to update the grid rows.

Param: options.parameters.updateGridCols

Function to update the grid columns.

Param: options.parameters.updateAltGridRows

Function to update the alternative grid rows.

Param: options.parameters.updateAltGridCols

Function to update the alternative grid columns.

Param: options.parameters.updateGridSizes

Function to update the grid sizes.

Param: options.parameters.gridSizes

Object containing grid width and height.

Param: options.parameters.paginationDirection

The direction of pagination ('horizontal' or 'vertical').

Param: options.parameters.paginationHeightWidth

The height or width of pagination.

Param: options.parameters.doPaginate

Flag indicating whether pagination is enabled.

Param: options.parameters.componentSizes

Object containing container width and height.

Param: options.parameters.eventType

The type of event ('chat', etc.).

Returns

  • A Promise that resolves after updating the mini cards grid.

Example

const gridOptions = {
  rows: 3,
  cols: 4,
  parameters: {
    getUpdatedAllParams: () => updatedParams,
    updateGridRows: (rows) => console.log(`Grid Rows Updated: ${rows}`),
    updateGridCols: (cols) => console.log(`Grid Cols Updated: ${cols}`),
    updateAltGridRows: (rows) => console.log(`Alt Grid Rows Updated: ${rows}`),
    updateAltGridCols: (cols) => console.log(`Alt Grid Cols Updated: ${cols}`),
    updateGridSizes: (sizes) => console.log(`Grid Sizes Updated: ${JSON.stringify(sizes)}`),
    gridSizes: { gridWidth: 100, gridHeight: 100 },
    paginationDirection: 'horizontal',
    paginationHeightWidth: 50,
    doPaginate: true,
    componentSizes: { otherWidth: 800, otherHeight: 600 },
    eventType: 'chat',
  },
};

const miniCardGridService = new UpdateMiniCardsGrid();
miniCardGridService.updateMiniCardsGrid(gridOptions);

Constructors

constructor

Methods

updateMiniCardsGrid

Constructors

constructor

Methods

updateMiniCardsGrid

Settings

Member Visibility

On This Page

Constructors
Methods