From f9064eb15f19210df2733829cbd391f720caad98 Mon Sep 17 00:00:00 2001
From: amcmanu3 <mcdeweykp@gmail.com>
Date: Sat, 14 Jan 2023 22:22:37 -0500
Subject: [PATCH] Turn it into a list for a fresh start at this

---
 app/frontend/templates/panel/config_json.html | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/app/frontend/templates/panel/config_json.html b/app/frontend/templates/panel/config_json.html
index c2afaa93..c5f3e5ad 100644
--- a/app/frontend/templates/panel/config_json.html
+++ b/app/frontend/templates/panel/config_json.html
@@ -46,10 +46,10 @@
               <small class="text-muted ml-1">
               </small> </label>
             {% if isinstance(item[1], list) %}
-            <ul>
+            <ul id="list-{{item[0]}}" class="list">
               {% for li in item[1] %}
-              <input style="color: black;" form="config-form" class="form-control" type="text" value="{{li}}"
-                name="{{item[0]}}" readonly><br />
+              <li data-name="list-{{item[0]}}" style="color: white; margin-left: 20px;" selected readonly>{{li}}</li>
+              <br />
               {% end %}
             </ul>
             {% elif isinstance(item[1], bool) %}
@@ -107,6 +107,15 @@
 
 {% block js %}
 <script>
+  $('#config-form').submit(function (e) {
+    e.preventDefault();
+    let lists = document.getElementsByClassName("list");
+    for (i = 0; i < lists.length; i++) {
+      let items = document.querySelectorAll('[data-name=${lists[i]}]');
+      console.log(Array.from(items.innerHTML));
+    }
+
+  });
   $(document).ready(function () {
     $('[data-toggle="popover"]').popover();
     if ($(window).width() < 1000) {