webapp: Add column inverter settings to show inverter send/receive status

This commit is contained in:
Thomas Basler 2023-02-18 20:29:18 +01:00
parent cd99ab8e42
commit 4c14417ea8
4 changed files with 22 additions and 3 deletions

View File

@ -401,6 +401,7 @@
"Add": "Hinzufügen",
"AddHint": "<b>Hinweis:</b> Sie können zusätzliche Parameter einstellen, nachdem Sie den Wechselrichter erstellt haben. Verwenden Sie dazu das Stiftsymbol in der Wechselrichterliste.",
"InverterList": "Wechselrichterliste",
"Status": "Status",
"Type": "Typ",
"Action": "Aktion",
"DeleteInverter": "Wechselrichter löschen",

View File

@ -401,6 +401,7 @@
"Add": "Add",
"AddHint": "<b>Hint:</b> You can set additional parameters after you have created the inverter. Use the pen icon in the inverter list.",
"InverterList": "Inverter List",
"Status": "Status",
"Type": "Type",
"Action": "Action",
"DeleteInverter": "Delete inverter",

View File

@ -401,6 +401,7 @@
"Add": "Ajouter",
"AddHint": " <b>Astuce :</b> Vous pouvez définir des paramètres supplémentaires après avoir créé l'onduleur. Utilisez l'icône du stylo dans la liste des onduleurs.",
"InverterList": "Liste des onduleurs",
"Status": "Status",
"Type": "Type",
"Action": "Action",
"DeleteInverter": "Supprimer l'onduleur",

View File

@ -28,7 +28,8 @@
<table class="table">
<thead>
<tr>
<th scope="col">{{ $t('inverteradmin.Serial') }}</th>
<th scope="col">{{ $t('inverteradmin.Status') }}</th>
<th>{{ $t('inverteradmin.Serial') }}</th>
<th>{{ $t('inverteradmin.Name') }}</th>
<th>{{ $t('inverteradmin.Type') }}</th>
<th>{{ $t('inverteradmin.Action') }}</th>
@ -36,6 +37,17 @@
</thead>
<tbody>
<tr v-for="inverter in sortedInverters" v-bind:key="inverter.id">
<td>
<span class="badge" :class="{
'text-bg-warning': !inverter.poll_enable_night,
'text-bg-dark': inverter.poll_enable_night,}"
><BIconArrowDown v-if="inverter.poll_enable" /></span>
<span class="badge" title="Send" :class="{
'text-bg-warning': !inverter.command_enable_night,
'text-bg-dark': inverter.command_enable_night,}"
><BIconArrowUp v-if="inverter.command_enable" /></span>
</td>
<td>{{ inverter.serial }}</td>
<td>{{ inverter.name }}</td>
<td>{{ inverter.type }}</td>
@ -189,7 +201,9 @@ import * as bootstrap from 'bootstrap';
import {
BIconInfoCircle,
BIconPencil,
BIconTrash
BIconTrash,
BIconArrowDown,
BIconArrowUp,
} from 'bootstrap-icons-vue';
import { defineComponent } from 'vue';
@ -223,10 +237,12 @@ export default defineComponent({
BasePage,
BootstrapAlert,
CardElement,
InputElement,
BIconInfoCircle,
BIconPencil,
BIconTrash,
InputElement,
BIconArrowDown,
BIconArrowUp,
},
data() {
return {