${build.label} log
`;
article.querySelector(`#${btnId}`).addEventListener('click', () => runBuild(build, btnId, killId, resultId, logId));
article.querySelector(`#${killId}`).addEventListener('click', async () => {
const ok = await showConfirm('Cancel Build', `Force-kill the running ${build.label.toLowerCase()}?`);
if (ok) killEndpoint(build.cancel.path, build.label);
});
return article;
}
function updateClock() {
const now = new Date();
document.getElementById('clockDisplay').textContent = now.toTimeString().slice(0, 8);
document.getElementById('dateDisplay').textContent = now.toLocaleDateString('en-GB', {
weekday: 'short', day: 'numeric', month: 'short', year: 'numeric'
});
}
function showToast(msg, type = 'info', duration = 3500) {
const el = document.createElement('div');
el.className = `toast ${type}`;
el.textContent = msg;
document.getElementById('toast-container').appendChild(el);
setTimeout(() => {
el.style.transition = 'opacity 0.3s,transform 0.3s';
el.style.opacity = '0';
el.style.transform = 'translateX(120%)';
setTimeout(() => el.remove(), 300);
}, duration);
}
function showConfirm(title, body) {
return new Promise(resolve => {
const overlay = document.getElementById('modalOverlay');
document.getElementById('modalTitle').textContent = title;
document.getElementById('modalBody').textContent = body;
overlay.classList.remove('hidden');
function cleanup(r) {
overlay.classList.add('hidden');
document.getElementById('modalConfirm').removeEventListener('click', onY);
document.getElementById('modalCancel').removeEventListener('click', onN);
resolve(r);
}
const onY = () => cleanup(true);
const onN = () => cleanup(false);
document.getElementById('modalConfirm').addEventListener('click', onY);
document.getElementById('modalCancel').addEventListener('click', onN);
});
}
function addPingResult(ok) {
pingResults.push(ok);
if (pingResults.length > PING_MAX) pingResults.shift();
const container = document.getElementById('pingHistory');
container.innerHTML = '';
pingResults.forEach(r => {
const b = document.createElement('div');
b.className = 'ping-bar';
b.style.height = r ? '28px' : '10px';
b.style.background = r ? 'var(--green)' : 'var(--red)';
container.appendChild(b);
});
const pct = Math.round((pingResults.filter(Boolean).length / pingResults.length) * 100);
document.getElementById('uptimePct').textContent = `${pct}%`;
document.getElementById('uptimeFill').style.width = `${pct}%`;
}
async function fetchUptime() {
try {
const res = await fetch(manifest.status.uptime);
const data = await res.json();
const ms = data.uptimeMs;
const d = Math.floor(ms / 86400000);
const h = Math.floor((ms % 86400000) / 3600000);
const m = Math.floor((ms % 3600000) / 60000);
document.getElementById('uptimeDays').textContent = d;
document.getElementById('uptimeHours').textContent = h;
document.getElementById('uptimeMins').textContent = m;
document.getElementById('uptimeStart').textContent = new Date(data.serverStart).toLocaleTimeString('en-GB', { hour: '2-digit', minute: '2-digit' });
document.getElementById('uptimeStat').textContent = `${d}d ${h}h ${m}m`;
} catch { /* ignore */ }
}
async function fetchLastRuns() {
try {
const res = await fetch(manifest.status.lastRuns);
const data = await res.json();
for (const build of manifest.builds) {
renderLastRun(buildDomIds(build).lastRunId, data[build.lastRunKey]);
updateBuildStatusFromLastRun(build, data[build.lastRunKey]);
}
} catch { /* ignore */ }
}
function updateBuildStatusFromLastRun(build, info) {
if (!build.statusDotId || !info || info.lastRun === 'never') return;
const dot = document.getElementById(build.statusDotId);
const text = document.getElementById(build.statusTextId);
if (!dot || !text) return;
if (info.exitCode === 0 || (build.successExitCodes && build.successExitCodes.includes(info.exitCode))) {
dot.className = 'dot green';
text.textContent = 'Idle';
} else if (info.exitCode !== 'never' && info.exitCode !== undefined) {
dot.className = 'dot red';
text.textContent = 'Error';
}
}
function renderLastRun(elId, info) {
const el = document.getElementById(elId);
if (!el || !info) return;
const t = info.lastRun && info.lastRun !== 'never'
? new Date(info.lastRun).toLocaleString('en-GB', { day: 'numeric', month: 'short', hour: '2-digit', minute: '2-digit' })
: 'Never';
const code = info.exitCode !== undefined && info.exitCode !== 'never' ? info.exitCode : null;
const codeHtml = code !== null
? `