- form-container Wrapper entfernt, flache Struktur - Aktiv-Checkbox nach oben verschoben - .secondary-btn durch .positive-btn ersetzt (currentcolor) - .danger-btn nutzt currentcolor für Border - .form-group mit Padding, leere Status-Box wird versteckt - .skill-name entfernt (ungenutzt) - Status-Box: <br> durch inline-spans ersetzt - Button-Icons bei Speichern/Löschen entfernt
248 lines
8.2 KiB
JavaScript
248 lines
8.2 KiB
JavaScript
// ── Cronjob Page ──
|
||
|
||
registerPage('cronjob', {
|
||
async init(params) {
|
||
const isEdit = params && params.id;
|
||
const title = document.getElementById('cronjobPageTitle');
|
||
const nameInput = document.getElementById('cronjobName');
|
||
const sessionSelect = document.getElementById('cronjobSession');
|
||
const cronInput = document.getElementById('cronjobCron');
|
||
const cronPreview = document.getElementById('cronjobCronPreview');
|
||
const promptInput = document.getElementById('cronjobPrompt');
|
||
const notifySelect = document.getElementById('cronjobNotifySession');
|
||
const enabledCheckbox = document.getElementById('cronjobEnabled');
|
||
const statusBox = document.getElementById('cronjobStatusBox');
|
||
const saveBtn = document.getElementById('cronjobSaveBtn');
|
||
const runBtn = document.getElementById('cronjobRunBtn');
|
||
const deleteBtn = document.getElementById('cronjobDeleteBtn');
|
||
|
||
// Sessions laden für Dropdown
|
||
const sessions = await apiGetSessions();
|
||
sessionSelect.innerHTML = '<option value="">– Session wählen –</option>';
|
||
notifySelect.innerHTML = '<option value="">– Keine (Antwort bleibt in Arbeits-Session) –</option>';
|
||
for (const s of sessions) {
|
||
const opt = document.createElement('option');
|
||
opt.value = s.sessionId;
|
||
opt.textContent = s.name || 'Unbenannt';
|
||
if (!s.agentId) {
|
||
opt.textContent += ' (kein Agent)';
|
||
opt.disabled = true;
|
||
}
|
||
sessionSelect.appendChild(opt);
|
||
|
||
// Notify-Dropdown: alle Sessions (auch ohne Agent), Telegram-Sessions markieren
|
||
const nOpt = document.createElement('option');
|
||
nOpt.value = s.sessionId;
|
||
nOpt.textContent = s.name || 'Unbenannt';
|
||
if (s.telegramChatId) nOpt.textContent += ' 📱';
|
||
notifySelect.appendChild(nOpt);
|
||
}
|
||
|
||
// Cron-Expression Vorschau
|
||
cronInput.addEventListener('input', () => updateCronPreview(cronInput, cronPreview));
|
||
|
||
if (isEdit) {
|
||
title.textContent = 'Cronjob bearbeiten';
|
||
runBtn.hidden = false;
|
||
deleteBtn.hidden = false;
|
||
|
||
const job = await apiGetCronjob(params.id);
|
||
if (!job) {
|
||
showToast('Cronjob nicht gefunden', 'error');
|
||
navigateTo('dashboard');
|
||
return;
|
||
}
|
||
|
||
nameInput.value = job.name || '';
|
||
sessionSelect.value = job.sessionId || '';
|
||
cronInput.value = job.cronExpression || '';
|
||
promptInput.value = job.prompt || '';
|
||
notifySelect.value = job.notifySessionId || '';
|
||
enabledCheckbox.checked = job.isEnabled;
|
||
|
||
updateCronPreview(cronInput, cronPreview);
|
||
showCronjobStatus(statusBox, job);
|
||
|
||
// Löschen
|
||
deleteBtn.addEventListener('click', async () => {
|
||
if (!confirm('Cronjob wirklich löschen?')) return;
|
||
await apiDeleteCronjob(params.id);
|
||
showToast('Cronjob gelöscht');
|
||
navigateTo('dashboard');
|
||
});
|
||
|
||
// Jetzt ausführen
|
||
runBtn.addEventListener('click', async () => {
|
||
runBtn.disabled = true;
|
||
runBtn.innerHTML = '<i class="fa fa-spinner fa-spin"></i> Läuft...';
|
||
try {
|
||
const result = await apiRunCronjob(params.id);
|
||
if (result.status === 'success') {
|
||
showToast('Cronjob erfolgreich ausgeführt');
|
||
} else {
|
||
showToast('Fehler: ' + (result.error || 'Unbekannt'), 'error');
|
||
}
|
||
// Status neu laden
|
||
const updated = await apiGetCronjob(params.id);
|
||
if (updated) showCronjobStatus(statusBox, updated);
|
||
} catch (e) {
|
||
showToast('Fehler: ' + e.message, 'error');
|
||
} finally {
|
||
runBtn.disabled = false;
|
||
runBtn.innerHTML = '<i class="fa fa-play"></i> Jetzt ausführen';
|
||
}
|
||
});
|
||
}
|
||
|
||
// Speichern
|
||
saveBtn.addEventListener('click', async () => {
|
||
const data = {
|
||
name: nameInput.value.trim(),
|
||
sessionId: sessionSelect.value,
|
||
cronExpression: cronInput.value.trim(),
|
||
prompt: promptInput.value.trim(),
|
||
notifySessionId: notifySelect.value,
|
||
isEnabled: enabledCheckbox.checked
|
||
};
|
||
|
||
if (!data.name || !data.sessionId || !data.cronExpression || !data.prompt) {
|
||
showToast('Bitte alle Felder ausfüllen', 'error');
|
||
return;
|
||
}
|
||
|
||
saveBtn.disabled = true;
|
||
try {
|
||
if (isEdit) {
|
||
await apiUpdateCronjob(params.id, data);
|
||
showToast('Cronjob gespeichert');
|
||
const updated = await apiGetCronjob(params.id);
|
||
if (updated) showCronjobStatus(statusBox, updated);
|
||
} else {
|
||
const created = await apiCreateCronjob(data);
|
||
showToast('Cronjob erstellt');
|
||
navigateTo('cronjob', { id: created.cronjobId });
|
||
}
|
||
} catch (e) {
|
||
showToast('Fehler: ' + e.message, 'error');
|
||
} finally {
|
||
saveBtn.disabled = false;
|
||
}
|
||
});
|
||
}
|
||
});
|
||
|
||
function updateCronPreview(input, preview) {
|
||
const expr = input.value.trim();
|
||
if (!expr) {
|
||
preview.textContent = '';
|
||
return;
|
||
}
|
||
const desc = describeCron(expr);
|
||
if (desc) {
|
||
preview.textContent = desc;
|
||
preview.style.color = '';
|
||
} else {
|
||
preview.textContent = 'Ungültige Cron-Expression';
|
||
preview.style.color = 'var(--color-error)';
|
||
}
|
||
}
|
||
|
||
function describeCron(expr) {
|
||
try {
|
||
const parts = expr.split(/\s+/);
|
||
if (parts.length < 5 || parts.length > 5) return null;
|
||
|
||
const [min, hour, dom, month, dow] = parts;
|
||
|
||
// Einfache Fälle beschreiben
|
||
const dowNames = { '0': 'So', '1': 'Mo', '2': 'Di', '3': 'Mi', '4': 'Do', '5': 'Fr', '6': 'Sa', '7': 'So' };
|
||
|
||
let desc = '';
|
||
|
||
const tz = 'Europe/Berlin';
|
||
|
||
if (dom === '*' && month === '*' && dow === '*') {
|
||
if (min !== '*' && hour !== '*') {
|
||
desc = `Täglich um ${hour.padStart(2, '0')}:${min.padStart(2, '0')} Uhr`;
|
||
} else if (hour === '*' && min === '0') {
|
||
desc = 'Jede Stunde';
|
||
} else if (hour === '*' && min === '*') {
|
||
desc = 'Jede Minute';
|
||
} else if (hour !== '*') {
|
||
desc = `Täglich, stündlich um ${hour} Uhr`;
|
||
}
|
||
} else if (dom === '*' && month === '*' && dow !== '*') {
|
||
// Ranges wie 1-5 auflösen
|
||
let dayParts = [];
|
||
for (const part of dow.split(',')) {
|
||
if (part.includes('-')) {
|
||
const [from, to] = part.split('-');
|
||
dayParts.push(`${dowNames[from] || from}–${dowNames[to] || to}`);
|
||
} else {
|
||
dayParts.push(dowNames[part] || part);
|
||
}
|
||
}
|
||
const days = dayParts.join(', ');
|
||
if (min !== '*' && hour !== '*') {
|
||
desc = `${days} um ${hour.padStart(2, '0')}:${min.padStart(2, '0')} Uhr`;
|
||
} else {
|
||
desc = `An: ${days}`;
|
||
}
|
||
} else if (dow === '*' && month === '*' && dom !== '*') {
|
||
desc = `Am ${dom}. jedes Monats`;
|
||
if (min !== '*' && hour !== '*') {
|
||
desc += ` um ${hour.padStart(2, '0')}:${min.padStart(2, '0')} Uhr`;
|
||
}
|
||
}
|
||
|
||
if (!desc) {
|
||
desc = `${expr} (5-Feld Cron)`;
|
||
}
|
||
|
||
return desc;
|
||
} catch {
|
||
return null;
|
||
}
|
||
}
|
||
|
||
function showCronjobStatus(box, job) {
|
||
box.hidden = false;
|
||
const parts = [];
|
||
|
||
if (job.isEnabled) {
|
||
parts.push('<span class="status-active"><i class="fa fa-check-circle"></i> Aktiv</span>');
|
||
} else {
|
||
parts.push('<span class="status-inactive"><i class="fa fa-pause-circle"></i> Pausiert</span>');
|
||
}
|
||
|
||
if (job.nextRunAt) {
|
||
const next = new Date(job.nextRunAt);
|
||
parts.push(`<span><i class="fa fa-clock-o"></i> Nächste Ausführung: ${next.toLocaleString('de-AT')}</span>`);
|
||
}
|
||
|
||
if (job.lastRunAt) {
|
||
const last = new Date(job.lastRunAt);
|
||
const statusIcon = job.lastRunStatus === 'success' ? '✅' : '❌';
|
||
parts.push(`<span>${statusIcon} Letzte Ausführung: ${last.toLocaleString('de-AT')}</span>`);
|
||
if (job.lastRunStatus === 'error' && job.lastRunError) {
|
||
parts.push(`<span class="status-error"><i class="fa fa-exclamation-triangle"></i> ${escapeHtml(job.lastRunError)}</span>`);
|
||
}
|
||
}
|
||
|
||
if (job.sessionName) {
|
||
parts.push(`<span><i class="fa fa-comment"></i> Session: ${escapeHtml(job.sessionName)}</span>`);
|
||
}
|
||
|
||
if (job.notifySessionName) {
|
||
parts.push(`<span><i class="fa fa-bell"></i> Benachrichtigung → ${escapeHtml(job.notifySessionName)}</span>`);
|
||
}
|
||
|
||
box.innerHTML = parts.join('');
|
||
}
|
||
|
||
function escapeHtml(s) {
|
||
const d = document.createElement('div');
|
||
d.textContent = s || '';
|
||
return d.innerHTML;
|
||
}
|