Merge pull request #9806 from Dmitriymush/enhacements/carbon-monoxide-widgets

Added Carbon Monoxide Level (CO) widgets to air quality bundle

application/src/main/data/json/system/widget_bundles/air_quality.json

@@ -98,6 +98,14 @@
     "sulfur_dioxide_so2_chart_card",
     "sulfur_dioxide_so2_chart_card_with_background",
     "simple_sulfur_dioxide_so2_chart_card",
-    "simple_sulfur_dioxide_so2_chart_card_with_background"
+    "simple_sulfur_dioxide_so2_chart_card_with_background",
+    "carbon_monoxide_co_card",
+    "carbon_monoxide_co_card_with_background",
+    "horizontal_carbon_monoxide_co_card",
+    "horizontal_carbon_monoxide_co_card_with_background",
+    "carbon_monoxide_co_chart_card",
+    "carbon_monoxide_co_chart_card_with_background",
+    "simple_carbon_monoxide_co_chart_card",
+    "simple_carbon_monoxide_co_chart_card_with_background"
   ]
 }

application/src/main/data/json/system/widget_types/horizontal_carbon_monoxide__co__card.json

@@ -0,0 +1,37 @@
+{
+  "fqn": "horizontal_carbon_monoxide_co_card",
+  "name": "Horizontal carbon monoxide (CO) card",
+  "deprecated": false,
+  "image": "data:image/png;base64,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",
+  "description": "A colorless and odorless gas resulting from incomplete combustion, particularly in motor vehicles.",
+  "descriptor": {
+    "type": "latest",
+    "sizeX": 5,
+    "sizeY": 1,
+    "resources": [],
+    "templateHtml": "<tb-value-card-widget \n    [ctx]=\"ctx\"\n    [widgetTitlePanel]=\"widgetTitlePanel\">\n</tb-value-card-widget>",
+    "templateCss": "",
+    "controllerScript": "self.onInit = function() {\n    self.ctx.$scope.valueCardWidget.onInit();\n};\n\nself.onDataUpdated = function() {\n    self.ctx.$scope.valueCardWidget.onDataUpdated();\n};\n\nself.typeParameters = function() {\n    return {\n        maxDatasources: 1,\n        maxDataKeys: 1,\n        singleEntity: true,\n        horizontal: true,\n        previewWidth: '420px',\n        previewHeight: '90px',\n        embedTitlePanel: true,\n        defaultDataKeysFunction: function() {\n            return [{ name: 'carbon', label: 'Carbon monoxide', type: 'timeseries' }];\n        }\n    };\n};\n\nself.onDestroy = function() {\n};\n",
+    "settingsSchema": "",
+    "dataKeySettingsSchema": "",
+    "settingsDirective": "tb-value-card-widget-settings",
+    "hasBasicMode": true,
+    "basicModeDirective": "tb-value-card-basic-config",
+    "defaultConfig": "{\"datasources\":[{\"type\":\"function\",\"name\":\"function\",\"dataKeys\":[{\"name\":\"f(x)\",\"type\":\"function\",\"label\":\"Carbon monoxide\",\"color\":\"#2196f3\",\"settings\":{},\"_hash\":0.2392660816082064,\"funcBody\":\"var value = prevValue + Math.random() * 100 - 50;\\nvar multiplier = Math.pow(10, 2 || 0);\\nvar value = Math.round(value * multiplier) / multiplier;\\nif (value < 0) {\\n\\tvalue = 0;\\n} else if (value > 60) {\\n\\tvalue = 60;\\n}\\nreturn value;\",\"aggregationType\":null,\"units\":null,\"decimals\":null,\"usePostProcessing\":null,\"postFuncBody\":null}],\"alarmFilterConfig\":{\"statusList\":[\"ACTIVE\"]}}],\"timewindow\":{\"realtime\":{\"timewindowMs\":60000}},\"showTitle\":false,\"backgroundColor\":\"rgba(0, 0, 0, 0)\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"padding\":\"0px\",\"settings\":{\"labelPosition\":\"top\",\"layout\":\"horizontal\",\"showLabel\":true,\"labelFont\":{\"family\":\"Roboto\",\"size\":16,\"sizeUnit\":\"px\",\"style\":\"normal\",\"weight\":\"500\"},\"labelColor\":{\"type\":\"constant\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"colorFunction\":\"var temperature = value;\\nif (typeof temperature !== undefined) {\\n  var percent = (temperature + 60)/120 * 100;\\n  return tinycolor.mix('blue', 'red', percent).toHexString();\\n}\\nreturn 'blue';\"},\"showIcon\":true,\"iconSize\":40,\"iconSizeUnit\":\"px\",\"icon\":\"mdi:molecule-co\",\"iconColor\":{\"type\":\"range\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"rangeList\":[{\"from\":0,\"to\":5,\"color\":\"#3FA71A\"},{\"from\":5,\"to\":10,\"color\":\"#80C32C\"},{\"from\":10,\"to\":25,\"color\":\"#FFA600\"},{\"from\":25,\"to\":50,\"color\":\"#F36900\"},{\"from\":50,\"to\":null,\"color\":\"#D81838\"}],\"colorFunction\":\"var temperature = value;\\nif (typeof temperature !== undefined) {\\n  var percent = (temperature + 60)/120 * 100;\\n  return tinycolor.mix('blue', 'red', percent).toHexString();\\n}\\nreturn 'blue';\"},\"valueFont\":{\"size\":36,\"sizeUnit\":\"px\",\"family\":\"Roboto\",\"weight\":\"500\",\"style\":\"normal\"},\"valueColor\":{\"type\":\"range\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"rangeList\":[{\"from\":0,\"to\":5,\"color\":\"#3FA71A\"},{\"from\":5,\"to\":10,\"color\":\"#80C32C\"},{\"from\":10,\"to\":25,\"color\":\"#FFA600\"},{\"from\":25,\"to\":50,\"color\":\"#F36900\"},{\"from\":50,\"to\":null,\"color\":\"#D81838\"}],\"colorFunction\":\"var temperature = value;\\nif (typeof temperature !== undefined) {\\n  var percent = (temperature + 60)/120 * 100;\\n  return tinycolor.mix('blue', 'red', percent).toHexString();\\n}\\nreturn 'blue';\"},\"showDate\":true,\"dateFormat\":{\"format\":null,\"lastUpdateAgo\":true,\"custom\":false},\"dateFont\":{\"family\":\"Roboto\",\"size\":12,\"sizeUnit\":\"px\",\"style\":\"normal\",\"weight\":\"500\"},\"dateColor\":{\"type\":\"constant\",\"color\":\"rgba(0, 0, 0, 0.38)\",\"colorFunction\":\"var temperature = value;\\nif (typeof temperature !== undefined) {\\n  var percent = (temperature + 60)/120 * 100;\\n  return tinycolor.mix('blue', 'red', percent).toHexString();\\n}\\nreturn 'blue';\"},\"background\":{\"type\":\"color\",\"color\":\"#fff\",\"overlay\":{\"enabled\":false,\"color\":\"rgba(255,255,255,0.72)\",\"blur\":3}},\"autoScale\":true},\"title\":\"Carbon monoxide\",\"dropShadow\":true,\"enableFullscreen\":false,\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"units\":\"mg/m³\",\"decimals\":0,\"useDashboardTimewindow\":true,\"showLegend\":false,\"widgetStyle\":{},\"actions\":{},\"configMode\":\"basic\",\"displayTimewindow\":true,\"margin\":\"0px\",\"borderRadius\":\"0px\",\"widgetCss\":\"\",\"pageSize\":1024,\"noDataDisplayMessage\":\"\",\"showTitleIcon\":false,\"titleTooltip\":\"\",\"titleFont\":{\"size\":12,\"sizeUnit\":\"px\",\"family\":null,\"weight\":null,\"style\":null,\"lineHeight\":\"1.6\"},\"titleIcon\":\"\",\"iconColor\":\"rgba(0, 0, 0, 0.87)\",\"iconSize\":\"14px\",\"timewindowStyle\":{\"showIcon\":true,\"iconSize\":\"14px\",\"icon\":\"query_builder\",\"iconPosition\":\"left\",\"font\":{\"size\":12,\"sizeUnit\":\"px\",\"family\":null,\"weight\":null,\"style\":null,\"lineHeight\":\"1\"},\"color\":null}}"
+  },
+  "externalId": null,
+  "tags": [
+    "environment",
+    "particulate",
+    "matter",
+    "air",
+    "coarse particulates",
+    "coarse particles",
+    "inhalable particles",
+    "larger particulates",
+    "dust",
+    "airborne coarse particles",
+    "carbon monoxide",
+    "CO"
+  ]
+}