0UT1S's

By Order of Mr.0UT1S

N/A

0 bytes

4.09 KB

document.addEventListener('DOMContentLoaded', function () {
    // File Upload and Merge Functionality
    const fileInput = document.getElementById('pdf-files');
    const fileList = document.getElementById('file-list');
    const clearFilesButton = document.getElementById('clear-files');
    const uploadProgress = document.getElementById('upload-progress');
    const mergeProgressBar = document.getElementById('merge-progress-bar');
    const mergeForm = document.getElementById('pdf-merge-form');
    const resultDiv = document.getElementById('result');
    const downloadButton = resultDiv ? resultDiv.querySelector('a') : null;

// Drag and Drop Functionality
    const uploadBox = document.querySelector('.upload-box');

// FAQ Functionality
    const faqItems = document.querySelectorAll('.faq-item');

// Helper Functions
    function hideResult() {
        if (resultDiv) resultDiv.setAttribute('hidden', true);
    }

function showResult(downloadUrl) {
        if (resultDiv && downloadButton) {
            downloadButton.href = downloadUrl;
            resultDiv.removeAttribute('hidden');
        }
    }

// Display Selected Files
    if (fileInput && fileList) {
        fileInput.addEventListener('change', function () {
            fileList.innerHTML = '';
            Array.from(fileInput.files).forEach(file => {
                const fileItem = document.createElement('div');
                fileItem.textContent = file.name;
                fileList.appendChild(fileItem);
            });
        });
    }

// Clear Selected Files
    if (clearFilesButton && fileInput && fileList) {
        clearFilesButton.addEventListener('click', function () {
            fileInput.value = '';
            fileList.innerHTML = '';
            hideResult();
        });
    }

// Handle Form Submission
    if (mergeForm) {
        mergeForm.addEventListener('submit', function (e) {
            e.preventDefault();
            const formData = new FormData(mergeForm);

// Simulate Upload Progress
            let progress = 0;
            const interval = setInterval(() => {
                progress += 10;
                if (uploadProgress) uploadProgress.style.width = `${progress}%`;
                if (progress >= 100) clearInterval(interval);
            }, 300);

// Simulate Merge Progress
            fetch('merge.php', {
                method: 'POST',
                body: formData
            })
            .then(response => response.json())
            .then(data => {
                clearInterval(interval);
                if (uploadProgress) uploadProgress.style.width = '100%';
                if (mergeProgressBar) mergeProgressBar.style.width = '100%';
                if (data.file) {
                    showResult(data.file);
                } else {
                    alert('An error occurred. Please try again.');
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('An error occurred. Please try again.');
            });
        });
    }

// Drag and Drop Functionality
    if (uploadBox && fileInput) {
        uploadBox.addEventListener('dragover', (e) => {
            e.preventDefault();
            uploadBox.classList.add('dragover');
        });

uploadBox.addEventListener('dragleave', () => {
            uploadBox.classList.remove('dragover');
        });

uploadBox.addEventListener('drop', (e) => {
            e.preventDefault();
            uploadBox.classList.remove('dragover');
            fileInput.files = e.dataTransfer.files;
            fileInput.dispatchEvent(new Event('change'));
        });
    }

// FAQ Functionality
    if (faqItems.length > 0) {
        faqItems.forEach(item => {
            const question = item.querySelector('h3');
            if (question) {
                question.addEventListener('click', () => {
                    item.classList.toggle('active');
                });
            }
        });
    }
});