update

2026-04-07 16:13:16 +02:00
parent 52c4e5f33d
commit 8f15f51bce
32 changed files with 212 additions and 196 deletions
--- a/browser_extension/config/popup.html
+++ b/browser_extension/config/popup.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    body { width: 200px; padding: 10px; font-family: sans-serif; font-size: 14px; }
+    h3 { margin: 0 0 8px; }
+    label { display: block; padding: 4px 0; cursor: pointer; }
+    .error { color: red; font-size: 12px; }
+  </style>
+</head>
+<body>
+  <h3>Profil</h3>
+  <div id="profiles"></div>
+  <script src="popup.js"></script>
+</body>
+</html>
--- a/browser_extension/config/popup.js
+++ b/browser_extension/config/popup.js
@@ -0,0 +1,30 @@
+const SERVER_URL = "http://localhost:8000/profiles";
+const container = document.getElementById("profiles");
+
+async function load() {
+  try {
+    const res = await fetch(SERVER_URL);
+    const profiles = await res.json();
+    const stored = await browser.storage.local.get("profileId");
+    const selectedId = stored.profileId || null;
+
+    for (const profile of profiles) {
+      const label = document.createElement("label");
+      const radio = document.createElement("input");
+      radio.type = "radio";
+      radio.name = "profile";
+      radio.value = profile.id;
+      radio.checked = profile.id === selectedId;
+      radio.addEventListener("change", () => {
+        browser.storage.local.set({ profileId: profile.id });
+      });
+      label.appendChild(radio);
+      label.appendChild(document.createTextNode(" " + profile.name));
+      container.appendChild(label);
+    }
+  } catch {
+    container.innerHTML = '<span class="error">Server nicht erreichbar</span>';
+  }
+}
+
+load();