patrick/OpenDTU
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Feature: Show inverter status and current power in overview (if multiple inverters are available)

Browse Source
This commit is contained in:
Thomas Basler 2024-12-18 21:21:10 +01:00
parent 940027ab19
commit 8f60a3a12a
1 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
webapp/src/views/HomeView.vue
View File

@ -31,12 +31,22 @@
>
<div class="d-flex align-items-center">
<div class="me-2">
<BIconXCircleFill class="fs-4" v-if="!inverter.reachable" />
<BIconExclamationCircleFill
class="fs-4"
v-if="inverter.reachable && !inverter.producing"
/>
<BIconCheckCircleFill class="fs-4" v-if="inverter.reachable && inverter.producing" />
<span
v-if="inverter.AC"
class="badge"
:class="{
'text-bg-secondary': !inverter.poll_enabled,
'text-bg-danger': inverter.poll_enabled && !inverter.reachable,
'text-bg-warning':
inverter.poll_enabled && inverter.reachable && !inverter.producing,
'text-bg-success':
inverter.poll_enabled && inverter.reachable && inverter.producing,
}"
>
{{ $n(inverter.AC[0]?.Power?.v || 0, 'decimalNoDigits') }}
{{ inverter.AC[0].Power?.u }}
</span>
<span v-else class="badge text-bg-light">-</span>
</div>
<div class="ms-auto me-auto">
{{ inverter.name }}
@ -513,9 +523,7 @@ import * as bootstrap from 'bootstrap';
import {
BIconArrowCounterclockwise,
BIconBroadcast,
BIconCheckCircleFill,
BIconCpu,
BIconExclamationCircleFill,
BIconInfoCircle,
BIconJournalText,
BIconOutlet,
@ -523,7 +531,6 @@ import {
BIconSpeedometer,
BIconToggleOff,
BIconToggleOn,
BIconXCircleFill,
} from 'bootstrap-icons-vue';
import { defineComponent } from 'vue';
@ -540,9 +547,7 @@ export default defineComponent({
ModalDialog,
BIconArrowCounterclockwise,
BIconBroadcast,
BIconCheckCircleFill,
BIconCpu,
BIconExclamationCircleFill,
BIconInfoCircle,
BIconJournalText,
BIconOutlet,
@ -550,7 +555,6 @@ export default defineComponent({
BIconSpeedometer,
BIconToggleOff,
BIconToggleOn,
BIconXCircleFill,
},
data() {
return {