new features and refactor

domUtils.js

@@ -0,0 +1,70 @@
+// domUtils.js
+
+export function toggleVisibility(elementId, shouldShow) {
+    const element = document.getElementById(elementId);
+    if (element) {
+      element.style.display = shouldShow ? "block" : "none";
+    } else {
+      console.error(`Element with id "${elementId}" not found.`);
+    }
+  }
+  
+  export function escapeHTML(str) {
+    return String(str)
+      .replace(/&/g, "&")
+      .replace(/</g, "&lt;")
+      .replace(/>/g, "&gt;")
+      .replace(/"/g, "&quot;")
+      .replace(/'/g, "&#039;");
+  }
+  
+  // Toggle all checkboxes (assumes checkboxes have class 'file-checkbox')
+  export function toggleAllCheckboxes(masterCheckbox) {
+    const checkboxes = document.querySelectorAll(".file-checkbox");
+    checkboxes.forEach(chk => {
+      chk.checked = masterCheckbox.checked;
+    });
+    updateFileActionButtons();  // call the updated function
+  }
+  
+  // This updateFileActionButtons function checks for checkboxes inside the file list container.
+  export function updateFileActionButtons() {
+    const fileListContainer = document.getElementById("fileList");
+    const fileCheckboxes = document.querySelectorAll("#fileList .file-checkbox");
+    const selectedCheckboxes = document.querySelectorAll("#fileList .file-checkbox:checked");
+    const copyBtn = document.getElementById("copySelectedBtn");
+    const moveBtn = document.getElementById("moveSelectedBtn");
+    const deleteBtn = document.getElementById("deleteSelectedBtn");
+    const folderDropdown = document.getElementById("copyMoveFolderSelect");
+    
+    // Hide the buttons and dropdown if no files exist.
+    if (fileCheckboxes.length === 0) {
+      copyBtn.style.display = "none";
+      moveBtn.style.display = "none";
+      deleteBtn.style.display = "none";
+      folderDropdown.style.display = "none";
+    } else {
+      // Otherwise, show the buttons and dropdown.
+      copyBtn.style.display = "inline-block";
+      moveBtn.style.display = "inline-block";
+      deleteBtn.style.display = "inline-block";
+      folderDropdown.style.display = "inline-block";
+      
+      // Enable the buttons if at least one file is selected; otherwise disable.
+      if (selectedCheckboxes.length > 0) {
+        copyBtn.disabled = false;
+        moveBtn.disabled = false;
+        deleteBtn.disabled = false;
+      } else {
+        copyBtn.disabled = true;
+        moveBtn.disabled = true;
+        deleteBtn.disabled = true;
+      }
+    }
+  }
+  
+  
+  
+  
+  
+