add consumer temperature readings to consumer card

packages/modules/web_themes/koala/source/src/components/ConsumerCard.vue

@@ -38,6 +38,23 @@
       </div>
     </q-card-section>
 
+    <q-card-section
+      v-for="sensor in temperatures.sensors"
+      :key="sensor.index"
+      class="row q-mt-sm text-subtitle2 justify-between full-width"
+    >
+      <div>
+        {{
+          temperatures.sensorCount > 1
+            ? `Temperatur ${sensor.index + 1}:`
+            : 'Temperatur:'
+        }}
+      </div>
+      <div class="q-ml-sm">
+        {{ sensor.textValue }}
+      </div>
+    </q-card-section>
+
     <q-card-section
       class="row q-mt-sm text-subtitle2 justify-between full-width"
     >
@@ -87,6 +104,10 @@ const powerValue = computed(
 );
 const isRunning = computed(() => powerValue.value > 0);
 
+const temperatures = computed(() =>
+  mqttStore.consumerTemperatures(props.consumerId),
+);
+
 const runTime = computed<string>(() => {
   const seconds = mqttStore.consumerOnTime(props.consumerId);
   if (seconds === undefined) {

packages/modules/web_themes/koala/source/src/stores/mqtt-store.ts

@@ -3828,6 +3828,43 @@ export const useMqttStore = defineStore('mqtt', () => {
     };
   });
 
+  /**
+   * Get the temperature readings of a consumer identified by the consumer id.
+   * @param consumerId
+   * @returns { sensorCount, sensors }
+   */
+  const consumerTemperatures = computed(() => {
+    return (
+      consumerId: number,
+    ): {
+      sensorCount: number;
+      sensors: { index: number; textValue: string }[];
+    } => {
+      const temperatures = getValue.value(
+        `openWB/consumer/${consumerId}/get/temperatures`,
+      );
+      if (!Array.isArray(temperatures)) {
+        return { sensorCount: 0, sensors: [] };
+      }
+      if (!temperatures.some((value: unknown) => typeof value === 'number')) {
+        return { sensorCount: 0, sensors: [] };
+      }
+      const sensors = temperatures.map((value: unknown, index: number) => ({
+        index,
+        textValue: getValueObject.value(
+          typeof value === 'number' ? value : undefined,
+          '°C',
+          '',
+          false,
+          false,
+          '---',
+          1,
+        ).textValue,
+      }));
+      return { sensorCount: temperatures.length, sensors };
+    };
+  });
+
   /**
    * Get the status text of a consumer identified by the consumer id
    * @param consumerId consumer id
@@ -4584,6 +4621,7 @@ export const useMqttStore = defineStore('mqtt', () => {
     consumerSumPower,
     consumerDailyImported,
     consumerOnTime,
+    consumerTemperatures,
     consumerStateStr,
     consumerFaultState,
     consumerFaultStr,