webapp: Add "Not Producing" indicator
This commit is contained in:
parent
00b1ff84be
commit
bd17ca5199
@ -85,7 +85,8 @@ void WebApiWsLiveClass::generateJsonResponse(JsonVariant& root)
|
||||
root[i][F("serial")] = String(buffer);
|
||||
root[i][F("name")] = inv->name();
|
||||
root[i][F("data_age")] = (millis() - inv->Statistics()->getLastUpdate()) / 1000;
|
||||
root[i][F("reachable")] = !inv->isReachable();
|
||||
root[i][F("reachable")] = inv->isReachable();
|
||||
root[i][F("producing")] = inv->isProducing();
|
||||
|
||||
// Loop all channels
|
||||
for (uint8_t c = 0; c <= inv->Statistics()->getChannelCount(); c++) {
|
||||
|
||||
@ -19,6 +19,9 @@
|
||||
:id="'v-pills-' + inverter.serial + '-tab'" data-bs-toggle="pill"
|
||||
:data-bs-target="'#v-pills-' + inverter.serial" type="button" role="tab"
|
||||
aria-controls="'v-pills-' + inverter.serial" aria-selected="true">
|
||||
<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" />
|
||||
{{ inverter.name }}
|
||||
</button>
|
||||
</div>
|
||||
@ -31,8 +34,9 @@
|
||||
<div class="card">
|
||||
<div class="card-header text-white bg-primary d-flex justify-content-between align-items-center"
|
||||
:class="{
|
||||
'bg-danger': inverter.reachable,
|
||||
'bg-primary': !inverter.reachable,
|
||||
'bg-danger': !inverter.reachable,
|
||||
'bg-warning': inverter.reachable && !inverter.producing,
|
||||
'bg-primary': inverter.reachable && inverter.producing,
|
||||
}">
|
||||
{{ inverter.name }} (Inverter Serial Number:
|
||||
{{ inverter.serial }}) (Data Age:
|
||||
@ -241,6 +245,7 @@ declare interface Inverter {
|
||||
serial: number,
|
||||
name: string,
|
||||
reachable: boolean,
|
||||
producing: boolean,
|
||||
data_age: 0,
|
||||
events: 0
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user