[deploy]

2025-12-04 16:43:38 +01:00
parent 311f5a87f1
commit 22caa79b54
60 changed files with 2652 additions and 2999 deletions
--- a/public/ts/components/modules/index.ts
+++ b/public/ts/components/modules/index.ts
@@ -0,0 +1,99 @@
+import { api } from '../../services/api.js';
+import { showToast } from '../../ui/toast.js';
+import { setSwitch, getSwitch } from '../../ui/switch.js';
+import { renderWelcomeModule } from './welcome.js';
+import { renderLoggingModule } from './logging.js';
+import { renderReactionRolesModule } from './reactionRoles.js';
+import { renderDynamicVoiceModule } from './dynamicVoice.js';
+import { renderStatuspageModule } from './statuspage.js';
+import { renderServerStatsModule } from './serverstats.js';
+
+export async function initModulesSection(guildId: string) {
+  const section = document.getElementById('section-modules');
+  if (!section) return;
+  section.innerHTML = `
+    <h2 class="section-title">Module</h2>
+    <div class="card">
+      <div class="module-list" id="module-toggles"></div>
+    </div>
+    <div class="grid" style="margin-top:16px;">
+      <div class="card" id="module-welcome"></div>
+      <div class="card" id="module-logging"></div>
+      <div class="card" id="module-reactionroles"></div>
+      <div class="card" id="module-dynamicvoice"></div>
+      <div class="card" id="module-statuspage"></div>
+      <div class="card" id="module-serverstats"></div>
+    </div>
+  `;
+  await Promise.all([
+    renderModuleToggles(guildId),
+    renderWelcomeModule(guildId),
+    renderLoggingModule(guildId),
+    renderReactionRolesModule(guildId),
+    renderDynamicVoiceModule(guildId),
+    renderStatuspageModule(guildId),
+    renderServerStatsModule(guildId)
+  ]);
+}
+
+async function renderModuleToggles(guildId: string) {
+  const container = document.getElementById('module-toggles');
+  if (!container) return;
+  container.innerHTML = '<p class="muted">Lade Module...</p>';
+  try {
+    const data: any = await api.modules(guildId);
+    const modules = data?.modules || data || {};
+    container.innerHTML = '';
+    const entries: Array<{ key: string; label: string; desc: string }> = [
+      { key: 'ticketsEnabled', label: 'Tickets', desc: 'Ticket-System aktivieren' },
+      { key: 'automodEnabled', label: 'Automod', desc: 'Moderations-Filter' },
+      { key: 'welcomeEnabled', label: 'Welcome', desc: 'Begrueßungsnachrichten' },
+      { key: 'musicEnabled', label: 'Musik', desc: 'Musiksteuerung' },
+      { key: 'levelingEnabled', label: 'Leveling', desc: 'XP/Level System' },
+      { key: 'statuspageEnabled', label: 'Statuspage', desc: 'Statusberichte' },
+      { key: 'serverStatsEnabled', label: 'Server Stats', desc: 'Stat-Channel' },
+      { key: 'birthdayEnabled', label: 'Birthday', desc: 'Geburtstagsmodul' },
+      { key: 'reactionRolesEnabled', label: 'Reaction Roles', desc: 'Selbstzuweisbare Rollen' },
+      { key: 'eventsEnabled', label: 'Events', desc: 'Event-Planung' },
+      { key: 'dynamicVoiceEnabled', label: 'Dynamic Voice', desc: 'Dynamische Voice Channels' }
+    ];
+    entries.forEach((entry) => {
+      const row = document.createElement('div');
+      row.className = 'module-item';
+      row.innerHTML = `
+        <div class="module-meta">
+          <div class="module-title">${entry.label}</div>
+          <div class="module-desc">${entry.desc}</div>
+        </div>
+        <div class="switch ${modules[entry.key] ? 'on' : ''}" data-key="${entry.key}"></div>
+      `;
+      const toggle = row.querySelector('.switch') as HTMLElement;
+      toggle.addEventListener('click', async () => {
+        setSwitch(toggle, !getSwitch(toggle));
+        await saveModules(guildId);
+      });
+      container.appendChild(row);
+    });
+  } catch (err) {
+    console.error(err);
+    container.innerHTML = '<div class="empty-state">Module konnten nicht geladen werden.</div>';
+    showToast('Fehler beim Laden der Module', true);
+  }
+}
+
+async function saveModules(guildId: string) {
+  const toggles = Array.from(document.querySelectorAll<HTMLElement>('#module-toggles .switch'));
+  const payload: Record<string, unknown> = { guildId };
+  toggles.forEach((t) => {
+    const key = t.dataset.key;
+    if (!key) return;
+    payload[key] = t.classList.contains('on');
+  });
+  try {
+    await api.saveSettings(payload);
+    showToast('Module gespeichert');
+  } catch (err) {
+    console.error(err);
+    showToast('Module speichern fehlgeschlagen', true);
+  }
+}