USB-RAID-Array/Web/betatest/content/ftp/js/index.js

function handleDragOver(event) {
    event.preventDefault();
    event.currentTarget.classList.add('dragover');
}

function handleDragLeave(event) {
    event.currentTarget.classList.remove('dragover');
}

function handleDrop(event) {
    event.preventDefault();
    event.currentTarget.classList.remove('dragover');

    if (event.dataTransfer.items) {
        const items = event.dataTransfer.items;
        processDroppedItems(items);
    } else {
        const files = event.dataTransfer.files;
        uploadFiles(files);
    }
}

function processDroppedItems(items) {
    const allFiles = [];
    let pendingItems = 0;
    
    function handleEntry(entry, path = '') {
        if (entry.isFile) {
            pendingItems++;
            entry.file(file => {
                Object.defineProperty(file, 'webkitRelativePath', {
                    value: path + file.name
                });
                
                allFiles.push(file);
                pendingItems--;

                if (pendingItems === 0) {
                    uploadFiles(allFiles);
                }
            });
        } else if (entry.isDirectory) {
            const reader = entry.createReader();
            readEntries(reader, path + entry.name + '/');
        }
    }
    
    function readEntries(reader, path) {
        pendingItems++;
        reader.readEntries(entries => {
            if (entries.length > 0) {
                for (const entry of entries) {
                    handleEntry(entry, path);
                }
                readEntries(reader, path);
            }
            pendingItems--;
            
            if (pendingItems === 0 && allFiles.length > 0) {
                uploadFiles(allFiles);
            }
        });
    }

    for (let i = 0; i < items.length; i++) {
        const item = items[i];
        if (item.kind !== 'file') continue;
        
        const entry = item.webkitGetAsEntry ? item.webkitGetAsEntry() : item.getAsEntry();
        if (entry) {
            handleEntry(entry);
        }
    }

    if (pendingItems === 0 && allFiles.length === 0) {
        alert('No valid files or directories found.');
    }
}

function handleFileSelect(event) {
    const files = event.target.files;
    uploadFiles(files);
}

function uploadFiles(files) {
    if (!files || files.length === 0) {
        alert('No files selected for upload.');
        return;
    }

    const formData = new FormData();
    formData.append('currentPath', currentPath);

    let filesAdded = 0;
    let directories = new Set();

    for (const file of files) {
        const relativePath = file.webkitRelativePath || '';

        if (relativePath) {
            const parts = relativePath.split('/');
            let currentPath = '';
            for (let i = 0; i < parts.length - 1; i++) {
                currentPath += (i > 0 ? '/' : '') + parts[i];
                if (currentPath) {
                    directories.add(currentPath);
                }
            }
        }
        
        formData.append('files[]', file);
        formData.append('paths[]', relativePath);
        filesAdded++;
    }

    if (directories.size > 0) {
        formData.append('create_dirs', JSON.stringify(Array.from(directories)));
    }

    if (filesAdded === 0) {
        alert('No valid files selected for upload.');
        return;
    }

    const uploadStatus = document.createElement('div');
    uploadStatus.className = 'alert alert-info';
    uploadStatus.textContent = 'Uploading files, please wait...';
    document.querySelector('.action-buttons').after(uploadStatus);

    const xhr = new XMLHttpRequest();
    xhr.open('POST', 'upload.php', true);

    xhr.onerror = () => {
        uploadStatus.className = 'alert alert-danger';
        uploadStatus.textContent = 'Network error occurred during upload.';
        setTimeout(() => uploadStatus.remove(), 5000);
    };
    
    xhr.timeout = 300000; // 5 minutes
    xhr.ontimeout = () => {
        uploadStatus.className = 'alert alert-danger';
        uploadStatus.textContent = 'Upload timed out. Try with smaller files or fewer files.';
        setTimeout(() => uploadStatus.remove(), 5000);
    };

    xhr.onload = () => {
        if (xhr.status === 200) {
            uploadStatus.className = 'alert alert-success';
            uploadStatus.textContent = 'Upload successful!';
            setTimeout(() => {
                uploadStatus.remove();
                window.location.reload();
            }, 1500);
        } else {
            uploadStatus.className = 'alert alert-danger';
            uploadStatus.textContent = 'Upload failed: ' + (xhr.responseText || xhr.statusText);
            setTimeout(() => uploadStatus.remove(), 5000);
        }
    };

    xhr.send(formData);
}

