Function formatRelativeTime

web/scripts/ragnar_modern.js:2732–2760

(seconds)

    const K = o.big ? 1.3 : 1;                    // type / padding scale
    const dpr = window.devicePixelRatio || 1;
    const W = canvas.clientWidth, H = Math.round(o.height || canvas.clientHeight || 360);
    if (W < 20 || H < 20) return;
    canvas.width = W * dpr; canvas.height = H * dpr;
    canvas._wifiHits = [];
    const ctx = canvas.getContext('2d'); ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
    ctx.clearRect(0, 0, W, H);
    const padL = Math.round(40 * K), padR = Math.round(12 * K),
        padT = Math.round(16 * K), padB = Math.round(34 * K);
    const plotW = W - padL - padR, plotH = H - padT - padB;
    const yTop = -30, yBot = -95;
    const yFor = (dbm) => padT + (yTop - Math.max(yBot, Math.min(yTop, dbm))) / (yTop - yBot) * plotH;
    const dbmFor = (y) => yTop - (y - padT) / plotH * (yTop - yBot);
    // Y gridlines
    ctx.strokeStyle = '#1e293b'; ctx.fillStyle = '#64748b'; ctx.font = `${10 * K}px sans-serif`; ctx.textAlign = 'right';
    for (let v = yTop; v >= yBot; v -= 10) {
        const y = yFor(v); ctx.beginPath(); ctx.moveTo(padL, y); ctx.lineTo(W - padR, y); ctx.stroke();
        ctx.fillText(v + '', padL - 4, y + 3);
    }
    if (o.big) {
        ctx.save(); ctx.translate(12, padT + plotH / 2); ctx.rotate(-Math.PI / 2);
        ctx.textAlign = 'center'; ctx.fillStyle = '#475569'; ctx.font = '11px sans-serif';
        ctx.fillText('RSSI (dBm)', 0, 0); ctx.restore();
    }
    // Which bands to show
    let bands = _wifiState.band === 'all' ? Object.keys(d.spectrum).sort() : [_wifiState.band];
    bands = bands.filter(b => d.aps.some(a => a.band === b));
    if (!bands.length) {
        ctx.fillStyle = '#64748b'; ctx.textAlign = 'center'; ctx.font = `${11 * K}px sans-serif`;
        ctx.fillText('No APs on selected band', W / 2, H / 2);
        canvas._wifiGeom = null;
        return;
    }