Pepe44DEV/Papo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[deploy]
All checks were successful
Deploy Discord Bot / deploy (push) Successful in 37s
Details

Browse Source
This commit is contained in:
Pascal Prießnitz
2025-12-04 16:43:38 +01:00
parent 311f5a87f1
commit 22caa79b54
60 changed files with 2652 additions and 2999 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
public/ts-build/components/tickets/automations.js Normal file
View File

@@ -0,0 +1,42 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.renderAutomations = renderAutomations;
const api_js_1 = require("../../services/api.js");
const toast_js_1 = require("../../ui/toast.js");
async function renderAutomations(guildId) {
const container = document.getElementById('tickets-automations');
if (!container)
return;
container.innerHTML = '<p class="muted">Lade Automationen...</p>';
try {
const data = await api_js_1.api.automations(guildId);
const rules = data?.rules || data || [];
if (!rules.length) {
container.innerHTML = '<div class="empty-state">Keine Regeln angelegt.</div>';
return;
}
const list = document.createElement('div');
list.className = 'ticket-list';
rules.forEach((r) => {
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;">${r.name || 'Regel'}</div>
<div class="muted">${r.condition?.type || r.condition?.status || ''}</div>
</div>
<span class="pill">${r.active ? 'aktiv' : 'inaktiv'}</span>
</div>
`;
list.appendChild(item);
});
container.innerHTML = '<h3 class="label">Automationen</h3>';
container.appendChild(list);
}
catch (err) {
console.error(err);
container.innerHTML = '<div class="empty-state">Automationen konnten nicht geladen werden.</div>';
(0, toast_js_1.showToast)('Fehler beim Laden der Automationen', true);
}
}

32
public/ts-build/components/tickets/index.js Normal file
View File

@@ -0,0 +1,32 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.initTicketsSection = initTicketsSection;
const list_js_1 = require("./list.js");
const pipeline_js_1 = require("./pipeline.js");
const sla_js_1 = require("./sla.js");
const automations_js_1 = require("./automations.js");
const kb_js_1 = require("./kb.js");
async function initTicketsSection(guildId) {
const section = document.getElementById('section-tickets');
if (!section)
return;
section.innerHTML = `
<h2 class="section-title">Tickets</h2>
<div class="tickets-grid">
<div class="card" id="tickets-list"></div>
<div class="card" id="tickets-pipeline"></div>
<div class="card" id="tickets-sla"></div>
</div>
<div class="grid" style="margin-top:16px;">
<div class="card" id="tickets-automations"></div>
<div class="card" id="tickets-kb"></div>
</div>
`;
await Promise.all([
(0, list_js_1.renderTicketList)(guildId),
(0, pipeline_js_1.renderPipeline)(guildId),
(0, sla_js_1.renderSla)(guildId),
(0, automations_js_1.renderAutomations)(guildId),
(0, kb_js_1.renderKb)(guildId)
]);
}

37
public/ts-build/components/tickets/kb.js Normal file
View File

@@ -0,0 +1,37 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.renderKb = renderKb;
const api_js_1 = require("../../services/api.js");
const toast_js_1 = require("../../ui/toast.js");
async function renderKb(guildId) {
const container = document.getElementById('tickets-kb');
if (!container)
return;
container.innerHTML = '<p class="muted">Lade Knowledge Base...</p>';
try {
const data = await api_js_1.api.kb(guildId);
const entries = data?.articles || data?.kb || [];
if (!entries.length) {
container.innerHTML = '<div class="empty-state">Keine KB-Eintraege.</div>';
return;
}
const list = document.createElement('div');
list.className = 'ticket-list';
entries.slice(0, 4).forEach((k) => {
const item = document.createElement('div');
item.className = 'ticket-item';
item.innerHTML = `
<div style="font-weight:750;">${k.title || 'Artikel'}</div>
<div class="muted">${k.keywords || ''}</div>
`;
list.appendChild(item);
});
container.innerHTML = '<h3 class="label">Knowledge Base</h3>';
container.appendChild(list);
}
catch (err) {
console.error(err);
container.innerHTML = '<div class="empty-state">KB konnte nicht geladen werden.</div>';
(0, toast_js_1.showToast)('Fehler beim Laden der KB', true);
}
}

43
public/ts-build/components/tickets/list.js Normal file
View File

@@ -0,0 +1,43 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.renderTicketList = renderTicketList;
const api_js_1 = require("../../services/api.js");
const toast_js_1 = require("../../ui/toast.js");
async function renderTicketList(guildId) {
const container = document.getElementById('tickets-list');
if (!container)
return;
container.innerHTML = '<p class="muted">Lade Tickets...</p>';
try {
const data = await api_js_1.api.tickets(guildId);
const tickets = data?.tickets || [];
if (!tickets.length) {
container.innerHTML = '<div class="empty-state">Keine Tickets</div>';
return;
}
const list = document.createElement('div');
list.className = 'ticket-list';
tickets.slice(0, 5).forEach((t) => {
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;font-size:15px;">${t.title || t.id}</div>
<div class="muted">${t.user || ''}</div>
</div>
<div class="ticket-status status-${t.status || 'open'}">${t.status || 'open'}</div>
</div>
<div class="muted">${t.description || ''}</div>
`;
list.appendChild(item);
});
container.innerHTML = '<h3 class="label">Aktuelle Tickets</h3>';
container.appendChild(list);
}
catch (err) {
console.error(err);
container.innerHTML = '<div class="empty-state">Tickets konnten nicht geladen werden.</div>';
(0, toast_js_1.showToast)('Fehler beim Laden der Tickets', true);
}
}

