{ "title": "Button use cases", "image": null, "mobileHide": false, "mobileOrder": null, "configuration": { "description": "", "widgets": { "bd301b7d-ad9b-57f4-e90b-dc5ba3798397": { "typeFullFqn": "system.action_button", "type": "latest", "sizeX": 3, "sizeY": 1, "config": { "datasources": [], "timewindow": { "displayValue": "", "selectedTab": 0, "realtime": { "realtimeType": 1, "interval": 1000, "timewindowMs": 60000, "quickInterval": "CURRENT_DAY" }, "history": { "historyType": 0, "interval": 1000, "timewindowMs": 60000, "fixedTimewindow": { "startTimeMs": 1708512512933, "endTimeMs": 1708598912933 }, "quickInterval": "CURRENT_DAY" }, "aggregation": { "type": "AVG", "limit": 25000 } }, "showTitle": false, "backgroundColor": "#FFFFFF01", "color": "rgba(0, 0, 0, 0.87)", "padding": "0px", "settings": { "activatedState": { "action": "DO_NOTHING", "defaultValue": false, "getAttribute": { "key": "state", "scope": null }, "getTimeSeries": { "key": "state" }, "dataToValue": { "type": "NONE", "compareToValue": true, "dataToValueFunction": "/* Should return boolean value */\nreturn data;" } }, "disabledState": { "action": "DO_NOTHING", "defaultValue": false, "getAttribute": { "key": "state", "scope": null }, "getTimeSeries": { "key": "state" }, "dataToValue": { "type": "NONE", "compareToValue": true, "dataToValueFunction": "/* Should return boolean value */\nreturn data;" } }, "appearance": { "type": "outlined", "showLabel": true, "label": "Open dialog", "showIcon": false, "icon": "home", "iconSize": 24, "iconSizeUnit": "px", "mainColor": "var(--tb-primary-500)", "backgroundColor": "#FFFFFF", "autoScale": true, "customStyle": { "enabled": null, "hovered": null, "pressed": null, "activated": null, "disabled": null } } }, "title": "Action button", "showTitleIcon": false, "iconColor": "rgba(0, 0, 0, 0.87)", "iconSize": "24px", "titleTooltip": "", "dropShadow": false, "enableFullscreen": false, "enableDataExport": false, "widgetStyle": {}, "titleStyle": { "fontSize": "16px", "fontWeight": 400 }, "showLegend": false, "useDashboardTimewindow": true, "displayTimewindow": true, "widgetCss": "", "pageSize": 1024, "noDataDisplayMessage": "", "borderRadius": "4px", "configMode": "basic", "actions": { "click": [ { "id": "9bfb7c2a-311e-22e4-74ac-559c172a153a", "name": "onClick", "icon": "more_horiz", "type": "openDashboardState", "targetDashboardStateId": "other_state", "setEntityId": true, "stateEntityParamName": null, "openRightLayout": false, "dialogTitle": "Custom title", "dialogHideDashboardToolbar": true, "dialogWidth": null, "dialogHeight": null, "openInSeparateDialog": true, "openInPopover": false } ] } }, "row": 0, "col": 0, "id": "bd301b7d-ad9b-57f4-e90b-dc5ba3798397" }, "8eac27b7-a00f-1f7a-5c31-b5afa2809046": { "typeFullFqn": "system.charts.basic_timeseries", "type": "timeseries", "sizeX": 8, "sizeY": 5, "config": { "datasources": [ { "type": "function", "name": "", "dataKeys": [ { "name": "f(x)", "type": "function", "label": "Random", "color": "#2196f3", "settings": {}, "_hash": 0.10076871931518716, "funcBody": "var value = prevValue + Math.random() * 100 - 50;\nvar multiplier = Math.pow(10, 2 || 0);\nvar value = Math.round(value * multiplier) / multiplier;\nif (value < -1000) {\n\tvalue = -1000;\n} else if (value > 1000) {\n\tvalue = 1000;\n}\nreturn value;" } ], "alarmFilterConfig": { "statusList": [ "ACTIVE" ] }, "latestDataKeys": null } ], "timewindow": { "realtime": { "timewindowMs": 60000 } }, "showTitle": true, "backgroundColor": "#fff", "color": "rgba(0, 0, 0, 0.87)", "padding": "8px", "settings": { "stack": false, "fontSize": 10, "fontColor": "#545454", "showTooltip": true, "tooltipIndividual": false, "tooltipCumulative": false, "hideZeros": false, "grid": { "verticalLines": true, "horizontalLines": true, "outlineWidth": 1, "color": "#545454", "backgroundColor": null, "tickColor": "#DDDDDD" }, "xaxis": { "title": null, "showLabels": true, "color": "#545454" }, "yaxis": { "min": null, "max": null, "title": null, "showLabels": true, "color": "#545454", "tickSize": null, "tickDecimals": 0, "ticksFormatter": "" }, "shadowSize": 4, "smoothLines": false, "comparisonEnabled": false, "xaxisSecond": { "axisPosition": "top", "title": null, "showLabels": true }, "showLegend": true, "legendConfig": { "direction": "column", "position": "bottom", "sortDataKeys": false, "showMin": false, "showMax": false, "showAvg": true, "showTotal": false, "showLatest": false }, "customLegendEnabled": false }, "title": "Timeseries Line Chart", "dropShadow": false, "enableFullscreen": false, "titleStyle": { "fontSize": "16px", "fontWeight": 400 }, "configMode": "advanced", "actions": {}, "showTitleIcon": false, "titleIcon": "thermostat", "iconColor": "#1F6BDD", "useDashboardTimewindow": true, "displayTimewindow": true, "titleFont": null, "titleColor": null, "enableDataExport": false, "titleTooltip": "", "widgetStyle": {}, "widgetCss": "", "pageSize": 1024, "noDataDisplayMessage": "" }, "row": 0, "col": 0, "id": "8eac27b7-a00f-1f7a-5c31-b5afa2809046" }, "934b5157-10ad-00df-6fd4-256dd65e9c7c": { "typeFullFqn": "system.action_button", "type": "latest", "sizeX": 3, "sizeY": 1, "config": { "datasources": [], "timewindow": { "displayValue": "", "selectedTab": 0, "realtime": { "realtimeType": 1, "interval": 1000, "timewindowMs": 60000, "quickInterval": "CURRENT_DAY" }, "history": { "historyType": 0, "interval": 1000, "timewindowMs": 60000, "fixedTimewindow": { "startTimeMs": 1708512512933, "endTimeMs": 1708598912933 }, "quickInterval": "CURRENT_DAY" }, "aggregation": { "type": "AVG", "limit": 25000 } }, "showTitle": false, "backgroundColor": "#FFFFFF01", "color": "rgba(0, 0, 0, 0.87)", "padding": "0px", "settings": { "activatedState": { "action": "DO_NOTHING", "defaultValue": false, "getAttribute": { "key": "state", "scope": null }, "getTimeSeries": { "key": "state" }, "dataToValue": { "type": "NONE", "compareToValue": true, "dataToValueFunction": "/* Should return boolean value */\nreturn data;" } }, "disabledState": { "action": "DO_NOTHING", "defaultValue": false, "getAttribute": { "key": "state", "scope": null }, "getTimeSeries": { "key": "state" }, "dataToValue": { "type": "NONE", "compareToValue": true, "dataToValueFunction": "/* Should return boolean value */\nreturn data;" } }, "appearance": { "type": "outlined", "showLabel": true, "label": "Open popup", "showIcon": false, "icon": "home", "iconSize": 24, "iconSizeUnit": "px", "mainColor": "var(--tb-primary-500)", "backgroundColor": "#FFFFFF", "autoScale": true, "customStyle": { "enabled": null, "hovered": null, "pressed": null, "activated": null, "disabled": null } } }, "title": "Action button", "showTitleIcon": false, "iconColor": "rgba(0, 0, 0, 0.87)", "iconSize": "24px", "titleTooltip": "", "dropShadow": false, "enableFullscreen": false, "enableDataExport": false, "widgetStyle": {}, "titleStyle": { "fontSize": "16px", "fontWeight": 400 }, "showLegend": false, "useDashboardTimewindow": true, "displayTimewindow": true, "widgetCss": "", "pageSize": 1024, "noDataDisplayMessage": "", "borderRadius": "4px", "configMode": "basic", "actions": { "click": [ { "id": "9bfb7c2a-311e-22e4-74ac-559c172a153a", "name": "onClick", "icon": "more_horiz", "type": "openDashboardState", "targetDashboardStateId": "other_state", "setEntityId": true, "stateEntityParamName": null, "openRightLayout": false, "dialogTitle": "Custom title", "dialogHideDashboardToolbar": true, "dialogWidth": null, "dialogHeight": null, "openInSeparateDialog": false, "openInPopover": true, "popoverPreferredPlacement": "top", "popoverHideOnClickOutside": true, "popoverHideDashboardToolbar": true, "popoverWidth": "25vw", "popoverHeight": "25vh", "popoverStyle": {} } ] } }, "row": 0, "col": 0, "id": "934b5157-10ad-00df-6fd4-256dd65e9c7c" }, "bff6d391-1523-0ddc-5028-ac5dbce54f87": { "typeFullFqn": "system.action_button", "type": "latest", "sizeX": 3, "sizeY": 1, "config": { "datasources": [], "timewindow": { "displayValue": "", "selectedTab": 0, "realtime": { "realtimeType": 1, "interval": 1000, "timewindowMs": 60000, "quickInterval": "CURRENT_DAY" }, "history": { "historyType": 0, "interval": 1000, "timewindowMs": 60000, "fixedTimewindow": { "startTimeMs": 1708512512933, "endTimeMs": 1708598912933 }, "quickInterval": "CURRENT_DAY" }, "aggregation": { "type": "AVG", "limit": 25000 } }, "showTitle": false, "backgroundColor": "#FFFFFF01", "color": "rgba(0, 0, 0, 0.87)", "padding": "0px", "settings": { "activatedState": { "action": "DO_NOTHING", "defaultValue": false, "getAttribute": { "key": "state", "scope": null }, "getTimeSeries": { "key": "state" }, "dataToValue": { "type": "NONE", "compareToValue": true, "dataToValueFunction": "/* Should return boolean value */\nreturn data;" } }, "disabledState": { "action": "DO_NOTHING", "defaultValue": false, "getAttribute": { "key": "state", "scope": null }, "getTimeSeries": { "key": "state" }, "dataToValue": { "type": "NONE", "compareToValue": true, "dataToValueFunction": "/* Should return boolean value */\nreturn data;" } }, "appearance": { "type": "outlined", "showLabel": true, "label": "Change state", "showIcon": false, "icon": "home", "iconSize": 24, "iconSizeUnit": "px", "mainColor": "var(--tb-primary-500)", "backgroundColor": "#FFFFFF", "autoScale": true, "customStyle": { "enabled": null, "hovered": null, "pressed": null, "activated": null, "disabled": null } } }, "title": "Action button", "showTitleIcon": false, "iconColor": "rgba(0, 0, 0, 0.87)", "iconSize": "24px", "titleTooltip": "", "dropShadow": false, "enableFullscreen": false, "enableDataExport": false, "widgetStyle": {}, "titleStyle": { "fontSize": "16px", "fontWeight": 400 }, "showLegend": false, "useDashboardTimewindow": true, "displayTimewindow": true, "widgetCss": "", "pageSize": 1024, "noDataDisplayMessage": "", "borderRadius": "4px", "configMode": "basic", "actions": { "click": [ { "id": "9bfb7c2a-311e-22e4-74ac-559c172a153a", "name": "onClick", "icon": "more_horiz", "type": "updateDashboardState", "targetDashboardStateId": "other_state", "setEntityId": true, "stateEntityParamName": null, "openRightLayout": false, "dialogTitle": "Custom title", "dialogHideDashboardToolbar": true, "dialogWidth": null, "dialogHeight": null, "openInSeparateDialog": false, "openInPopover": false, "popoverPreferredPlacement": "top", "popoverHideOnClickOutside": true, "popoverHideDashboardToolbar": true, "popoverWidth": "25vw", "popoverHeight": "25vh", "popoverStyle": {} } ] } }, "row": 0, "col": 0, "id": "bff6d391-1523-0ddc-5028-ac5dbce54f87" }, "ac27382a-4aeb-3a0d-fe10-a51c2f745e80": { "typeFullFqn": "system.action_button", "type": "latest", "sizeX": 3, "sizeY": 1, "config": { "datasources": [], "timewindow": { "displayValue": "", "selectedTab": 0, "realtime": { "realtimeType": 1, "interval": 1000, "timewindowMs": 60000, "quickInterval": "CURRENT_DAY" }, "history": { "historyType": 0, "interval": 1000, "timewindowMs": 60000, "fixedTimewindow": { "startTimeMs": 1708512512933, "endTimeMs": 1708598912933 }, "quickInterval": "CURRENT_DAY" }, "aggregation": { "type": "AVG", "limit": 25000 } }, "showTitle": false, "backgroundColor": "#FFFFFF01", "color": "rgba(0, 0, 0, 0.87)", "padding": "0px", "settings": { "activatedState": { "action": "DO_NOTHING", "defaultValue": false, "getAttribute": { "key": "state", "scope": null }, "getTimeSeries": { "key": "state" }, "dataToValue": { "type": "NONE", "compareToValue": true, "dataToValueFunction": "/* Should return boolean value */\nreturn data;" } }, "disabledState": { "action": "DO_NOTHING", "defaultValue": false, "getAttribute": { "key": "state", "scope": null }, "getTimeSeries": { "key": "state" }, "dataToValue": { "type": "NONE", "compareToValue": true, "dataToValueFunction": "/* Should return boolean value */\nreturn data;" } }, "appearance": { "type": "outlined", "showLabel": true, "label": "Open URL", "showIcon": false, "icon": "home", "iconSize": 24, "iconSizeUnit": "px", "mainColor": "var(--tb-primary-500)", "backgroundColor": "#FFFFFF", "autoScale": true, "customStyle": { "enabled": null, "hovered": null, "pressed": null, "activated": null, "disabled": null } } }, "title": "Action button", "showTitleIcon": false, "iconColor": "rgba(0, 0, 0, 0.87)", "iconSize": "24px", "titleTooltip": "", "dropShadow": false, "enableFullscreen": false, "enableDataExport": false, "widgetStyle": {}, "titleStyle": { "fontSize": "16px", "fontWeight": 400 }, "showLegend": false, "useDashboardTimewindow": true, "displayTimewindow": true, "widgetCss": "", "pageSize": 1024, "noDataDisplayMessage": "", "borderRadius": "4px", "configMode": "basic", "actions": { "click": [ { "id": "9bfb7c2a-311e-22e4-74ac-559c172a153a", "name": "onClick", "icon": "more_horiz", "type": "openURL", "targetDashboardStateId": "other_state", "setEntityId": true, "stateEntityParamName": null, "openRightLayout": true, "dialogTitle": "Custom title", "dialogHideDashboardToolbar": true, "dialogWidth": null, "dialogHeight": null, "openInSeparateDialog": false, "openInPopover": false, "popoverPreferredPlacement": "top", "popoverHideOnClickOutside": true, "popoverHideDashboardToolbar": true, "popoverWidth": "25vw", "popoverHeight": "25vh", "popoverStyle": {}, "openNewBrowserTab": true, "url": "https://google.com" } ] } }, "row": 0, "col": 0, "id": "ac27382a-4aeb-3a0d-fe10-a51c2f745e80" }, "1495ca45-3d63-1cb3-8b23-18f57355f1c4": { "typeFullFqn": "system.action_button", "type": "latest", "sizeX": 3, "sizeY": 1, "config": { "datasources": [], "timewindow": { "displayValue": "", "selectedTab": 0, "realtime": { "realtimeType": 1, "interval": 1000, "timewindowMs": 60000, "quickInterval": "CURRENT_DAY" }, "history": { "historyType": 0, "interval": 1000, "timewindowMs": 60000, "fixedTimewindow": { "startTimeMs": 1708512512933, "endTimeMs": 1708598912933 }, "quickInterval": "CURRENT_DAY" }, "aggregation": { "type": "AVG", "limit": 25000 } }, "showTitle": false, "backgroundColor": "#FFFFFF01", "color": "rgba(0, 0, 0, 0.87)", "padding": "0px", "settings": { "activatedState": { "action": "DO_NOTHING", "defaultValue": false, "getAttribute": { "key": "state", "scope": null }, "getTimeSeries": { "key": "state" }, "dataToValue": { "type": "NONE", "compareToValue": true, "dataToValueFunction": "/* Should return boolean value */\nreturn data;" } }, "disabledState": { "action": "DO_NOTHING", "defaultValue": false, "getAttribute": { "key": "state", "scope": null }, "getTimeSeries": { "key": "state" }, "dataToValue": { "type": "NONE", "compareToValue": true, "dataToValueFunction": "/* Should return boolean value */\nreturn data;" } }, "appearance": { "type": "outlined", "showLabel": true, "label": "Drill down", "showIcon": false, "icon": "home", "iconSize": 24, "iconSizeUnit": "px", "mainColor": "var(--tb-primary-500)", "backgroundColor": "#FFFFFF", "autoScale": true, "customStyle": { "enabled": null, "hovered": null, "pressed": null, "activated": null, "disabled": null } } }, "title": "Action button", "showTitleIcon": false, "iconColor": "rgba(0, 0, 0, 0.87)", "iconSize": "24px", "titleTooltip": "", "dropShadow": false, "enableFullscreen": false, "enableDataExport": false, "widgetStyle": {}, "titleStyle": { "fontSize": "16px", "fontWeight": 400 }, "showLegend": false, "useDashboardTimewindow": true, "displayTimewindow": true, "widgetCss": "", "pageSize": 1024, "noDataDisplayMessage": "", "borderRadius": "4px", "configMode": "basic", "actions": { "click": [ { "id": "9bfb7c2a-311e-22e4-74ac-559c172a153a", "name": "onClick", "icon": "more_horiz", "type": "openDashboardState", "targetDashboardStateId": "other_state", "setEntityId": true, "stateEntityParamName": null, "openRightLayout": false, "dialogTitle": "Custom title", "dialogHideDashboardToolbar": true, "dialogWidth": null, "dialogHeight": null, "openInSeparateDialog": false, "openInPopover": false, "popoverPreferredPlacement": "top", "popoverHideOnClickOutside": true, "popoverHideDashboardToolbar": true, "popoverWidth": "25vw", "popoverHeight": "25vh", "popoverStyle": {} } ] } }, "row": 0, "col": 0, "id": "1495ca45-3d63-1cb3-8b23-18f57355f1c4" } }, "states": { "default": { "name": "Button use cases", "root": true, "layouts": { "main": { "widgets": { "bd301b7d-ad9b-57f4-e90b-dc5ba3798397": { "sizeX": 2, "sizeY": 1, "row": 0, "col": 0 }, "934b5157-10ad-00df-6fd4-256dd65e9c7c": { "sizeX": 2, "sizeY": 1, "row": 0, "col": 2 }, "bff6d391-1523-0ddc-5028-ac5dbce54f87": { "sizeX": 2, "sizeY": 1, "row": 0, "col": 4 }, "ac27382a-4aeb-3a0d-fe10-a51c2f745e80": { "sizeX": 2, "sizeY": 1, "row": 0, "col": 8 }, "1495ca45-3d63-1cb3-8b23-18f57355f1c4": { "sizeX": 2, "sizeY": 1, "row": 0, "col": 6 } }, "gridSettings": { "backgroundColor": "#eeeeee", "columns": 24, "margin": 10, "outerMargin": true, "backgroundSizeMode": "100%" } } } }, "other_state": { "name": "Other State", "root": false, "layouts": { "main": { "widgets": { "8eac27b7-a00f-1f7a-5c31-b5afa2809046": { "sizeX": 24, "sizeY": 13, "row": 0, "col": 0 } }, "gridSettings": { "backgroundColor": "#FFFFFF", "columns": 24, "margin": 10, "outerMargin": true, "backgroundSizeMode": "100%", "autoFillHeight": true, "backgroundImageUrl": null, "mobileAutoFillHeight": false, "mobileRowHeight": 70 } } } } }, "entityAliases": {}, "filters": {}, "timewindow": { "displayValue": "", "hideInterval": false, "hideLastInterval": false, "hideQuickInterval": false, "hideAggregation": false, "hideAggInterval": false, "hideTimezone": false, "selectedTab": 0, "realtime": { "realtimeType": 0, "interval": 1000, "timewindowMs": 60000, "quickInterval": "CURRENT_DAY" }, "history": { "historyType": 0, "interval": 1000, "timewindowMs": 60000, "fixedTimewindow": { "startTimeMs": 1708512163916, "endTimeMs": 1708598563916 }, "quickInterval": "CURRENT_DAY" }, "aggregation": { "type": "AVG", "limit": 25000 } }, "settings": { "stateControllerId": "entity", "showTitle": false, "showDashboardsSelect": true, "showEntitiesSelect": true, "showDashboardTimewindow": true, "showDashboardExport": true, "toolbarAlwaysOpen": true } }, "name": "Button use cases" }