Configure ServicePoint Dashboard
Author:
Fluent Commerce
Changed on:
13 Dec 2023
Key Points
- Overview
- Configuring the Dashboard
- User Role and Permission
- Understanding Dashboard View
- Customization Example
Steps
Overview
Configuring the Dashboard
`SERVICEPOINT_GQL_DASHBOARD` within the Account at the Retailer context.The component will render the tiles based on the GraphQL Queries and SLA Parameters configured in the setting.
JSON Setting Configuration
The following is a snippet of the Setting value, showing the GraphQL Query and Dashboard configurations.In this example, a single tile would be displayed showing the number of fulfilments in the`AWAITING_PICK` status in the last 7 days. Additional statuses and time ranges can be configured to meet Client requirements.- On line 5, the query configures the entity (
`fulfilments`), status (`AWAITING_PICK`), and date fields (`updatedOn: { to: $pickedFromDate }`) for the SLA. - On line 7, the variables configures the
`$pickedFromDate`date parameter, in this case using a date range of 7 days. The`dateAdd`directive supports`min`,`hours`, or`days`. - Line 11 sets the page title for the Dashboard.
- Line 14 sets the section title.
- Line 15 defines how many tiles are displayed per section.
- Line 19 sets a tile title.
- Line 20 sets the SLA display text for the tile.
- Line 21 defines the value to display from the dynamic query.
- Line 24 defines the link for the tile, that when click will navigate to a new page.
User Role and Permission
`DASHBOARD_VIEW` permission enabled in the `AGENT` context.This permission can be added to any existing role at a specific location or can be assigned to a new role.
Understanding Dashboard View
| Data Limit | Tile Color | Action |
Less than or Equal to the `thresholdLow` value. | Green | None |
More than thresholdLow and less than `thresholdHigh` value. | Amber | Attention required. |
| More than alert thresholdHigh value. | Red | Immediate attention required. |
Customisation Example
`query` by adding a new aliased query which filters Fulfilments in a `AWAITING_COLLETION` status2. Configure the query variable to set the SLA for 30 days:3. Add a new tile definition for the `AWAITING_COLLECTION` status.Customised Dashboard
