From 63338ea2bb883a9ef9f484393631343a4b23ec8b Mon Sep 17 00:00:00 2001
From: DanielR92 <DanielR92@users.noreply.github.com>
Date: Thu, 6 Oct 2022 18:37:28 +0200
Subject: [PATCH] list is now dynamic

---
 tools/esp8266/html/serial.html | 30 +++++++++++++++++++++++-------
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/tools/esp8266/html/serial.html b/tools/esp8266/html/serial.html
index 8f79810d..1f533f26 100644
--- a/tools/esp8266/html/serial.html
+++ b/tools/esp8266/html/serial.html
@@ -11,7 +11,10 @@
         <div id="content" class="content">
             <div class="serial">
                 <textarea id="serial" cols="80" rows="20" readonly></textarea><br/>
-                connected: <span class="dot" id="connected"></span> Uptime: <span id="uptime"></span><input type="button" value="clear" class="btn" id="clear"/> <input type="button" value="autoscroll" class="btn" id="scroll"/>
+                connected: <span class="dot" id="connected"></span> 
+                Uptime: <span id="uptime"></span>
+                <input type="button" value="clear" class="btn" id="clear"/> 
+                <input type="button" value="autoscroll" class="btn" id="scroll"/>
 
                 <br/>
                 <br/>
@@ -21,11 +24,7 @@
                 <h3>handle next buttons with care - test / debug only!!</h3>
                 <br/>
                 <label for="iv">Select Inverter:</label>
-                <select name="iv" id="iv">
-                    <option value="0">0</option>
-                    <option value="1">1</option>
-                    <option value="2">2</option>
-                    <option value="3">3</option>
+                <select name="iv" id="InvID">
                 </select>
                 <br/>
                 <input type="button" value="power limit 100%" class="btn" id="pwrlim2"/>
@@ -65,6 +64,21 @@
                 }
             }
 
+            function parse(root) {
+                select = document.getElementById('InvID');
+
+                if(null == root) return;
+                root = root.inverter;
+                for(var i = 0; i < root.inverter.length; i++)
+                {
+                    inv = root.inverter[i];
+                    var opt = document.createElement('option');
+                    opt.value = inv.id;
+                    opt.innerHTML = inv.name;
+                    select.appendChild(opt);
+                }
+            }
+
             document.getElementById("clear").addEventListener("click", function() {
                 con.value = "";
             });
@@ -105,7 +119,7 @@
 
             function get_selected_iv()
             {
-                var e = document.getElementById("iv");
+                var e = document.getElementById("InvID");
                 return  e.value;
             }
 
@@ -150,6 +164,8 @@
                 obj.payload = [2000, 1];
                 getAjax("/api/ctrl", ctrlCb, "POST", JSON.stringify(obj));
             });
+
+            getAjax("/api/setup", parse);
         </script>
     </body>
 </html>