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", "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.", "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", "InverterList": "Wechselrichterliste",
"Status": "Status",
"Type": "Typ", "Type": "Typ",
"Action": "Aktion", "Action": "Aktion",
"DeleteInverter": "Wechselrichter löschen", "DeleteInverter": "Wechselrichter löschen",

View File

@ -401,6 +401,7 @@
"Add": "Add", "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.", "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", "InverterList": "Inverter List",
"Status": "Status",
"Type": "Type", "Type": "Type",
"Action": "Action", "Action": "Action",
"DeleteInverter": "Delete inverter", "DeleteInverter": "Delete inverter",

View File

@ -401,6 +401,7 @@
"Add": "Ajouter", "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.", "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", "InverterList": "Liste des onduleurs",
"Status": "Status",
"Type": "Type", "Type": "Type",
"Action": "Action", "Action": "Action",
"DeleteInverter": "Supprimer l'onduleur", "DeleteInverter": "Supprimer l'onduleur",

View File

@ -28,7 +28,8 @@
<table class="table"> <table class="table">
<thead> <thead>
<tr> <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.Name') }}</th>
<th>{{ $t('inverteradmin.Type') }}</th> <th>{{ $t('inverteradmin.Type') }}</th>
<th>{{ $t('inverteradmin.Action') }}</th> <th>{{ $t('inverteradmin.Action') }}</th>
@ -36,6 +37,17 @@
</thead> </thead>
<tbody> <tbody>
<tr v-for="inverter in sortedInverters" v-bind:key="inverter.id"> <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.serial }}</td>
<td>{{ inverter.name }}</td> <td>{{ inverter.name }}</td>
<td>{{ inverter.type }}</td> <td>{{ inverter.type }}</td>
@ -189,7 +201,9 @@ import * as bootstrap from 'bootstrap';
import { import {
BIconInfoCircle, BIconInfoCircle,
BIconPencil, BIconPencil,
BIconTrash BIconTrash,
BIconArrowDown,
BIconArrowUp,
} from 'bootstrap-icons-vue'; } from 'bootstrap-icons-vue';
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
@ -223,10 +237,12 @@ export default defineComponent({
BasePage, BasePage,
BootstrapAlert, BootstrapAlert,
CardElement, CardElement,
InputElement,
BIconInfoCircle, BIconInfoCircle,
BIconPencil, BIconPencil,
BIconTrash, BIconTrash,
InputElement, BIconArrowDown,
BIconArrowUp,
}, },
data() { data() {
return { return {