overlay rework + settings

1 files changed, 27 insertions, 0 deletions

diff --git a/client-web/source/preferences/ui.ts b/client-web/source/preferences/ui.ts
new file mode 100644
index 0000000..1aaaca0
--- /dev/null
+++ b/client-web/source/preferences/ui.ts
@@ -0,0 +1,27 @@
+import { ediv, elabel, espan, OverlayUi } from "../helper.ts";
+import { PREF_DECLS } from "./decl.ts";
+import { change_pref, PrefDecl, PREFS } from "./mod.ts";
+
+export class PrefUi extends OverlayUi {
+    constructor() {
+        const elements = Object.entries(PREF_DECLS as Record<string, PrefDecl<unknown>>).map(([key_, decl]) => {
+            const key = key_ as keyof typeof PREF_DECLS
+
+            if (typeof decl.type == "boolean") {
+                const id = `pref-check-${key}`
+                const checkbox = document.createElement("input")
+                checkbox.type = "checkbox"
+                checkbox.id = id
+                checkbox.checked = PREFS[key] as boolean
+                checkbox.onchange = () => {
+                    change_pref(key, checkbox.checked)
+                }
+                const label = elabel(decl.description ?? `[${key}]`, { id })
+                return ediv({ class: "pref" }, checkbox, label)
+            }
+            return espan(`(not implemented)`)
+        })
+        super(ediv({ class: "prefs-overlay" }, ...elements))
+    }
+
+}