loading text on form submit

1 files changed, 17 insertions, 0 deletions

diff --git a/ui/client-scripts/src/formfeedback.ts b/ui/client-scripts/src/formfeedback.ts
new file mode 100644
index 0000000..fab3913
--- /dev/null
+++ b/ui/client-scripts/src/formfeedback.ts
@@ -0,0 +1,17 @@
+/*
+    This file is part of jellything (https://codeberg.org/metamuffin/jellything)
+    which is licensed under the GNU Affero General Public License (version 3); see /COPYING.
+    Copyright (C) 2026 metamuffin <metamuffin.org>
+*/
+
+globalThis.addEventListener("DOMContentLoaded", () => {
+    document.querySelectorAll("form").forEach(form => {
+        if (!(form instanceof HTMLFormElement)) return
+        form.addEventListener("submit", () => {
+            const submit = form.querySelector("input[type=submit]")
+            if (!(submit instanceof HTMLInputElement)) return
+            submit.disabled = true
+            submit.value = submit.dataset.loadingText ?? "..."
+        })
+    })
+})