Function renderJob

public/js/transferProgress.js:556–739

(job)

}

function renderJob(job) {
  if (!job) return;
  const ui = ensureJobDom(job);
  const now = Date.now();
  const state = String(job.state || '').toLowerCase();
  const cancelling = state === 'cancel_requested' || state === 'cancelling';
  const running = state === 'running' || state === 'finishing' || cancelling;
  const queued = state === 'queued';
  const done = state === 'done';
  const finishing = state === 'finishing';
  const failed = ['error', 'failed', 'cancelled'].includes(state);
  const elapsedMs = (done || failed) && job.endedAt ? (job.endedAt - job.startedAt) : (now - job.startedAt);

  const title = buildTitle(job);
  const sub = buildSub(job);
  if (ui.title) ui.title.textContent = title;
  if (ui.sub) {
    ui.sub.textContent = sub || '';
    ui.sub.style.display = sub ? '' : 'none';
  }

  if (ui.state) {
    ui.state.className = `fr-transfer-item-state ${getJobStateClass(job)}`;
    ui.state.textContent = getJobStateLabel(job);
  }

  if (ui.cancelBtn) {
    const cancellableState = queued || state === 'running' || cancelling;
    const canCancel = !!job.cancelable && cancellableState && !done && !failed && !finishing;
    const cancellingUi = !!job.cancelInFlight || !!job.cancelRequested || cancelling;
    ui.cancelBtn.style.display = canCancel ? 'inline-flex' : 'none';
    ui.cancelBtn.disabled = !canCancel || cancellingUi;
    ui.cancelBtn.textContent = cancellingUi ? 'Cancelling...' : 'Cancel';
    ui.cancelBtn.title = cancellingUi ? 'Cancellation requested' : 'Cancel transfer';
  }

  const hasActual = job.mode === 'actual';
  const totalBytes = Number.isFinite(job.bytesTotal) ? job.bytesTotal : Number(job.totalBytes || 0);

  if (queued) {
    applyProgressBar(job, ui, 0, { indeterminate: true });
    if (ui.metrics) ui.metrics.textContent = 'Waiting for worker...';
    return;
  }

  if (running && hasActual) {
    const totalFiles = Number.isFinite(job.filesTotal) ? job.filesTotal : Number(job.itemCount || 0);
    const doneFiles = Number.isFinite(job.filesDone) ? job.filesDone : null;
    const doneBytes = Number.isFinite(job.bytesDone) ? job.bytesDone : null;

    if (finishing) {
      const startAt = Number(job.finalizeStartAt || now);
      const durationMs = Math.max(220, Number(job.finalizeDurationMs || 650));
      const fromPct = clamp(Number(job.finalizeFromPct || 0), 0, 99);
      const ratio = clamp((now - startAt) / durationMs, 0, 1);
      const displayPct = clamp(Math.round(fromPct + ((100 - fromPct) * ratio)), 0, 100);

      applyProgressBar(job, ui, displayPct, { indeterminate: false });