From 8b69e55957f3b70f98f484aa1e24b3498ad69bad Mon Sep 17 00:00:00 2001
From: AMelonInsideLemon <166175391+AMelonInsideLemon@users.noreply.github.com>
Date: Sat, 8 Feb 2025 02:00:03 +0100
Subject: [PATCH] use select

---
 static/webui/index.html | 5 +++--
 static/webui/script.js  | 9 +++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/static/webui/index.html b/static/webui/index.html
index 0401dcc7..a3121f97 100644
--- a/static/webui/index.html
+++ b/static/webui/index.html
@@ -467,7 +467,9 @@
                                 <button class="btn btn-primary" onclick="doHelminthUnlockAll();" data-loc="cheats_helminthUnlockAll"></button>
                                 <form class="input-group mt-2" onsubmit="doChangeSupportedSyndicate();return false;">
                                     <label class="form-label" for="changeSyndicate" data-loc="cheats_changeSupportedSyndicate"></label>
-                                    <input class="form-control w-50" id="changeSyndicate" list="datalist-Syndicates" />
+                                    <select class="form-control w-50" id="changeSyndicate">
+                                        <option value="" data-loc="cheats_none"></option>
+                                    </select>
                                     <button class="btn btn-primary" type="submit" data-loc="cheats_changeButton"></button>
                                 </form>
                             </div>
@@ -494,7 +496,6 @@
     <datalist id="datalist-ModularParts"></datalist>
     <datalist id="datalist-MechSuits"></datalist>
     <datalist id="datalist-miscitems"></datalist>
-    <datalist id="datalist-Syndicates"></datalist>
     <datalist id="datalist-mods">
         <option data-key="/Lotus/Upgrades/Mods/Fusers/LegendaryModFuser" value="Legendary Core"></option>
         <option data-key="/Lotus/Upgrades/CosmeticEnhancers/Peculiars/CyoteMod" value="Traumatic Peculiar"></option>
diff --git a/static/webui/script.js b/static/webui/script.js
index 94a7ba33..be6dcb05 100644
--- a/static/webui/script.js
+++ b/static/webui/script.js
@@ -195,9 +195,9 @@ function fetchItemList() {
                     items.forEach(item => {
                         if (item.uniqueName.startsWith("RadioLegion")) item.name += " (" + item.uniqueName + ")";
                         const option = document.createElement("option");
-                        option.setAttribute("data-key", item.uniqueName);
-                        option.value = item.name;
-                        document.getElementById("datalist-" + type).appendChild(option);
+                        option.value = item.uniqueName;
+                        option.innerHTML = item.name;
+                        document.getElementById("changeSyndicate").appendChild(option);
                         itemMap[item.uniqueName] = { ...item, type };
                     });
                 } else if (type != "badItems") {
@@ -537,6 +537,7 @@ function updateInventory() {
             document.querySelector("label[for='changeSyndicate']").innerText = loc("cheats_changeSupportedSyndicate")
                 .split("|SYNDICATE|")
                 .join(itemMap[data.SupportedSyndicate]?.name || loc("cheats_none"));
+            document.getElementById("changeSyndicate").value = data.SupportedSyndicate ?? "";
         });
     });
 }
@@ -1111,7 +1112,7 @@ function doImport() {
 }
 
 function doChangeSupportedSyndicate() {
-    const uniqueName = getKey(document.getElementById("changeSyndicate")) ?? "";
+    const uniqueName = document.querySelector("#changeSyndicate option:checked").value;
     revalidateAuthz(() => {
         $.get("/api/setSupportedSyndicate.php?" + window.authz + "&syndicate=" + uniqueName).done(function () {
             document.getElementById("changeSyndicate").value = "";