Change function signature: drawing heatmap

Add parameter for datastream metadata to function that draws heatmap
chart

public/js/appCesium.js

@@ -3,9 +3,11 @@
 // Functions
 import {
   getDatastreamIdFromBuildingNumber,
+  getDatastreamUrl,
   getObservationsUrl,
   formatSTAResponseForHeatMap,
   axiosGetRequest,
+  getDatastreamMetadata,
   drawHeatMapHC,
   formatSTAResponseForLineChart,
   drawLineChartHC,
@@ -300,6 +302,11 @@ const activate3DTileFeaturePicking = function () {
       "60min"
     );
 
+    const URL_DATASTREAM = getDatastreamUrl(
+      BASE_URL,
+      clickedBuildingDatastreamId
+    );
+
     const URL_OBSERVATIONS = getObservationsUrl(
       BASE_URL,
       clickedBuildingDatastreamId

public/js/appChart.js

@@ -81,7 +81,7 @@ export const getDatastreamIdFromBuildingNumber = function (
   return datastreamIdMatched;
 };
 
-const getDatastreamUrl = function (baseUrl, datastreamID) {
+export const getDatastreamUrl = function (baseUrl, datastreamID) {
   if (!datastreamID) return;
   const fullDatastreamURL = `${baseUrl}/Datastreams(${datastreamID})`;
   return fullDatastreamURL;
@@ -138,7 +138,7 @@ export const axiosGetRequest = function (urlObservations, urlParamObj) {
   });
 };
 
-const getDatastreamMetadata = async function (urlDatastream) {
+export const getDatastreamMetadata = async function (urlDatastream) {
   try {
     // Extract properties of interest
     const {
@@ -184,7 +184,10 @@ export const formatSTAResponseForHeatMap = function (obsArray) {
  * @param {Array} formattedObsArrayForHeatmap Response from SensorThings API formatted for use in a heatmap
  * @returns {undefined} undefined
  */
-export const drawHeatMapHC = function (formattedObsArrayForHeatmap) {
+export const drawHeatMapHC = function (
+  formattedObsArrayForHeatmap,
+  datastreamMetadata
+) {
   Highcharts.chart("chart-heatmap", {
     chart: {
       type: "heatmap",
@@ -196,13 +199,15 @@ export const drawHeatMapHC = function (formattedObsArrayForHeatmap) {
     },
 
     title: {
-      text: "Inlet flow (Vorlauf)",
+      // text: "Inlet flow (Vorlauf)",
+      text: `${datastreamMetadata.description}`,
       align: "left",
       x: 40,
     },
 
     subtitle: {
-      text: "Temperature variation by day and hour in 2020",
+      // text: "Temperature variation by day and hour in 2020",
+      text: `${datastreamMetadata.name}`,
       align: "left",
       x: 40,
     },