jbergner
9b3227348d
All checks were successful
release-tag / release-image (push) Successful in 1m33s
7 lines
4.0 KiB
HTML
7 lines
4.0 KiB
HTML
<!doctype html><html lang="de"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>GLPI AI Agent</title><style>
|
||
:root{font-family:Inter,system-ui,sans-serif;color-scheme:dark;background:#0b1020;color:#e5e7eb}body{margin:0}.wrap{max-width:1180px;margin:auto;padding:28px}.top{display:flex;justify-content:space-between;align-items:center;gap:20px}.badge{padding:6px 10px;border-radius:999px;background:#1f2937;font-size:12px}.warn{background:#713f12}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:24px 0}.card{background:#111827;border:1px solid #273244;border-radius:14px;padding:18px}.k{color:#9ca3af;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.v{font-size:28px;font-weight:700;margin-top:8px}.ok{color:#86efac}.bad{color:#fca5a5}table{width:100%;border-collapse:collapse;background:#111827;border-radius:14px;overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid #273244;font-size:13px}th{color:#9ca3af}.muted{color:#9ca3af}.pill{padding:3px 7px;border-radius:999px;background:#1f2937}h1{margin:0;font-size:25px}@media(max-width:700px){.wrap{padding:16px}.hide-sm{display:none}}
|
||
</style></head><body><div class="wrap"><div class="top"><div><h1>GLPI AI Agent</h1><div class="muted">Status & Audit Dashboard</div></div><div>{{if .DryRun}}<span class="badge warn">DRY RUN</span>{{else}}<span class="badge">LIVE</span>{{end}} {{if .AutoReply}}<span class="badge">Auto-Reply an</span>{{else}}<span class="badge">Auto-Reply aus</span>{{end}}</div></div><div id="cards" class="grid"></div><h2>Letzte Verarbeitungen</h2><table><thead><tr><th>Zeit</th><th>Ticket</th><th>Ergebnis</th><th class="hide-sm">Kategorie</th><th>Antwort</th><th class="hide-sm">Kontext</th><th class="hide-sm">Grund</th></tr></thead><tbody id="runs"><tr><td colspan="7">Lade…</td></tr></tbody></table></div><script>
|
||
const esc=s=>String(s??'').replace(/[&<>"']/g,c=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]));
|
||
async function refresh(){try{const [s,r]=await Promise.all([fetch('/api/status').then(x=>x.json()),fetch('/api/runs?limit=50').then(x=>x.json())]);const cards=[['GLPI',s.glpi_ok?'OK':'Fehler',s.glpi_ok],['Ollama',s.ollama_ok?'OK':'Fehler',s.ollama_ok],['Verarbeitet',s.processed,true],['Übersprungen',s.skipped,true],['Fehler',s.errors,s.errors===0],['Antworten',s.replies,true],['Kategorien',s.category_changes,true],['Queue',s.queue_depth,s.queue_depth<20],['Knowledge',s.knowledge_docs,true],['Sprache',s.communication_language,true],['Stil',s.communication_style,true],['Quellen',s.knowledge_allowed_sources.join(', '),true],['Reply-Quellen',s.knowledge_auto_reply_sources.join(', ')||'keine',true],['Context',s.context_enabled?'aktiv':'aus',true],['Context-Fehler',s.context_errors,s.context_errors===0],['Changes',s.change_calendar_enabled?'an':'aus',true],['Major Incidents',s.major_incidents_enabled?'an':'aus',true],['Benutzer/Geräte',s.user_device_context_enabled?'an':'aus',true],['Uptime Kuma',s.uptime_kuma_enabled?(s.uptime_kuma_status_pages.join(', ')||'an'):'aus',true]];document.querySelector('#cards').innerHTML=cards.map(c=>`<div class="card"><div class="k">${esc(c[0])}</div><div class="v ${c[2]?'ok':'bad'}">${esc(c[1])}</div></div>`).join('');document.querySelector('#runs').innerHTML=r.length?r.map(x=>`<tr><td>${esc(new Date(x.finished_at).toLocaleString('de-DE'))}</td><td>#${esc(x.ticket_id)} ${esc(x.ticket_name)}</td><td><span class="pill">${esc(x.outcome)}</span></td><td class="hide-sm">${esc(x.category_before)} → ${esc(x.category_proposed||x.category_before)}</td><td>${x.reply_written?'geschrieben':x.reply_proposed?'vorgeschlagen':'–'}</td><td class="hide-sm">C:${esc(x.context_changes||0)} I:${esc(x.context_incidents||0)} U:${esc(x.context_issues||0)} D:${esc(x.context_devices||0)}${(x.context_warnings||[]).length?' ⚠':''}</td><td class="hide-sm">${esc(x.reason||x.error)}</td></tr>`).join(''):'<tr><td colspan="7">Noch keine Verarbeitung.</td></tr>'}catch(e){console.error(e)}}refresh();setInterval(refresh,5000);
|
||
</script></body></html>
|