(item)
| 371 | } |
| 372 | |
| 373 | function ensureRow(item) { |
| 374 | if (rows.has(item.id)) return rows.get(item.id); |
| 375 | |
| 376 | const row = document.createElement('div'); |
| 377 | row.className = 'fr-share-queue-item'; |
| 378 | |
| 379 | const head = document.createElement('div'); |
| 380 | head.className = 'fr-share-queue-head'; |
| 381 | |
| 382 | const nameEl = document.createElement('div'); |
| 383 | nameEl.className = 'fr-share-queue-name'; |
| 384 | nameEl.textContent = item.relativePath; |
| 385 | |
| 386 | const statusEl = document.createElement('div'); |
| 387 | statusEl.className = 'fr-share-queue-status'; |
| 388 | statusEl.textContent = tx('share_drop_status_queued', null, 'Queued'); |
| 389 | |
| 390 | head.appendChild(nameEl); |
| 391 | head.appendChild(statusEl); |
| 392 | |
| 393 | const meta = document.createElement('div'); |
| 394 | meta.className = 'fr-share-queue-meta'; |
| 395 | meta.textContent = isFileLike(item.file) ? formatBytes(item.file.size) : '-'; |
| 396 | |
| 397 | const progressWrap = document.createElement('div'); |
| 398 | progressWrap.className = 'fr-share-queue-progress'; |
| 399 | const progressFill = document.createElement('div'); |
| 400 | progressFill.className = 'fr-share-queue-progress-fill'; |
| 401 | progressFill.style.width = '0%'; |
| 402 | progressWrap.appendChild(progressFill); |
| 403 | |
| 404 | row.appendChild(head); |
| 405 | row.appendChild(meta); |
| 406 | row.appendChild(progressWrap); |
| 407 | prependRow(queueEl, row); |
| 408 | |
| 409 | const refs = { row, statusEl, progressFill, meta }; |
| 410 | rows.set(item.id, refs); |
| 411 | return refs; |
| 412 | } |
| 413 | |
| 414 | function setItemStatus(item, status, pct, message) { |
| 415 | const refs = ensureRow(item); |
no test coverage detected