[deploy]

public/ts-build/components/overview.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderOverview = renderOverview;
+const api_js_1 = require("../services/api.js");
+const toast_js_1 = require("../ui/toast.js");
+async function renderOverview(guildId) {
+    const section = document.getElementById('section-overview');
+    if (!section)
+        return;
+    section.innerHTML = '<p class="muted">Lade Uebersicht...</p>';
+    try {
+        const data = await api_js_1.api.overview(guildId);
+        const stats = data?.stats || {};
+        section.innerHTML = `
+      <h2 class="section-title">Uebersicht</h2>
+      <div class="grid">
+        <div class="card">
+          <p class="label">Tickets offen</p>
+          <p class="stat">${stats.openTickets ?? '-'}</p>
+        </div>
+        <div class="card">
+          <p class="label">Module aktiv</p>
+          <p class="stat">${stats.activeModules ?? '-'}</p>
+        </div>
+        <div class="card">
+          <p class="label">Events geplant</p>
+          <p class="stat">${stats.events ?? '-'}</p>
+        </div>
+      </div>
+    `;
+    }
+    catch (err) {
+        console.error(err);
+        section.innerHTML = '<div class="empty-state">Uebersicht konnte nicht geladen werden.</div>';
+        (0, toast_js_1.showToast)('Fehler beim Laden der Uebersicht', true);
+    }
+}