[deploy]

public/ts/components/events/index.ts

@@ -0,0 +1,39 @@
+import { api } from '../../services/api.js';
+import { showToast } from '../../ui/toast.js';
+
+export async function initEventsSection(guildId: string) {
+  const section = document.getElementById('section-events');
+  if (!section) return;
+  section.innerHTML = '<p class="muted">Lade Events...</p>';
+  try {
+    const data: any = await api.events(guildId);
+    const events = data?.events || data || [];
+    section.innerHTML = '<h2 class="section-title">Events</h2>';
+    if (!events.length) {
+      section.innerHTML += '<div class="empty-state">Keine Events geplant.</div>';
+      return;
+    }
+    const list = document.createElement('div');
+    list.className = 'ticket-list';
+    events.forEach((ev: any) => {
+      const item = document.createElement('div');
+      item.className = 'ticket-item';
+      item.innerHTML = `
+        <div class="row" style="justify-content:space-between;">
+          <div>
+            <div style="font-weight:750;">${ev.title || 'Event'}</div>
+            <div class="muted">${ev.date || ''}</div>
+          </div>
+          <span class="pill">${ev.status || 'open'}</span>
+        </div>
+        <div class="muted">${ev.description || ''}</div>
+      `;
+      list.appendChild(item);
+    });
+    section.appendChild(list);
+  } catch (err) {
+    console.error(err);
+    section.innerHTML = '<div class="empty-state">Events konnten nicht geladen werden.</div>';
+    showToast('Fehler beim Laden der Events', true);
+  }
+}