FileRise/displayFileList.js

// displayFileList.js

import { sendRequest, toggleVisibility } from './utils.js';

let fileData = [];
let sortOrder = { column: "uploaded", ascending: false };
export let currentFolder = "root"; // Global current folder

export function loadFileList() {
  sendRequest("checkAuth.php")
    .then(authData => {
      if (!authData.authenticated) {
        console.warn("User not authenticated, hiding file list.");
        toggleVisibility("fileListContainer", false);
        return;
      }
      toggleVisibility("fileListContainer", true);
      return sendRequest("getFileList.php?folder=" + encodeURIComponent(currentFolder));
    })
    .then(data => {
      if (!data) return;
      if (data.error) {
        document.getElementById("fileList").innerHTML = `<p style="color:red;">Error: ${data.error}</p>`;
        return;
      }
      if (!Array.isArray(data.files)) {
        console.error("Unexpected response format:", data);
        return;
      }
      fileData = data.files;
      //sortFiles("uploaded", false);
    })
    .catch(error => console.error("Error loading file list:", error));
}




export function toggleDeleteButton() {
  const selectedFiles = document.querySelectorAll(".file-checkbox:checked");
  const deleteBtn = document.getElementById("deleteSelectedBtn");
  const copyBtn = document.getElementById("copySelectedBtn");
  const moveBtn = document.getElementById("moveSelectedBtn");
  const disabled = selectedFiles.length === 0;
  deleteBtn.disabled = disabled;
  if (copyBtn) copyBtn.disabled = disabled;
  if (moveBtn) moveBtn.disabled = disabled;
}

export function toggleAllCheckboxes(source) {
  const checkboxes = document.querySelectorAll(".file-checkbox");
  checkboxes.forEach(checkbox => checkbox.checked = source.checked);
  toggleDeleteButton();
}

export function deleteSelectedFiles() {
  const selectedFiles = Array.from(document.querySelectorAll(".file-checkbox:checked"))
    .map(checkbox => checkbox.value);
  if (selectedFiles.length === 0) {
    alert("No files selected for deletion.");
    return;
  }
  if (!confirm("Are you sure you want to delete the selected files?")) {
    return;
  }
  sendRequest("deleteFiles.php", "POST", { files: selectedFiles })
    .then(result => {
      alert(result.success || result.error);
      loadFileList();
    })
    .catch(error => console.error("Error deleting files:", error));
}

document.addEventListener("DOMContentLoaded", function () {
  loadFileList();
  loadCopyMoveFolderList();

  const deleteBtn = document.getElementById("deleteSelectedBtn");
  if (deleteBtn) {
    deleteBtn.addEventListener("click", deleteSelectedFiles);
  }

  const copyBtn = document.getElementById("copySelectedBtn");
  const moveBtn = document.getElementById("moveSelectedBtn");
  if (copyBtn) {
    copyBtn.addEventListener("click", copySelectedFiles);
  }
  if (moveBtn) {
    moveBtn.addEventListener("click", moveSelectedFiles);
  }
});

export function editFile(fileName) {
  const threshold = 10 * 1024 * 1024; // 10 MB threshold
  fetch(`uploads/${encodeURIComponent(fileName)}`, { method: 'HEAD' })
    .then(response => {
      const fileSize = parseInt(response.headers.get('Content-Length') || "0", 10);
      if (fileSize > threshold) {
        alert("This file is too large to edit in the browser.");
        return;
      }
      return fetch(`uploads/${encodeURIComponent(fileName)}?t=${new Date().getTime()}`);
    })
    .then(response => {
      if (!response) return;
      if (!response.ok) throw new Error("HTTP error! Status: " + response.status);
      return response.text();
    })
    .then(content => {
      if (!content) return;
      const modal = document.createElement("div");
      modal.id = "editorContainer";
      modal.classList.add("modal", "editor-modal");
      modal.innerHTML = `
        <h3>Editing: ${fileName}</h3>
        <textarea id="fileEditor" style="width:100%; height:60%; resize:none;">${content}</textarea>
        <div style="margin-top:10px; text-align:right;">
          <button onclick="saveFile('${fileName}')" class="btn btn-primary">Save</button>
          <button onclick="document.getElementById('editorContainer').remove()" class="btn btn-secondary">Close</button>
        </div>
      `;
      document.body.appendChild(modal);
      modal.style.display = "block";
    })
    .catch(error => console.error("Error in editFile:", error));
}

export function saveFile(fileName) {
  const editor = document.getElementById("fileEditor");
  if (!editor) {
    console.error("Editor not found!");
    return;
  }
  const fileData = {
    fileName: fileName,
    content: editor.value
  };
  sendRequest("saveFile.php", "POST", fileData)
    .then(result => {
      alert(result.success || result.error);
      document.getElementById("editorContainer")?.remove();
      loadFileList();
    })
    .catch(error => console.error("Error saving file:", error));
}

// ===== NEW CODE: Copy & Move Functions =====

// Copy selected files to a target folder
export function copySelectedFiles() {
  const selectedFiles = Array.from(document.querySelectorAll(".file-checkbox:checked"))
    .map(checkbox => checkbox.value);
  const targetFolder = document.getElementById("copyMoveFolderSelect").value;
  if (selectedFiles.length === 0) {
    alert("Please select at least one file to copy.");
    return;
  }
  if (!targetFolder) {
    alert("Please select a target folder.");
    return;
  }
  // Send the correct keys
  sendRequest("copyFiles.php", "POST", {
    source: currentFolder,
    destination: targetFolder,
    files: selectedFiles
  })
    .then(result => {
      alert(result.success || result.error);
      loadFileList();
    })
    .catch(error => console.error("Error copying files:", error));
}



export function moveSelectedFiles() {
  const selectedFiles = Array.from(document.querySelectorAll(".file-checkbox:checked"))
    .map(checkbox => checkbox.value);
  const targetFolder = document.getElementById("copyMoveFolderSelect").value;
  if (selectedFiles.length === 0) {
    alert("Please select at least one file to move.");
    return;
  }
  if (!targetFolder) {
    alert("Please select a target folder.");
    return;
  }
  console.log("Payload:", {
    source: currentFolder,
    destination: document.getElementById("copyMoveFolderSelect").value,
    files: selectedFiles
  });
  sendRequest("moveFiles.php", "POST", {
    source: currentFolder,
    destination: targetFolder,
    files: selectedFiles
  })
    .then(result => {
      alert(result.success || result.error);
      loadFileList();
    })
    .catch(error => console.error("Error moving files:", error));
}



// Populate the Copy/Move folder dropdown
export function loadCopyMoveFolderList() {
  $.get('getFolderList.php', function (response) {
    const folderSelect = $('#copyMoveFolderSelect');
    folderSelect.empty();
    // Always add a "Root" option as the default.
    folderSelect.append($('<option>', { value: "root", text: "Root" }));
    if (Array.isArray(response) && response.length > 0) {
      response.forEach(function (folder) {
        folderSelect.append($('<option>', {
          value: folder,
          text: folder
        }));
      });
    }
  }, 'json');
}

// Attach functions to window for inline onclick support
window.toggleDeleteButton = toggleDeleteButton;
window.toggleAllCheckboxes = toggleAllCheckboxes;
window.deleteSelectedFiles = deleteSelectedFiles;
window.editFile = editFile;
window.saveFile = saveFile;
window.loadFileList = loadFileList;
window.copySelectedFiles = copySelectedFiles;
window.moveSelectedFiles = moveSelectedFiles;