From 4c14417ea867cedcba506cec487c3097544d5f35 Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Sat, 18 Feb 2023 20:29:18 +0100
Subject: [PATCH] webapp: Add column inverter settings to show inverter
 send/receive status

---
 webapp/src/locales/de.json             |  1 +
 webapp/src/locales/en.json             |  1 +
 webapp/src/locales/fr.json             |  1 +
 webapp/src/views/InverterAdminView.vue | 22 +++++++++++++++++++---
 4 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/webapp/src/locales/de.json b/webapp/src/locales/de.json
index a30620d..d1a78e9 100644
--- a/webapp/src/locales/de.json
+++ b/webapp/src/locales/de.json
@@ -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",
diff --git a/webapp/src/locales/en.json b/webapp/src/locales/en.json
index cfb659c..cf6824b 100644
--- a/webapp/src/locales/en.json
+++ b/webapp/src/locales/en.json
@@ -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",
diff --git a/webapp/src/locales/fr.json b/webapp/src/locales/fr.json
index 571a785..66f5e75 100644
--- a/webapp/src/locales/fr.json
+++ b/webapp/src/locales/fr.json
@@ -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",
diff --git a/webapp/src/views/InverterAdminView.vue b/webapp/src/views/InverterAdminView.vue
index b457d91..2d63663 100644
--- a/webapp/src/views/InverterAdminView.vue
+++ b/webapp/src/views/InverterAdminView.vue
@@ -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 {