From b410f6b55422762e59765afc2e91e2ede4d07c69 Mon Sep 17 00:00:00 2001
From: Sainan <63328889+Sainan@users.noreply.github.com>
Date: Tue, 8 Jul 2025 20:49:22 -0700
Subject: [PATCH] chore(webui): indicate unsaved changes (#2436)

Reviewed-on: https://onlyg.it/OpenWF/SpaceNinjaServer/pulls/2436
Co-authored-by: Sainan <63328889+Sainan@users.noreply.github.com>
Co-committed-by: Sainan <63328889+Sainan@users.noreply.github.com>
---
 static/webui/index.html | 10 +++++-----
 static/webui/script.js  | 13 +++++++++++++
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/static/webui/index.html b/static/webui/index.html
index 63d4d936..c155cc05 100644
--- a/static/webui/index.html
+++ b/static/webui/index.html
@@ -803,21 +803,21 @@
                                         <label class="form-label" for="spoofMasteryRank" data-loc="cheats_spoofMasteryRank"></label>
                                         <div class="input-group">
                                             <input class="form-control" id="spoofMasteryRank" type="number" min="-1" max="65535" data-default="-1" />
-                                            <button class="btn btn-primary" type="submit" data-loc="cheats_save"></button>
+                                            <button class="btn btn-secondary" type="submit" data-loc="cheats_save"></button>
                                         </div>
                                     </form>
                                     <form class="form-group mt-2" onsubmit="doSaveConfigInt('relicRewardItemCountMultiplier'); return false;">
                                         <label class="form-label" for="relicRewardItemCountMultiplier" data-loc="cheats_relicRewardItemCountMultiplier"></label>
                                         <div class="input-group">
                                             <input class="form-control" id="relicRewardItemCountMultiplier" type="number" min="1" max="1000000" data-default="1" />
-                                            <button class="btn btn-primary" type="submit" data-loc="cheats_save"></button>
+                                            <button class="btn btn-secondary" type="submit" data-loc="cheats_save"></button>
                                         </div>
                                     </form>
                                     <form class="form-group mt-2" onsubmit="doSaveConfigInt('nightwaveStandingMultiplier'); return false;">
                                         <label class="form-label" for="nightwaveStandingMultiplier" data-loc="cheats_nightwaveStandingMultiplier"></label>
                                         <div class="input-group">
                                             <input class="form-control" id="nightwaveStandingMultiplier" type="number" min="1" max="1000000" data-default="1" />
-                                            <button class="btn btn-primary" type="submit" data-loc="cheats_save"></button>
+                                            <button class="btn btn-secondary" type="submit" data-loc="cheats_save"></button>
                                         </div>
                                     </form>
                                 </div>
@@ -942,14 +942,14 @@
                                     <label class="form-label" for="worldState.circuitGameModes" data-loc="worldState_theCircuitOverride"></label>
                                     <div class="input-group">
                                         <input id="worldState.circuitGameModes" type="text" class="form-control tags-input" list="datalist-circuitGameModes" />
-                                        <button class="btn btn-primary" type="submit" data-loc="cheats_save"></button>
+                                        <button class="btn btn-secondary" type="submit" data-loc="cheats_save"></button>
                                     </div>
                                 </form>
                                 <form class="form-group mt-2" onsubmit="doSaveConfigFloat('worldState.darvoStockMultiplier'); return false;">
                                     <label class="form-label" for="worldState.darvoStockMultiplier" data-loc="worldState_darvoStockMultiplier"></label>
                                     <div class="input-group">
                                         <input id="worldState.darvoStockMultiplier" class="form-control" type="number" step="0.01" data-default="1" />
-                                        <button class="btn btn-primary" type="submit" data-loc="cheats_save"></button>
+                                        <button class="btn btn-secondary" type="submit" data-loc="cheats_save"></button>
                                     </div>
                                 </form>
                             </div>
diff --git a/static/webui/script.js b/static/webui/script.js
index 9649019e..22a3203e 100644
--- a/static/webui/script.js
+++ b/static/webui/script.js
@@ -1954,6 +1954,19 @@ for (const id of uiConfigs) {
     }
 }
 
+document.querySelectorAll(".config-form .input-group").forEach(grp => {
+    const input = grp.querySelector("input");
+    const btn = grp.querySelector("button");
+    input.oninput = input.onchange = function () {
+        btn.classList.remove("btn-secondary");
+        btn.classList.add("btn-primary");
+    };
+    btn.onclick = function () {
+        btn.classList.remove("btn-primary");
+        btn.classList.add("btn-secondary");
+    };
+});
+
 function doSaveConfigInt(id) {
     $.post({
         url: "/custom/setConfig?" + window.authz + "&wsid=" + wsid,