function createDirectory() {
    const dirName = document.getElementById('dirName').value.trim();
    if (!dirName) {
        alert('Please enter a directory name.');
        return;
    }

    const formData = new FormData();
    formData.append('currentPath', currentPath);
    formData.append('dirName', dirName);
    formData.append('action', 'createDir');

    const xhr = new XMLHttpRequest();
    xhr.open('POST', 'createdir.php', true);
    xhr.onload = () => {
        if (xhr.status === 200) {
            alert('Directory created successfully!');
            const modal = bootstrap.Modal.getInstance(document.getElementById('createDirModal'));
            if (modal) modal.hide();
            window.location.reload();
        } else {
            alert('Failed to create directory: ' + xhr.responseText || xhr.statusText);
        }
    };
    xhr.send(formData);
}

function confirmDelete(event) {
    event.preventDefault();
    
    if (confirm("Do you really want to delete this file?")) {
        event.target.form.submit();
    }
}

function createFile() {
    const fileName = document.getElementById('fileName').value.trim();
    if (!fileName) {
        alert('Please enter a file name.');
        return;
    }

    if (fileName.indexOf('.') === -1) {
        alert('Please include a file extension (e.g., .txt, .html, .php)');
        return;
    }

    const formData = new FormData();
    formData.append('currentPath', currentPath);
    formData.append('fileName', fileName);
    formData.append('action', 'createFile');

    const xhr = new XMLHttpRequest();
    xhr.open('POST', 'createfile.php', true);
    xhr.onload = () => {
        if (xhr.status === 200) {
            try {
                const response = JSON.parse(xhr.responseText);
                if (response.success) {
                    alert('File created successfully!');
                    const modal = bootstrap.Modal.getInstance(document.getElementById('createFileModal'));
                    if (modal) modal.hide();
                    window.location.reload();
                } else {
                    alert('Failed to create file: ' + (response.message || 'Unknown error'));
                }
            } catch (e) {
                alert('Error processing response: ' + xhr.responseText);
            }
        } else {
            alert('Failed to create file: ' + xhr.responseText || xhr.statusText);
        }
    };
    xhr.send(formData);
}
function openRenameModal(name, path) {
    document.getElementById('originalName').value = name;
    document.getElementById('fullPath').value = path;
    document.getElementById('isDirectory').value = name.endsWith('/') ? '1' : '0';
    document.getElementById('newName').value = name.endsWith('/') ? name.slice(0, -1) : name;

    const renameModal = new bootstrap.Modal(document.getElementById('renameModal'));
    renameModal.show();
}

document.addEventListener('DOMContentLoaded', function() {
    const themeToggle = document.getElementById('themeToggle');
    const html = document.documentElement;
    const themeText = document.getElementById('themeText');
    const themeIcon = themeToggle.querySelector('.bi');
    
    function setTheme(theme) {
        html.setAttribute('data-bs-theme', theme);
        document.body.classList.remove('theme-light', 'theme-dark');
        document.body.classList.add('theme-' + theme);
        localStorage.setItem('theme', theme);
        
        if (theme === 'dark') {
            themeText.textContent = 'Light Mode';
            themeIcon.className = 'bi bi-sun';
            themeToggle.classList.remove('btn-dark');
            themeToggle.classList.add('btn-light');
        } else {
            themeText.textContent = 'Dark Mode';
            themeIcon.className = 'bi bi-moon';
            themeToggle.classList.remove('btn-light');
            themeToggle.classList.add('btn-dark');
        }
    }
    
    const savedTheme = localStorage.getItem('theme');
    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
    
    if (savedTheme) {
        setTheme(savedTheme);
    } else {
        setTheme(prefersDark ? 'dark' : 'light');
    }
    
    themeToggle.addEventListener('click', function() {
        const currentTheme = html.getAttribute('data-bs-theme');
        const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
        setTheme(newTheme);
    });
});