Show totals in blue and producing inverters in green
This commit is contained in:
parent
8f60a3a12a
commit
d485d1b820
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="row row-cols-1 row-cols-md-3 g-3">
|
<div class="row row-cols-1 row-cols-md-3 g-3">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<CardElement centerContent textVariant="text-bg-success" :text="$t('invertertotalinfo.TotalYieldTotal')">
|
<CardElement centerContent textVariant="text-bg-primary" :text="$t('invertertotalinfo.TotalYieldTotal')">
|
||||||
<h2>
|
<h2>
|
||||||
{{
|
{{
|
||||||
$n(totalData.YieldTotal.v, 'decimal', {
|
$n(totalData.YieldTotal.v, 'decimal', {
|
||||||
@ -14,7 +14,7 @@
|
|||||||
</CardElement>
|
</CardElement>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<CardElement centerContent textVariant="text-bg-success" :text="$t('invertertotalinfo.TotalYieldDay')">
|
<CardElement centerContent textVariant="text-bg-primary" :text="$t('invertertotalinfo.TotalYieldDay')">
|
||||||
<h2>
|
<h2>
|
||||||
{{
|
{{
|
||||||
$n(totalData.YieldDay.v, 'decimal', {
|
$n(totalData.YieldDay.v, 'decimal', {
|
||||||
@ -27,7 +27,7 @@
|
|||||||
</CardElement>
|
</CardElement>
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<CardElement centerContent textVariant="text-bg-success" :text="$t('invertertotalinfo.TotalPower')">
|
<CardElement centerContent textVariant="text-bg-primary" :text="$t('invertertotalinfo.TotalPower')">
|
||||||
<h2>
|
<h2>
|
||||||
{{
|
{{
|
||||||
$n(totalData.Power.v, 'decimal', {
|
$n(totalData.Power.v, 'decimal', {
|
||||||
|
|||||||
@ -80,7 +80,7 @@
|
|||||||
'text-bg-tertiary': !inverter.poll_enabled,
|
'text-bg-tertiary': !inverter.poll_enabled,
|
||||||
'text-bg-danger': inverter.poll_enabled && !inverter.reachable,
|
'text-bg-danger': inverter.poll_enabled && !inverter.reachable,
|
||||||
'text-bg-warning': inverter.poll_enabled && inverter.reachable && !inverter.producing,
|
'text-bg-warning': inverter.poll_enabled && inverter.reachable && !inverter.producing,
|
||||||
'text-bg-primary': inverter.poll_enabled && inverter.reachable && inverter.producing,
|
'text-bg-success': inverter.poll_enabled && inverter.reachable && inverter.producing,
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<div class="p-1 flex-grow-1">
|
<div class="p-1 flex-grow-1">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user