webapp: Round to relevant digits in live status

This commit is contained in:
Thomas Basler 2022-10-31 11:49:42 +01:00
parent 4049f6bdb7
commit dfd553090e
2 changed files with 4 additions and 3 deletions

View File

@ -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);
},
},

View File

@ -1,6 +1,7 @@
export interface ValueObject {
v: number, // value
u: string, // unit
d: number, // digits
};
export interface InverterStatistics {