[deploy]

public/ts-build/components/modules/dynamicVoice.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderDynamicVoiceModule = renderDynamicVoiceModule;
+const api_js_1 = require("../../services/api.js");
+const toast_js_1 = require("../../ui/toast.js");
+async function renderDynamicVoiceModule(guildId) {
+    const container = document.getElementById('module-dynamicvoice');
+    if (!container)
+        return;
+    container.innerHTML = '<p class="muted">Lade Dynamic Voice...</p>';
+    try {
+        const data = await api_js_1.api.dynamicVoice(guildId);
+        const cfg = data?.config || data?.dynamicVoiceConfig || {};
+        container.innerHTML = `
+      <h3 class="label">Dynamic Voice</h3>
+      <p class="muted">Lobby: ${cfg.lobbyChannelId || '-'}</p>
+      <p class="muted">Template: ${cfg.template || '-'}</p>
+      <p class="muted">User-Limit: ${cfg.userLimit ?? '-'}</p>
+    `;
+    }
+    catch (err) {
+        console.error(err);
+        container.innerHTML = '<div class="empty-state">Dynamic Voice konnte nicht geladen werden.</div>';
+        (0, toast_js_1.showToast)('Fehler beim Laden von Dynamic Voice', true);
+    }
+}

public/ts-build/components/modules/index.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initModulesSection = initModulesSection;
+const api_js_1 = require("../../services/api.js");
+const toast_js_1 = require("../../ui/toast.js");
+const switch_js_1 = require("../../ui/switch.js");
+const welcome_js_1 = require("./welcome.js");
+const logging_js_1 = require("./logging.js");
+const reactionRoles_js_1 = require("./reactionRoles.js");
+const dynamicVoice_js_1 = require("./dynamicVoice.js");
+const statuspage_js_1 = require("./statuspage.js");
+const serverstats_js_1 = require("./serverstats.js");
+async function initModulesSection(guildId) {
+    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),
+        (0, welcome_js_1.renderWelcomeModule)(guildId),
+        (0, logging_js_1.renderLoggingModule)(guildId),
+        (0, reactionRoles_js_1.renderReactionRolesModule)(guildId),
+        (0, dynamicVoice_js_1.renderDynamicVoiceModule)(guildId),
+        (0, statuspage_js_1.renderStatuspageModule)(guildId),
+        (0, serverstats_js_1.renderServerStatsModule)(guildId)
+    ]);
+}
+async function renderModuleToggles(guildId) {
+    const container = document.getElementById('module-toggles');
+    if (!container)
+        return;
+    container.innerHTML = '<p class="muted">Lade Module...</p>';
+    try {
+        const data = await api_js_1.api.modules(guildId);
+        const modules = data?.modules || data || {};
+        container.innerHTML = '';
+        const entries = [
+            { 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');
+            toggle.addEventListener('click', async () => {
+                (0, switch_js_1.setSwitch)(toggle, !(0, switch_js_1.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>';
+        (0, toast_js_1.showToast)('Fehler beim Laden der Module', true);
+    }
+}
+async function saveModules(guildId) {
+    const toggles = Array.from(document.querySelectorAll('#module-toggles .switch'));
+    const payload = { guildId };
+    toggles.forEach((t) => {
+        const key = t.dataset.key;
+        if (!key)
+            return;
+        payload[key] = t.classList.contains('on');
+    });
+    try {
+        await api_js_1.api.saveSettings(payload);
+        (0, toast_js_1.showToast)('Module gespeichert');
+    }
+    catch (err) {
+        console.error(err);
+        (0, toast_js_1.showToast)('Module speichern fehlgeschlagen', true);
+    }
+}

public/ts-build/components/modules/logging.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderLoggingModule = renderLoggingModule;
+const api_js_1 = require("../../services/api.js");
+const toast_js_1 = require("../../ui/toast.js");
+async function renderLoggingModule(guildId) {
+    const container = document.getElementById('module-logging');
+    if (!container)
+        return;
+    container.innerHTML = '<p class="muted">Lade Logging...</p>';
+    try {
+        const data = await api_js_1.api.settings(guildId);
+        const cfg = data?.settings?.loggingConfig || data?.loggingConfig || {};
+        container.innerHTML = `
+      <h3 class="label">Logging</h3>
+      <p class="muted">Channel: ${cfg.logChannelId || '-'}</p>
+      <p class="muted">Join/Leave: ${cfg.categories?.joinLeave ? 'an' : 'aus'}</p>
+      <p class="muted">System: ${cfg.categories?.system ? 'an' : 'aus'}</p>
+    `;
+    }
+    catch (err) {
+        console.error(err);
+        container.innerHTML = '<div class="empty-state">Logging konnte nicht geladen werden.</div>';
+        (0, toast_js_1.showToast)('Fehler beim Laden von Logging', true);
+    }
+}

public/ts-build/components/modules/reactionRoles.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderReactionRolesModule = renderReactionRolesModule;
+const api_js_1 = require("../../services/api.js");
+const toast_js_1 = require("../../ui/toast.js");
+async function renderReactionRolesModule(guildId) {
+    const container = document.getElementById('module-reactionroles');
+    if (!container)
+        return;
+    container.innerHTML = '<p class="muted">Lade Reaction Roles...</p>';
+    try {
+        const data = await api_js_1.api.reactionRoles(guildId);
+        const entries = data?.entries || data?.reactionRoles || [];
+        container.innerHTML = '<h3 class="label">Reaction Roles</h3>';
+        if (!entries.length) {
+            container.innerHTML += '<div class="empty-state">Keine Reaction Roles.</div>';
+            return;
+        }
+        const list = document.createElement('div');
+        list.className = 'ticket-list';
+        entries.slice(0, 3).forEach((e) => {
+            const item = document.createElement('div');
+            item.className = 'ticket-item';
+            item.innerHTML = `
+        <div style="font-weight:750;">${e.title || e.messageId || 'Eintrag'}</div>
+        <div class="muted">${e.channelId || ''}</div>
+      `;
+            list.appendChild(item);
+        });
+        container.appendChild(list);
+    }
+    catch (err) {
+        console.error(err);
+        container.innerHTML = '<div class="empty-state">Reaction Roles konnten nicht geladen werden.</div>';
+        (0, toast_js_1.showToast)('Fehler beim Laden der Reaction Roles', true);
+    }
+}

public/ts-build/components/modules/serverstats.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderServerStatsModule = renderServerStatsModule;
+const api_js_1 = require("../../services/api.js");
+const toast_js_1 = require("../../ui/toast.js");
+async function renderServerStatsModule(guildId) {
+    const container = document.getElementById('module-serverstats');
+    if (!container)
+        return;
+    container.innerHTML = '<p class="muted">Lade Server Stats...</p>';
+    try {
+        const data = await api_js_1.api.serverStats(guildId);
+        const cfg = data?.config || data || {};
+        const items = cfg.items || [];
+        container.innerHTML = `
+      <h3 class="label">Server Stats</h3>
+      <p class="muted">Kategorie: ${cfg.categoryId || '-'}</p>
+      <p class="muted">Refresh: ${cfg.refresh || '-'}m</p>
+      <p class="muted">Items: ${items.length}</p>
+    `;
+    }
+    catch (err) {
+        console.error(err);
+        container.innerHTML = '<div class="empty-state">Server Stats konnten nicht geladen werden.</div>';
+        (0, toast_js_1.showToast)('Fehler beim Laden der Server Stats', true);
+    }
+}

public/ts-build/components/modules/statuspage.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderStatuspageModule = renderStatuspageModule;
+const api_js_1 = require("../../services/api.js");
+const toast_js_1 = require("../../ui/toast.js");
+async function renderStatuspageModule(guildId) {
+    const container = document.getElementById('module-statuspage');
+    if (!container)
+        return;
+    container.innerHTML = '<p class="muted">Lade Statuspage...</p>';
+    try {
+        const data = await api_js_1.api.statuspage(guildId);
+        const cfg = data?.config || data || {};
+        const services = cfg.services || [];
+        container.innerHTML = `
+      <h3 class="label">Statuspage</h3>
+      <p class="muted">Channel: ${cfg.channelId || '-'}</p>
+      <p class="muted">Intervall: ${cfg.interval || '-'}m</p>
+      <p class="muted">Services: ${services.length}</p>
+    `;
+    }
+    catch (err) {
+        console.error(err);
+        container.innerHTML = '<div class="empty-state">Statuspage konnte nicht geladen werden.</div>';
+        (0, toast_js_1.showToast)('Fehler beim Laden der Statuspage', true);
+    }
+}

public/ts-build/components/modules/welcome.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderWelcomeModule = renderWelcomeModule;
+const api_js_1 = require("../../services/api.js");
+const toast_js_1 = require("../../ui/toast.js");
+async function renderWelcomeModule(guildId) {
+    const container = document.getElementById('module-welcome');
+    if (!container)
+        return;
+    container.innerHTML = '<p class="muted">Lade Welcome...</p>';
+    try {
+        const data = await api_js_1.api.settings(guildId);
+        const cfg = data?.settings?.welcomeConfig || data?.welcomeConfig || {};
+        container.innerHTML = `
+      <h3 class="label">Welcome</h3>
+      <p class="muted">Channel: ${cfg.channelId || '-'}</p>
+      <p class="muted">Embed Titel: ${cfg.embedTitle || '-'}</p>
+      <p class="muted">Status: ${data?.settings?.welcomeEnabled ? 'aktiv' : 'inaktiv'}</p>
+    `;
+    }
+    catch (err) {
+        console.error(err);
+        container.innerHTML = '<div class="empty-state">Welcome konnte nicht geladen werden.</div>';
+        (0, toast_js_1.showToast)('Fehler beim Laden von Welcome', true);
+    }
+}