Spaces:

AmineDubs
/

Scripts_translation_to_arabic

Running

App Files Files Community

amine_dubs commited on May 2

Commit

4a21477

1 Parent(s): 52c54ab

pdf

Browse files

Files changed (1) hide show

static/script.js +85 -61

static/script.js CHANGED Viewed

@@ -340,18 +340,19 @@ window.onload = function() {
         docTranslationForm.addEventListener('submit', function(e) {
             e.preventDefault();
-            const fileInput = document.getElementById('doc-input');
-            if (!fileInput.files || fileInput.files.length === 0) {
                 showError('Please select a document to translate.');
                 return;
             }
-            const file = fileInput.files[0];
-            const sourceLang = sourceLangDoc.value;
-            const targetLang = targetLangDoc.value;
             translateDocument(file, sourceLang, targetLang);
         });
     }
     // File drag and drop
@@ -572,42 +573,78 @@ window.onload = function() {
     // Function to download translated document
     function downloadTranslatedDocument(content, fileName, fileType) {
-        console.log('Downloading translated document:', fileName, fileType);
-        // Determine the file extension
-        let extension = '';
-        if (fileName.toLowerCase().endsWith('.pdf')) {
-            extension = '.pdf';
-        } else if (fileName.toLowerCase().endsWith('.docx')) {
-            extension = '.docx';
-        } else if (fileName.toLowerCase().endsWith('.txt')) {
-            extension = '.txt';
-        } else {
-            extension = '.txt'; // Default to txt
-        }
-        // Create file name for translated document
         const baseName = fileName.substring(0, fileName.lastIndexOf('.'));
         const translatedFileName = `${baseName}_translated${extension}`;
-        // Show notification that download is starting
-        showNotification('Preparing document for download...');
-        // For text files, we can download directly from the browser
         if (extension === '.txt') {
-            const blob = new Blob([content], { type: 'text/plain' });
             const url = URL.createObjectURL(blob);
-            const a = document.createElement('a');
-            a.href = url;
-            a.download = translatedFileName;
-            document.body.appendChild(a);
-            a.click();
-            document.body.removeChild(a);
-            URL.revokeObjectURL(url);
-            showNotification('Document downloaded successfully!');
         } else {
-            // For PDF and DOCX files, we need the server to create them
             fetch('/download/translated-document', {
                 method: 'POST',
                 headers: {
@@ -616,48 +653,35 @@ window.onload = function() {
                 body: JSON.stringify({
                     content: content,
                     filename: translatedFileName,
-                    original_type: fileType || 'text/plain'
                 }),
             })
             .then(response => {
                 if (!response.ok) {
-                    throw new Error(`Server error: ${response.status} ${response.statusText}`);
                 }
                 return response.blob();
             })
             .then(blob => {
-                // Create appropriate MIME type based on extension
-                let mimeType;
-                if (extension === '.pdf') {
-                    mimeType = 'application/pdf';
-                } else if (extension === '.docx') {
-                    mimeType = 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
-                } else {
-                    mimeType = 'text/plain';
-                }
-                // Create a blob with the correct MIME type
-                const fileBlob = new Blob([blob], { type: mimeType });
-                const url = URL.createObjectURL(fileBlob);
-                // Create and trigger download link
-                const a = document.createElement('a');
-                a.href = url;
-                a.download = translatedFileName;
-                document.body.appendChild(a);
-                a.click();
-                document.body.removeChild(a);
-                URL.revokeObjectURL(url);
-                showNotification('Document downloaded successfully!');
             })
             .catch(error => {
-                console.error('Error downloading document:', error);
-                showError(`Download error: ${error.message}`);
             });
         }
     }
     // Helper function to get language name from code
     function getLanguageName(code) {
         // Hard-coded mapping for common languages

         docTranslationForm.addEventListener('submit', function(e) {
             e.preventDefault();
+            const file = document.getElementById('doc-input').files[0];
+            if (!file) {
                 showError('Please select a document to translate.');
                 return;
             }
+            const sourceLang = document.getElementById('doc-source-lang').value;
+            const targetLang = document.getElementById('doc-target-lang').value;
             translateDocument(file, sourceLang, targetLang);
         });
+    } else {
+        console.error('Document translation form not found.');
     }
     // File drag and drop
     // Function to download translated document
     function downloadTranslatedDocument(content, fileName, fileType) {
+        // Determine file extension
+        let extension = fileName.endsWith('.pdf') ? '.pdf' :
+                        fileName.endsWith('.docx') ? '.docx' : '.txt';
+        // Create translated filename
         const baseName = fileName.substring(0, fileName.lastIndexOf('.'));
         const translatedFileName = `${baseName}_translated${extension}`;
+        // For PDF files, try the browser's native PDF generation when it contains Arabic
+        if (extension === '.pdf' && /[\u0600-\u06FF]/.test(content)) {
+            console.log('Using browser PDF generation for Arabic content');
+            // Create HTML for printing
+            const printWindow = window.open('', '_blank');
+            if (printWindow) {
+                // Create a document with RTL support for Arabic
+                printWindow.document.write(`
+                    <!DOCTYPE html>
+                    <html dir="rtl">
+                    <head>
+                        <meta charset="UTF-8">
+                        <title>${translatedFileName}</title>
+                        <style>
+                            @page { margin: 1.5cm; }
+                            body {
+                                font-family: 'Arial', 'Segoe UI', 'Tahoma', sans-serif;
+                                line-height: 1.5;
+                                direction: rtl;
+                                text-align: right;
+                                padding: 20px;
+                                font-size: 14pt;
+                            }
+                            .content {
+                                white-space: pre-wrap;
+                            }
+                        </style>
+                    </head>
+                    <body>
+                        <div class="content">${content}</div>
+                        <script>
+                            // Auto-print and close when done
+                            window.onload = function() {
+                                setTimeout(function() {
+                                    window.print();
+                                    // Wait for print dialog to close
+                                    setTimeout(function() {
+                                        window.close();
+                                    }, 500);
+                                }, 500);
+                            };
+                        </script>
+                    </body>
+                    </html>
+                `);
+                // Show a notification
+                showNotification('Print dialog will open. Select "Save as PDF" option to download your translation.');
+                return;
+            } else {
+                // Fallback if popup is blocked
+                showError('Popup blocked. Please allow popups and try again.');
+            }
+        }
         if (extension === '.txt') {
+            // Direct browser download for text files
+            const blob = new Blob([content], { type: 'text/plain;charset=utf-8' });
             const url = URL.createObjectURL(blob);
+            triggerDownload(url, translatedFileName);
         } else {
+            // Server-side processing for complex formats
             fetch('/download/translated-document', {
                 method: 'POST',
                 headers: {
                 body: JSON.stringify({
                     content: content,
                     filename: translatedFileName,
+                    original_type: fileType
                 }),
             })
             .then(response => {
                 if (!response.ok) {
+                    throw new Error(`HTTP error! Status: ${response.status}`);
                 }
                 return response.blob();
             })
             .then(blob => {
+                const url = URL.createObjectURL(blob);
+                triggerDownload(url, translatedFileName);
             })
             .catch(error => {
+                showError(`Error downloading file: ${error.message}`);
             });
         }
     }
+    function triggerDownload(url, filename) {
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = filename;
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        URL.revokeObjectURL(url);
+    }
     // Helper function to get language name from code
     function getLanguageName(code) {
         // Hard-coded mapping for common languages