100 lines
4.1 KiB
TypeScript
100 lines
4.1 KiB
TypeScript
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);
|
|
}
|
|
}
|