WebApp production ver

Web/content/ftp/js/index.js

@@ -0,0 +1,278 @@
+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);
+}
+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);
+    });
+});