37
public/ts-build/components/tickets/pipeline.js Normal file
View File

@@ -0,0 +1,37 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.renderPipeline = renderPipeline;
const api_js_1 = require("../../services/api.js");
const toast_js_1 = require("../../ui/toast.js");
async function renderPipeline(guildId) {
const container = document.getElementById('tickets-pipeline');
if (!container)
return;
container.innerHTML = '<p class="muted">Lade Pipeline...</p>';
try {
const data = await api_js_1.api.pipeline(guildId);
const lanes = data?.lanes || [];
container.innerHTML = '<h3 class="label">Pipeline</h3>';
if (!lanes.length) {
container.innerHTML += '<div class="empty-state">Keine Pipeline-Daten</div>';
return;
}
const grid = document.createElement('div');
grid.className = 'grid';
lanes.forEach((lane) => {
const card = document.createElement('div');
card.className = 'card';
card.innerHTML = `
<p class="label">${lane.name || 'Lane'}</p>
<p class="stat">${lane.count ?? 0}</p>
`;
grid.appendChild(card);
});
container.appendChild(grid);
}
catch (err) {
console.error(err);
container.innerHTML = '<div class="empty-state">Pipeline konnte nicht geladen werden.</div>';
(0, toast_js_1.showToast)('Fehler beim Laden der Pipeline', true);
}
}

25
public/ts-build/components/tickets/sla.js Normal file
View File

@@ -0,0 +1,25 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.renderSla = renderSla;
const api_js_1 = require("../../services/api.js");
const toast_js_1 = require("../../ui/toast.js");
async function renderSla(guildId) {
const container = document.getElementById('tickets-sla');
if (!container)
return;
container.innerHTML = '<p class="muted">Lade SLA...</p>';
try {
const data = await api_js_1.api.sla(guildId);
const stats = data?.stats || {};
container.innerHTML = `
<h3 class="label">SLA</h3>
<p class="stat">${stats.averageResponse ?? '-'}m</p>
<p class="muted">Durchschnittliche Antwortzeit</p>
`;
}
catch (err) {
console.error(err);
container.innerHTML = '<div class="empty-state">SLA konnte nicht geladen werden.</div>';
(0, toast_js_1.showToast)('Fehler beim Laden der SLA', true);
}
}