Event Details Drawer Component

The drawer functionality is a part of the SDK, so the on-click function for the table rows is:

1const EventComp = ComponentRegistry.get('fc.event.detail');
2pushDrawer({
3  title: event.name,
4  body: <EventComp data={event} />
5}); 

`fc.event.detail`

`data`

`fc.card.attribute`

`fc.events.search`

Data source: Whole event body JSON.

Event Drawer block 

The drawer consists of:

• A header block: The header block contains:
  • Event details (header)
  • Icon “Close”
• Details block: The Details block contains:
  • ID
  • Name
  • Type
  • Account ID
  • Category
  • Event Status
  • Generated By
  • Generated On
  • Retailer ID
  • Source
• Context block: The Context block contains:
  • sourceEvents
  • entityType
  • entityId
  • entityRef
  • rootEntityType
  • rootEntityId
  • rootEntityRef
• Body block: The Body block contains raw JSON data

To close the drawer, the user must click the Close icon. The header block (Close icon + Header) is frozen while scrolling.

None