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}`"> <tr v-for="(property, key) in channelData" :key="`prop-${key}`">
<template v-if="property"> <template v-if="property">
<th scope="row">{{ key }}</th> <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> <td>{{ property.u }}</td>
</template> </template>
</tr> </tr>
@ -35,9 +35,9 @@ export default defineComponent({
channelNumber: { type: Number, required: true }, channelNumber: { type: Number, required: true },
}, },
methods: { methods: {
formatNumber(num: number) { formatNumber(num: number, digits: number) {
return new Intl.NumberFormat( return new Intl.NumberFormat(
undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 } undefined, { minimumFractionDigits: digits, maximumFractionDigits: digits }
).format(num); ).format(num);
}, },
}, },

View File

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