From d0d8be9c0540b8d36d64918a0993bf5fb904cbe0 Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Tue, 15 Nov 2022 19:55:04 +0100
Subject: [PATCH] webapp:  Added input fields to InverterAdminView to enter
 channel names

---
 webapp/src/views/InverterAdminView.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/webapp/src/views/InverterAdminView.vue b/webapp/src/views/InverterAdminView.vue
index 2129b526..893d54b8 100644
--- a/webapp/src/views/InverterAdminView.vue
+++ b/webapp/src/views/InverterAdminView.vue
@@ -73,15 +73,22 @@
                 <div class="modal-body">
                     <form>
                         <div class="mb-3">
-                            <label for="inverter-serial" class="col-form-label">Serial:</label>
+                            <label for="inverter-serial" class="col-form-label">Inverter Serial:</label>
                             <input v-model="selectedInverterData.serial" type="number" id="inverter-serial"
                                    class="form-control" />
-                            <label for="inverter-name" class="col-form-label">Name:</label>
+                            <label for="inverter-name" class="col-form-label">Inverter Name:</label>
                             <input v-model="selectedInverterData.name" type="text" id="inverter-name"
                                    class="form-control" maxlength="31" />
                         </div>
 
                         <div v-for="(max, index) in selectedInverterData.channel" :key="`${index}`">
+                            <label :for="`inverter-name_${index}`" class="col-form-label">Name string {{ index +1 }}:</label>
+                            <div class="d-flex mb-2">
+                                <div class="input-group">
+                                    <input type="text" class="form-control" :id="`inverter-name_${index}`" maxlength="31"
+                                           v-model="selectedInverterData.channel[index].name" />
+                                </div>
+                            </div>
                             <label :for="`inverter-max_${index}`" class="col-form-label">Max power string {{ index +1 }}:</label>
                             <div class="d-flex mb-2">
                                 <div class="input-group">