From dfd553090e833545210b4737cf566ec50bccf037 Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Mon, 31 Oct 2022 11:49:42 +0100
Subject: [PATCH] webapp: Round to relevant digits in live status

---
 webapp/src/components/InverterChannelInfo.vue | 6 +++---
 webapp/src/types/LiveDataStatus.ts            | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/webapp/src/components/InverterChannelInfo.vue b/webapp/src/components/InverterChannelInfo.vue
index 1392c6da..f3af0c6f 100644
--- a/webapp/src/components/InverterChannelInfo.vue
+++ b/webapp/src/components/InverterChannelInfo.vue
@@ -15,7 +15,7 @@
                     <tr v-for="(property, key) in channelData" :key="`prop-${key}`">
                         <template v-if="property">
                             <th scope="row">{{ key }}</th>
-                            <td style="text-align: right">{{ formatNumber(property.v) }}</td>
+                            <td style="text-align: right">{{ formatNumber(property.v, property.d) }}</td>
                             <td>{{ property.u }}</td>
                         </template>
                     </tr>
@@ -35,9 +35,9 @@ export default defineComponent({
         channelNumber: { type: Number, required: true },
     },
     methods: {
-        formatNumber(num: number) {
+        formatNumber(num: number, digits: number) {
             return new Intl.NumberFormat(
-                undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 }
+                undefined, { minimumFractionDigits: digits, maximumFractionDigits: digits }
             ).format(num);
         },
     },
diff --git a/webapp/src/types/LiveDataStatus.ts b/webapp/src/types/LiveDataStatus.ts
index a8b00f4c..c004a9aa 100644
--- a/webapp/src/types/LiveDataStatus.ts
+++ b/webapp/src/types/LiveDataStatus.ts
@@ -1,6 +1,7 @@
 export interface ValueObject {
     v: number, // value
     u: string, // unit
+    d: number, // digits
 };
 
 export interface InverterStatistics {