second commit

static/js/dashboard.js

@@ -0,0 +1,74 @@
+(() => {
+  "use strict";
+
+  async function getJson(url) {
+    const res = await fetch(url, { credentials: "same-origin" });
+    if (res.status === 401) {
+      window.location.href = "/";
+      throw new Error("nicht angemeldet");
+    }
+    return res.json();
+  }
+
+  function hostCard(host) {
+    const div = document.createElement("div");
+    div.className = "host-card";
+
+    const name = document.createElement("div");
+    name.className = "hostname";
+    name.textContent = host.hostname;
+    div.appendChild(name);
+
+    const meta = document.createElement("div");
+    meta.className = "meta";
+    meta.textContent = `${host.protocol.toUpperCase()} · ${host.os_type} · ${host.address}`;
+    div.appendChild(meta);
+
+    const actions = document.createElement("div");
+    actions.className = "actions";
+
+    const connect = document.createElement("a");
+    connect.href = host.protocol === "ssh" ? `/terminal/${host.id}` : `/rdp/${host.id}`;
+    connect.textContent = "Verbinden";
+    actions.appendChild(connect);
+
+    div.appendChild(actions);
+    return div;
+  }
+
+  async function main() {
+    const me = await getJson("/auth/me");
+    document.getElementById("whoami").textContent = `${me.username}${me.is_admin ? " (Admin)" : ""}`;
+
+    const hosts = await getJson("/catalog/hosts");
+    const byGroup = {};
+    for (const h of hosts) {
+      (byGroup[h.host_group_name] = byGroup[h.host_group_name] || []).push(h);
+    }
+
+    const container = document.getElementById("groups");
+    if (hosts.length === 0) {
+      container.innerHTML = '<p class="hint">Keine Hosts zugewiesen. Bitte an einen Administrator wenden.</p>';
+      return;
+    }
+    for (const [groupName, groupHosts] of Object.entries(byGroup)) {
+      const section = document.createElement("div");
+      section.className = "group";
+      const h2 = document.createElement("h2");
+      h2.textContent = groupName;
+      section.appendChild(h2);
+      const list = document.createElement("div");
+      list.className = "host-list";
+      for (const host of groupHosts) list.appendChild(hostCard(host));
+      section.appendChild(list);
+      container.appendChild(section);
+    }
+  }
+
+  document.getElementById("logout-btn").addEventListener("click", async () => {
+    await fetch("/auth/logout", { method: "POST", credentials: "same-origin" });
+    window.location.href = "/";
+  });
+
+  main().catch((err) => console.error(err));
+})();