{ "title": "Smart Device Details", "image": null, "mobileHide": false, "mobileOrder": null, "configuration": { "description": "", "widgets": { "b2a4ee21-a60a-0fd1-6477-32239383884e": { "typeFullFqn": "system.cards.markdown_card", "type": "latest", "sizeX": 5, "sizeY": 3.5, "config": { "datasources": [ { "type": "device", "name": "", "deviceId": "6b595cd0-7dd5-11f0-acfd-cb50e27d53ce", "dataKeys": [ { "name": "temperature", "type": "timeseries", "label": "temperature", "color": "#2196f3", "settings": {}, "_hash": 0.8692272471823347, "aggregationType": "NONE", "units": null, "decimals": null, "funcBody": null, "usePostProcessing": null, "postFuncBody": null }, { "name": "humidity", "type": "timeseries", "label": "humidity", "color": "#4caf50", "settings": {}, "_hash": 0.14043408056634743 } ], "alarmFilterConfig": { "statusList": ["ACTIVE"] } } ], "timewindow": { "displayValue": "", "selectedTab": 0, "realtime": { "realtimeType": 1, "interval": 1000, "timewindowMs": 60000, "quickInterval": "CURRENT_DAY", "hideInterval": false, "hideLastInterval": false, "hideQuickInterval": false }, "history": { "historyType": 0, "interval": 1000, "timewindowMs": 60000, "fixedTimewindow": { "startTimeMs": 1758615153106, "endTimeMs": 1758701553106 }, "quickInterval": "CURRENT_DAY", "hideInterval": false, "hideLastInterval": false, "hideFixedInterval": false, "hideQuickInterval": false }, "aggregation": { "type": "AVG", "limit": 25000 } }, "showTitle": false, "backgroundColor": "#fff", "color": "rgba(0, 0, 0, 0.87)", "padding": "0px", "settings": { "useMarkdownTextFunction": false, "markdownTextPattern": "
\n

${entityName}

\n\n

\n Current temperature:\n ${temperature:1} °C\n

\n\n

\n Current humidity:\n ${humidity:0} %\n

\n
", "markdownTextFunction": "const entity = data[0];\nconst color = entity.temperature > 25 ? \"red\" : entity.temperature > 20 ? 'green' : 'blue'\nconst entityName = `### Temperature value card\\n - Current entity: ${entity.entityName}\\n `\nconst temp = `- Current temperature: ${entity.temperature.toFixed(1)} °C\\n `\nreturn entityName + temp;", "applyDefaultMarkdownStyle": true, "markdownCss": "/* Базова картка */\n.office-card {\n box-sizing: border-box;\n padding: 16px;\n margin: 6px 0;\n text-align: center;\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Noto Sans\";\n}\n\n.office-card h3 {\n margin: 0 0 12px;\n font-size: 24px;\n}\n\n/* Температура — синя рамка на сірому фоні з легким блакитним відтінком */\n.blue-box {\n background: #2196F31A; /* прозорий блакитний */\n border: 2px solid #2196F3; /* синя обводка */\n border-radius: 10px;\n padding: 10px; /* фіксовані відступи 16px з усіх боків */\n margin: 8px 0;\n font-weight: 700;\n}\n\n/* Вологість — зелена рамка на сірому фоні з легким зеленим відтінком */\n.green-box {\n background: #4CAF501A; /* прозорий зелений */\n border: 2px solid #4CAF50; /* зелена обводка */\n border-radius: 10px;\n padding: 10px; /* фіксовані відступи 16px */\n margin: 6px 0;\n font-weight: 700;\n}\n\n/* Значення — жирні й з табличними цифрами для рівного вирівнювання */\n.temp-value,\n.hum-value {\n font-weight: 700;\n font-variant-numeric: tabular-nums;\n}\n" }, "title": "Temperature value card", "showTitleIcon": false, "iconColor": "rgba(0, 0, 0, 0.87)", "iconSize": "24px", "titleTooltip": "", "dropShadow": true, "enableFullscreen": false, "widgetStyle": {}, "titleStyle": { "fontSize": "16px", "fontWeight": 400 }, "showLegend": false, "useDashboardTimewindow": true, "displayTimewindow": true, "enableDataExport": false, "widgetCss": "", "pageSize": 1024, "noDataDisplayMessage": "", "actions": { "elementClick": [] }, "units": null, "decimals": 0 }, "row": 0, "col": 0, "id": "b2a4ee21-a60a-0fd1-6477-32239383884e" }, "480c56aa-2ecf-ff96-50e2-9fa06fa34431": { "typeFullFqn": "system.line_chart", "type": "timeseries", "sizeX": 8, "sizeY": 5, "config": { "datasources": [ { "type": "device", "name": "", "deviceId": "6b595cd0-7dd5-11f0-acfd-cb50e27d53ce", "dataKeys": [ { "name": "temperature", "type": "timeseries", "label": "Temperature", "color": "#2196f3", "settings": { "yAxisId": "default", "showInLegend": true, "dataHiddenByDefault": false, "type": "line", "lineSettings": { "showLine": true, "step": false, "stepType": "start", "smooth": false, "lineType": "solid", "lineWidth": 2, "showPoints": false, "showPointLabel": false, "pointLabelPosition": "top", "pointLabelFont": { "family": "Roboto", "size": 11, "sizeUnit": "px", "style": "normal", "weight": "400", "lineHeight": "1" }, "pointLabelColor": "rgba(0, 0, 0, 0.76)", "enablePointLabelBackground": false, "pointLabelBackground": "rgba(255,255,255,0.56)", "pointShape": "emptyCircle", "pointSize": 4, "fillAreaSettings": { "type": "none", "opacity": 0.4, "gradient": { "start": 100, "end": 0 } } }, "barSettings": { "showBorder": false, "borderWidth": 2, "borderRadius": 0, "showLabel": false, "labelPosition": "top", "labelFont": { "family": "Roboto", "size": 11, "sizeUnit": "px", "style": "normal", "weight": "400", "lineHeight": "1" }, "labelColor": "rgba(0, 0, 0, 0.76)", "enableLabelBackground": false, "labelBackground": "rgba(255,255,255,0.56)", "backgroundSettings": { "type": "none", "opacity": 0.4, "gradient": { "start": 100, "end": 0 } } }, "comparisonSettings": { "showValuesForComparison": false, "comparisonValuesLabel": "", "color": "" } }, "_hash": 0.4339325287524137, "units": "°C", "decimals": 0 } ], "alarmFilterConfig": { "statusList": ["ACTIVE"] }, "latestDataKeys": [] } ], "timewindow": { "hideAggregation": false, "hideAggInterval": false, "hideTimezone": false, "selectedTab": 0, "realtime": { "realtimeType": 0, "timewindowMs": 60000, "quickInterval": "CURRENT_DAY", "interval": 1000 }, "aggregation": { "type": "AVG", "limit": 25000 }, "timezone": null }, "showTitle": true, "backgroundColor": "rgba(0, 0, 0, 0)", "color": "rgba(0, 0, 0, 0.87)", "padding": "0px", "settings": { "showLegend": true, "legendConfig": { "direction": "column", "position": "bottom", "sortDataKeys": false, "showMin": false, "showMax": false, "showAvg": true, "showTotal": false, "showLatest": false, "valueFormat": null }, "thresholds": [], "dataZoom": false, "stack": false, "yAxis": { "show": true, "label": "", "labelFont": { "family": "Roboto", "size": 12, "sizeUnit": "px", "style": "normal", "weight": "600", "lineHeight": "1" }, "labelColor": "rgba(0, 0, 0, 0.54)", "position": "left", "showTickLabels": true, "tickLabelFont": { "family": "Roboto", "size": 12, "sizeUnit": "px", "style": "normal", "weight": "400", "lineHeight": "1" }, "tickLabelColor": "rgba(0, 0, 0, 0.54)", "showTicks": true, "ticksColor": "rgba(0, 0, 0, 0.54)", "showLine": true, "lineColor": "rgba(0, 0, 0, 0.54)", "showSplitLines": true, "splitLinesColor": "rgba(0, 0, 0, 0.12)" }, "xAxis": { "show": true, "label": "", "labelFont": { "family": "Roboto", "size": 12, "sizeUnit": "px", "style": "normal", "weight": "600", "lineHeight": "1" }, "labelColor": "rgba(0, 0, 0, 0.54)", "position": "bottom", "showTickLabels": true, "tickLabelFont": { "family": "Roboto", "size": 10, "sizeUnit": "px", "style": "normal", "weight": "400", "lineHeight": "1" }, "tickLabelColor": "rgba(0, 0, 0, 0.54)", "ticksFormat": {}, "showTicks": true, "ticksColor": "rgba(0, 0, 0, 0.54)", "showLine": true, "lineColor": "rgba(0, 0, 0, 0.54)", "showSplitLines": true, "splitLinesColor": "rgba(0, 0, 0, 0.12)" }, "legendLabelFont": { "family": "Roboto", "size": 12, "sizeUnit": "px", "style": "normal", "weight": "400", "lineHeight": "16px" }, "legendLabelColor": "rgba(0, 0, 0, 0.76)", "showTooltip": true, "tooltipTrigger": "axis", "tooltipValueFont": { "family": "Roboto", "size": 12, "sizeUnit": "px", "style": "normal", "weight": "500", "lineHeight": "16px" }, "tooltipValueColor": "rgba(0, 0, 0, 0.76)", "tooltipShowDate": true, "tooltipDateFormat": { "format": null, "lastUpdateAgo": false, "custom": false, "auto": true, "autoDateFormatSettings": {} }, "tooltipDateFont": { "family": "Roboto", "size": 11, "sizeUnit": "px", "style": "normal", "weight": "400", "lineHeight": "16px" }, "tooltipDateColor": "rgba(0, 0, 0, 0.76)", "tooltipDateInterval": true, "tooltipBackgroundColor": "rgba(255, 255, 255, 0.76)", "tooltipBackgroundBlur": 4, "background": { "type": "color", "color": "#fff", "overlay": { "enabled": false, "color": "rgba(255,255,255,0.72)", "blur": 3 } }, "yAxes": { "default": { "units": "°C", "decimals": 0, "show": true, "label": "Temperature", "labelFont": { "family": "Roboto", "size": 12, "sizeUnit": "px", "style": "normal", "weight": "600", "lineHeight": "1" }, "labelColor": "rgba(0, 0, 0, 0.54)", "position": "left", "showTickLabels": true, "tickLabelFont": { "family": "Roboto", "size": 12, "sizeUnit": "px", "style": "normal", "weight": "400", "lineHeight": "1" }, "tickLabelColor": "rgba(0, 0, 0, 0.54)", "ticksFormatter": null, "showTicks": true, "ticksColor": "rgba(0, 0, 0, 0.54)", "showLine": true, "lineColor": "rgba(0, 0, 0, 0.54)", "showSplitLines": true, "splitLinesColor": "rgba(0, 0, 0, 0.12)", "id": "default", "order": 0, "min": 15, "max": 35 } }, "noAggregationBarWidthSettings": { "strategy": "group", "groupWidth": { "relative": true, "relativeWidth": 2, "absoluteWidth": 1000 }, "barWidth": { "relative": true, "relativeWidth": 2, "absoluteWidth": 1000 } }, "animation": { "animation": true, "animationThreshold": 2000, "animationDuration": 500, "animationEasing": "cubicOut", "animationDelay": 0, "animationDurationUpdate": 300, "animationEasingUpdate": "cubicOut", "animationDelayUpdate": 0 }, "padding": "12px", "comparisonEnabled": false, "timeForComparison": "previousInterval", "comparisonCustomIntervalValue": 7200000, "comparisonXAxis": { "show": true, "label": "", "labelFont": { "family": "Roboto", "size": 12, "sizeUnit": "px", "style": "normal", "weight": "600", "lineHeight": "1" }, "labelColor": "rgba(0, 0, 0, 0.54)", "position": "top", "showTickLabels": true, "tickLabelFont": { "family": "Roboto", "size": 10, "sizeUnit": "px", "style": "normal", "weight": "400", "lineHeight": "1" }, "tickLabelColor": "rgba(0, 0, 0, 0.54)", "ticksFormat": {}, "showTicks": true, "ticksColor": "rgba(0, 0, 0, 0.54)", "showLine": true, "lineColor": "rgba(0, 0, 0, 0.54)", "showSplitLines": true, "splitLinesColor": "rgba(0, 0, 0, 0.12)" }, "grid": { "show": false, "backgroundColor": null, "borderWidth": 1, "borderColor": "#ccc" }, "legendColumnTitleFont": { "family": "Roboto", "size": 12, "sizeUnit": "px", "style": "normal", "weight": "400", "lineHeight": "16px" }, "legendColumnTitleColor": "rgba(0, 0, 0, 0.38)", "legendValueFont": { "family": "Roboto", "size": 12, "sizeUnit": "px", "style": "normal", "weight": "500", "lineHeight": "16px" }, "legendValueColor": "rgba(0, 0, 0, 0.87)", "tooltipLabelFont": { "family": "Roboto", "size": 12, "sizeUnit": "px", "style": "normal", "weight": "400", "lineHeight": "16px" }, "tooltipLabelColor": "rgba(0, 0, 0, 0.76)", "tooltipHideZeroValues": null }, "title": "Temperature history", "dropShadow": true, "enableFullscreen": false, "titleStyle": null, "mobileHeight": null, "configMode": "basic", "actions": {}, "showTitleIcon": false, "titleIcon": "thermostat", "iconColor": "#1F6BDD", "useDashboardTimewindow": true, "displayTimewindow": true, "titleFont": { "size": 16, "sizeUnit": "px", "family": "Roboto", "weight": "500", "style": "normal", "lineHeight": "24px" }, "titleColor": "rgba(0, 0, 0, 0.87)", "titleTooltip": "", "widgetStyle": {}, "widgetCss": "", "pageSize": 1024, "units": "", "decimals": null, "noDataDisplayMessage": "", "timewindowStyle": { "showIcon": false, "iconSize": "24px", "icon": null, "iconPosition": "left", "font": { "size": 12, "sizeUnit": "px", "family": "Roboto", "weight": "400", "style": "normal", "lineHeight": "16px" }, "color": "rgba(0, 0, 0, 0.38)", "displayTypePrefix": true }, "margin": "0px", "borderRadius": "0px", "iconSize": "0px", "enableDataExport": false }, "row": 0, "col": 0, "id": "480c56aa-2ecf-ff96-50e2-9fa06fa34431" } }, "states": { "default": { "name": "Smart Device Details", "root": true, "layouts": { "main": { "widgets": { "b2a4ee21-a60a-0fd1-6477-32239383884e": { "sizeX": 6, "sizeY": 4, "row": 0, "col": 0, "resizable": true } }, "gridSettings": { "layoutType": "default", "backgroundColor": "#eeeeee", "columns": 24, "margin": 10, "outerMargin": true, "backgroundSizeMode": "100%" } } } }, "temperature_history": { "name": "Temperature history", "root": false, "layouts": { "main": { "widgets": { "480c56aa-2ecf-ff96-50e2-9fa06fa34431": { "sizeX": 25, "sizeY": 11, "mobileHeight": null, "row": 0, "col": 0 } }, "gridSettings": { "layoutType": "default", "backgroundColor": "#eeeeee", "columns": 24, "margin": 10, "outerMargin": true, "backgroundSizeMode": "100%", "minColumns": 24, "viewFormat": "grid", "autoFillHeight": true, "rowHeight": 70, "backgroundImageUrl": null, "mobileAutoFillHeight": false, "mobileRowHeight": 70 } } } } }, "entityAliases": { "d66cdd0e-665d-c7d4-b94d-b494ce509df0": { "id": "d66cdd0e-665d-c7d4-b94d-b494ce509df0", "alias": "Office A", "filter": { "type": "singleEntity", "resolveMultiple": false, "singleEntity": { "entityType": "ASSET", "id": "ac1b59d0-833e-11f0-acfd-cb50e27d53ce" } } }, "015fe985-e933-9320-389d-08397414520a": { "id": "015fe985-e933-9320-389d-08397414520a", "alias": "Smart Device", "filter": { "type": "stateEntity", "resolveMultiple": false, "stateEntityParamName": null, "defaultStateEntity": null } } }, "filters": {}, "timewindow": { "hideAggregation": false, "hideAggInterval": false, "hideTimezone": false, "selectedTab": 0, "realtime": { "realtimeType": 0, "interval": 300000, "timewindowMs": 43200000, "quickInterval": "CURRENT_DAY", "hideInterval": false, "hideLastInterval": false, "hideQuickInterval": false }, "history": { "historyType": 0, "interval": 1000, "timewindowMs": 60000, "fixedTimewindow": null, "quickInterval": "CURRENT_DAY", "hideInterval": false, "hideLastInterval": false, "hideFixedInterval": false, "hideQuickInterval": false }, "aggregation": { "type": "AVG", "limit": 25000 }, "timezone": null }, "settings": { "stateControllerId": "entity", "showTitle": false, "showDashboardsSelect": true, "showEntitiesSelect": true, "showDashboardTimewindow": true, "showDashboardExport": true, "toolbarAlwaysOpen": true } }, "name": "Smart Device Details", "resources": [] }