UI: added Nitrogen Dioxide Level (NO2) widgets to air quality bundle

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

@@ -82,6 +82,14 @@
     "ozone_o3_chart_card_with_background",
     "ozone_o3_chart_card_with_background2",
     "simple_ozone_o3_chart_card",
-    "simple_ozone_o3_chart_card_with_background"
+    "simple_ozone_o3_chart_card_with_background",
+    "nitrogen_dioxide_no2_card",
+    "nitrogen_dioxide_no2_card_with_background",
+    "horizontal_nitrogen_dioxide_no2_card",
+    "horizontal_nitrogen_dioxide_no2_card_with_background",
+    "nitrogen_dioxide_no2_chart_card",
+    "nitrogen_dioxide_no2_chart_card_with_background",
+    "simple_nitrogen_dioxide_no2_chart_card",
+    "simple_nitrogen_dioxide_no2_chart_card_with_background"
   ]
 }

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

@@ -0,0 +1,36 @@
+{
+  "fqn": "horizontal_nitrogen_dioxide_no2_card",
+  "name": "Horizontal nitrogen dioxide (NO2) card",
+  "deprecated": false,
+  "image": "data:image/png;base64,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",
+  "description": "A gas produced from vehicle emissions and the burning of fossil fuels.",
+  "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: 'nitrogen', label: 'Nitrogen dioxide', 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\":\"Nitrogen dioxide\",\"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 > 250) {\\n\\tvalue = 250;\\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\":\"public\",\"iconColor\":{\"type\":\"range\",\"color\":\"rgba(0, 0, 0, 0.87)\",\"rangeList\":[{\"from\":0,\"to\":40,\"color\":\"#3FA71A\"},{\"from\":40,\"to\":90,\"color\":\"#80C32C\"},{\"from\":90,\"to\":120,\"color\":\"#FFA600\"},{\"from\":120,\"to\":230,\"color\":\"#F36900\"},{\"from\":230,\"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\":40,\"color\":\"#3FA71A\"},{\"from\":40,\"to\":90,\"color\":\"#80C32C\"},{\"from\":90,\"to\":120,\"color\":\"#FFA600\"},{\"from\":120,\"to\":230,\"color\":\"#F36900\"},{\"from\":230,\"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\":\"Horizontal nitrogen dioxide (NO2) card\",\"dropShadow\":true,\"enableFullscreen\":false,\"titleStyle\":{\"fontSize\":\"16px\",\"fontWeight\":400},\"units\":\"µg/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",
+    "nitrogen"
+  ]
+}