Function createFileEntry

public/js/upload.js:917–1042

(file)

----------------------------------------------------- */
// Create a file entry element with a remove button and a pause/resume button.
function createFileEntry(file) {
  const li = document.createElement("li");
  li.classList.add("upload-progress-item");
  li.style.display = "flex";
  li.dataset.uploadIndex = file.uploadIndex;

  // Remove button (always added)
  const removeBtn = document.createElement("button");
  removeBtn.classList.add("remove-file-btn");
  removeBtn.textContent = "×";
  // In your remove button event listener, replace the fetch call with:
  removeBtn.addEventListener("click", function (e) {
    e.stopPropagation();
    const uploadIndex = file.uploadIndex;
    window.selectedFiles = window.selectedFiles.filter(f => f.uploadIndex !== uploadIndex);

    // Cancel the file upload if possible.
    if (typeof file.cancel === "function") {
      file.cancel();
      console.log("Canceled file upload:", file.fileName);
    }

    // Remove file from the resumable queue.
    if (resumableInstance && typeof resumableInstance.removeFile === "function") {
      resumableInstance.removeFile(file);
    }

    // Call our helper repeatedly to remove the chunk folder.
    if (file.uniqueIdentifier) {
      removeChunkFolderRepeatedly(file.uniqueIdentifier, window.csrfToken, file.targetFolder, 3, 1000);
    }

    li.remove();
    updateFileInfoCount();
    const anyItems = !!document.querySelector('li.upload-progress-item');
    setUploadButtonVisible(anyItems);
  });
  li.removeBtn = removeBtn;
  li.appendChild(removeBtn);

  // Add pause/resume/restart button if the file supports pause/resume.
  // Conditionally add the pause/resume button only if file.pause is available
  // Pause/Resume button (for resumable file–picker uploads)
  if (typeof file.pause === "function") {
    const pauseResumeBtn = document.createElement("button");
    pauseResumeBtn.setAttribute("type", "button"); // not a submit button
    pauseResumeBtn.classList.add("pause-resume-btn");
    // Start with pause icon and disable button until upload starts
    pauseResumeBtn.innerHTML = '<span class="material-icons pauseResumeBtn">pause_circle_outline</span>';
    pauseResumeBtn.disabled = true;
    pauseResumeBtn.addEventListener("click", function (e) {
      e.stopPropagation();
      if (file.isError) {
        // If the file previously failed, try restarting upload.
        if (typeof file.retry === "function") {
          file.retry();
          file.isError = false;
          pauseResumeBtn.innerHTML = '<span class="material-icons pauseResumeBtn">pause_circle_outline</span>';