You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Create Gauge folder under iot-app-kit/packages/dashboard/src/customization/widgets
In the folder, you will need the implement the following files (take a look at KPI for an idea of what to do for each file):
component.tsx - this is where you will use the react-component implementation
icon.tsx - Represents the icon that will be shown in the widget palette
plugin.tsx - Represents the initial state of all the settings when the widget is added to a dashboard
Initial states should include an initialSize, showName: true, showUnit: true
Users should be able to add the gauge widgets to the dashboard
Make sure you cannot add more than 1 property to a widget (we already do this for KPI so it should be the same behavior)
The content you are editing has changed. Please copy your edits and refresh the page.
Create a feature flag by setting a local_storage value and referencing it as this:
const hasGauge = !!localStorage?.getItem('HAS_GAUGE_WIDGET');
Implementation Steps:
iot-app-kit/packages/dashboard/src/customization/widgets/types.ts
Create
Gauge
folder underiot-app-kit/packages/dashboard/src/customization/widgets
In the folder, you will need the implement the following files (take a look at KPI for an idea of what to do for each file):
component.tsx
- this is where you will use the react-component implementationicon.tsx
- Represents the icon that will be shown in the widget paletteplugin.tsx
- Represents the initial state of all the settings when the widget is added to a dashboardInitial states should include an
initialSize, showName: true, showUnit: true
Users should be able to add the gauge widgets to the dashboard
Dial Acceptance criteria
The text was updated successfully, but these errors were encountered: