Function showResumableDraftBanner

public/js/upload.js:355–433

()

// Show a small banner if there is any in-progress resumable upload for this folder
function showResumableDraftBanner() {
  const uploadCard = document.getElementById('uploadCard');
  if (!uploadCard) return;

  // Remove any existing banner first
  const existing = document.getElementById('resumableDraftBanner');
  if (existing && existing.parentNode) {
    existing.parentNode.removeChild(existing);
  }

  const { drafts } = getUserDraftContext();
  const folder = window.currentFolder || 'root';

  const candidates = Object.values(drafts)
    .filter(d =>
      d &&
      d.folder === folder &&
      typeof d.lastPercent === 'number' &&
      d.lastPercent > 0 &&
      d.lastPercent < 100
    )
    .sort((a, b) => (b.updatedAt || 0) - (a.updatedAt || 0));

  if (!candidates.length) {
    return; // nothing to show
  }

  const latest = candidates[0];
  const count = candidates.length;

  const countText =
    count === 1
      ? 'You have a partially uploaded file'
      : `You have ${count} partially uploaded files. Latest:`;
  const resumeHint =
    count === 1
      ? 'Choose it again from your device to resume.'
      : 'Choose them again from your device to resume.';
  const dismissHint = 'Dismiss clears the partial uploads and temporary files.';
  const cleanupIds = candidates
    .map(entry => entry && entry.identifier)
    .filter(Boolean);

  const banner = document.createElement('div');
  banner.id = 'resumableDraftBanner';
  banner.className = 'upload-resume-banner';
  banner.innerHTML = `
    <div class="upload-resume-banner-inner">
      <span class="material-icons" style="vertical-align:middle;margin-right:6px;">cloud_upload</span>
      <span class="upload-resume-text">
        ${countText}
        <strong class="upload-resume-name">${escapeHTML(latest.fileName)}</strong>
        (~${latest.lastPercent}%).
        ${resumeHint}
        ${dismissHint}
      </span>
      <button type="button" class="upload-resume-dismiss-btn">Dismiss</button>
    </div>