Merge remote-tracking branch 'refs/remotes/origin/master'

app/templates/main/match_detail.html

@@ -761,76 +761,113 @@
         }
 
         // ZIP Upload Functions
-        function startUpload(matchId) {
-            const fileInput = document.getElementById(`zip_file_${matchId}`);
-            const file = fileInput.files[0];
-            
-            if (!file) {
-                return;
-            }
+        const CHUNK_SIZE = 1024 * 1024; // 1MB chunks
+
+        function uploadFileInChunks(file, matchId) {
+            const totalChunks = Math.ceil(file.size / CHUNK_SIZE);
+            const uploadId = Date.now() + '_' + Math.random().toString(36).substr(2, 9);
+
+            let currentChunk = 0;
 
             // Show progress bar and hide upload form
             const uploadForm = document.getElementById(`upload_form_${matchId}`);
             const progressContainer = document.getElementById(`progress_${matchId}`);
             const statusDiv = document.getElementById(`status_${matchId}`);
-            
+
             uploadForm.style.display = 'none';
             progressContainer.style.display = 'block';
             statusDiv.style.display = 'block';
             statusDiv.className = 'upload-status uploading';
-            statusDiv.textContent = 'Uploading...';
+            statusDiv.textContent = 'Uploading... 0%';
 
-            // Create FormData
-            const formData = new FormData();
-            formData.append('zip_file', file);
-            formData.append('match_id', matchId);
+            function uploadChunk() {
+                if (currentChunk >= totalChunks) {
+                    // All chunks uploaded, finalize
+                    finalizeUpload(uploadId, file.name, matchId);
+                    return;
+                }
 
-            // Create XMLHttpRequest for progress tracking
-            const xhr = new XMLHttpRequest();
-            activeUploads.set(matchId, xhr);
+                const start = currentChunk * CHUNK_SIZE;
+                const end = Math.min(start + CHUNK_SIZE, file.size);
+                const chunk = file.slice(start, end);
 
-            // Progress event handler
-            xhr.upload.addEventListener('progress', function(e) {
-                if (e.lengthComputable) {
-                    const percentComplete = Math.round((e.loaded / e.total) * 100);
-                    updateProgress(matchId, percentComplete);
-                }
-            });
+                const formData = new FormData();
+                formData.append('chunk', chunk);
+                formData.append('chunkIndex', currentChunk);
+                formData.append('totalChunks', totalChunks);
+                formData.append('uploadId', uploadId);
+                formData.append('fileName', file.name);
+                formData.append('matchId', matchId);
+
+                fetch('/upload/chunk', {
+                    method: 'POST',
+                    body: formData
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.success) {
+                        currentChunk++;
+                        const progress = (currentChunk / totalChunks) * 100;
+                        updateProgress(matchId, Math.round(progress));
+                        statusDiv.textContent = `Uploading... ${Math.round(progress)}%`;
+                        uploadChunk();
+                    } else {
+                        throw new Error(data.error || 'Upload failed');
+                    }
+                })
+                .catch(error => {
+                    statusDiv.className = 'upload-status error';
+                    statusDiv.textContent = 'Upload failed: ' + error.message;
+                });
+            }
 
-            // Load event handler (upload complete)
-            xhr.addEventListener('load', function() {
-                if (xhr.status === 200) {
-                    // Success
+            uploadChunk();
+        }
+
+        function finalizeUpload(uploadId, fileName, matchId) {
+            const statusDiv = document.getElementById(`status_${matchId}`);
+
+            fetch('/upload/finalize', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    uploadId: uploadId,
+                    fileName: fileName,
+                    matchId: matchId
+                })
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.success) {
                     updateProgress(matchId, 100);
                     statusDiv.className = 'upload-status success';
                     statusDiv.textContent = 'Upload successful!';
-                    
                     // Reload page after a short delay to show updated status
                     setTimeout(() => {
                         window.location.reload();
                     }, 1500);
                 } else {
-                    // Error
-                    handleUploadError(matchId, 'Upload failed');
+                    statusDiv.className = 'upload-status error';
+                    statusDiv.textContent = 'Finalization failed: ' + (data.error || 'Unknown error');
                 }
-                activeUploads.delete(matchId);
+            })
+            .catch(error => {
+                statusDiv.className = 'upload-status error';
+                statusDiv.textContent = 'Finalization failed: ' + error.message;
             });
+        }
 
-            // Error event handler
-            xhr.addEventListener('error', function() {
-                handleUploadError(matchId, 'Network error');
-                activeUploads.delete(matchId);
-            });
+        function startUpload(matchId) {
+            const fileInput = document.getElementById(`zip_file_${matchId}`);
+            const file = fileInput.files[0];
 
-            // Abort event handler
-            xhr.addEventListener('abort', function() {
-                handleUploadError(matchId, 'Upload cancelled');
-                activeUploads.delete(matchId);
-            });
+            if (!file) {
+                return;
+            }
 
-            // Start upload
-            xhr.open('POST', '{{ url_for("upload.upload_zip") }}', true);
-            xhr.send(formData);
+            uploadFileInChunks(file, matchId);
         }
 
         function updateProgress(matchId, percent) {