Add 2 files

index.html

@@ -5,6 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Application Trilingue - Bac Scientifique</title>
   <script src="https://cdn.tailwindcss.com"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   <style>
     .rtl {
@@ -155,7 +157,7 @@
                   <p class="text-sm">Terme général : Vₙ = 2 × 3ⁿ</p>
                 </div>
                 
-                <button class="mt-3 bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded text-sm w-full dark:bg-blue-900 dark:text-blue-200">
+                <button class="mt-3 bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded text-sm w-full dark:bg-blue-900 dark:text-blue-200 download-pdf-btn" data-subject="math">
                   <i class="fas fa-download mr-1"></i> Télécharger le PDF
                 </button>
               </div>
@@ -197,7 +199,7 @@
                   <p class="text-sm mt-1">Exemple : Un objet de 2kg soumis à une force de 10N a une accélération de 5m/s²</p>
                 </div>
                 
-                <button class="mt-3 bg-red-100 hover:bg-red-200 text-red-800 px-3 py-1 rounded text-sm w-full dark:bg-red-900 dark:text-red-200">
+                <button class="mt-3 bg-red-100 hover:bg-red-200 text-red-800 px-3 py-1 rounded text-sm w-full dark:bg-red-900 dark:text-red-200 download-pdf-btn" data-subject="physics">
                   <i class="fas fa-download mr-1"></i> Télécharger le PDF
                 </button>
               </div>
@@ -240,7 +242,7 @@
                   <p class="text-sm mt-1">FEM = E°(Cu²⁺/Cu) - E°(Zn²⁺/Zn) = +0,34 - (-0,76) = 1,10V</p>
                 </div>
                 
-                <button class="mt-3 bg-yellow-100 hover:bg-yellow-200 text-yellow-800 px-3 py-1 rounded text-sm w-full dark:bg-yellow-900 dark:text-yellow-200">
+                <button class="mt-3 bg-yellow-100 hover:bg-yellow-200 text-yellow-800 px-3 py-1 rounded text-sm w-full dark:bg-yellow-900 dark:text-yellow-200 download-pdf-btn" data-subject="chemistry">
                   <i class="fas fa-download mr-1"></i> Télécharger le PDF
                 </button>
               </div>
@@ -282,10 +284,10 @@
                 
                 <div class="bg-green-50 p-3 rounded dark:bg-gray-700">
                   <h5 class="font-medium text-green-800 dark:text-green-300">Brins direct et retardé :</h5>
-                  <p class="text-sm">Le brin direct est synthétisé continûment alors que le brin retardé est synthétisé sous forme de fragments d'Okazaki.</p>
+                  <p class="text-sm">Le brin direct ème synthétisé continûment alors que le brin retardé est synthétisé sous forme de fragments d'Okazaki.</p>
                 </div>
                 
-                <button class="mt-3 bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded text-sm w-full dark:bg-green-900 dark:text-green-200">
+                <button class="mt-3 bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded text-sm w-full dark:bg-green-900 dark:text-green-200 download-pdf-btn" data-subject="biology">
                   <i class="fas fa-download mr-1"></i> Télécharger le PDF
                 </button>
               </div>
@@ -572,6 +574,9 @@
   </footer>
   
   <script>
+    // Initialisation de jsPDF
+    const { jsPDF } = window.jspdf;
+    
     // Objet de traductions étendu avec les nouvelles sections
     const translations = {
       fr: {
@@ -599,7 +604,9 @@
         modeToggleLight: "Mode Sombre",
         modeToggleDark: "Mode Clair",
         viewCourse: "Voir le cours",
-        downloadPDF: "Télécharger le PDF"
+        downloadPDF: "Télécharger le PDF",
+        pdfTitle: "Cours de {subject}",
+        pdfGenerated: "Généré par l'Application Éducative"
       },
       en: {
         headerTitle: "Educational Application - Scientific Baccalaureate",
@@ -626,7 +633,9 @@
         modeToggleLight: "Dark Mode",
         modeToggleDark: "Light Mode",
         viewCourse: "View Course",
-        downloadPDF: "Download PDF"
+        downloadPDF: "Download PDF",
+        pdfTitle: "{subject} Course",
+        pdfGenerated: "Generated by Educational App"
       },
       ar: {
         headerTitle: "تطبيق تعليمي - البكالوريا العلمية",
@@ -653,10 +662,81 @@
         modeToggleLight: "الوضع الداكن",
         modeToggleDark: "الوضع الفاتح",
         viewCourse: "عرض الدرس",
-        downloadPDF: "تحميل PDF"
+        downloadPDF: "تحميل PDF",
+        pdfTitle: "درس {subject}",
+        pdfGenerated: "تم إنشاؤه بواسطة التطبيق التعليمي"
       }
     };
 
+    // Fonction pour générer un PDF à partir du contenu du cours
+    function generatePDF(subject) {
+      const lang = document.getElementById("languageSelect").value;
+      const contentElement = document.getElementById(`${subject}-content`);
+      
+      // Créer un nouveau document PDF
+      const doc = new jsPDF();
+      
+      // Titre du PDF
+      const title = translations[lang].pdfTitle.replace('{subject}', translations[lang][`nav${subject.charAt(0).toUpperCase() + subject.slice(1)}`] || subject);
+      doc.setFontSize(18);
+      doc.text(title, 105, 20, { align: 'center' });
+      
+      // Contenu du cours
+      doc.setFontSize(12);
+      let y = 40;
+      
+      // Parcourir tous les éléments de contenu
+      const elements = contentElement.querySelectorAll('h4, p, h5, li, div');
+      
+      elements.forEach(element => {
+        // Ignorer les boutons et certains éléments
+        if (element.classList.contains('download-pdf-btn')) return;
+        
+        // Traiter différemment selon le type d'élément
+        if (element.tagName === 'H4') {
+          doc.setFontSize(14);
+          doc.setTextColor(0, 0, 0);
+          doc.setFont(undefined, 'bold');
+          doc.text(element.textContent, 15, y);
+          y += 10;
+        } 
+        else if (element.tagName === 'H5') {
+          doc.setFontSize(12);
+          doc.setTextColor(0, 0, 0);
+          doc.setFont(undefined, 'bold');
+          doc.text(element.textContent, 15, y);
+          y += 7;
+        } 
+        else if (element.tagName === 'P' || element.tagName === 'LI') {
+          doc.setFontSize(10);
+          doc.setTextColor(0, 0, 0);
+          doc.setFont(undefined, 'normal');
+          
+          // Gérer le texte long avec splitTextToSize
+          const textLines = doc.splitTextToSize(element.textContent, 180);
+          doc.text(textLines, 15, y);
+          y += 7 * textLines.length;
+        }
+        
+        // Ajouter un espace après chaque élément
+        y += 5;
+        
+        // Nouvelle page si nécessaire
+        if (y > 280) {
+          doc.addPage();
+          y = 20;
+        }
+      });
+      
+      // Pied de page
+      doc.setFontSize(10);
+      doc.setTextColor(100);
+      doc.text(translations[lang].pdfGenerated, 105, 290, { align: 'center' });
+      
+      // Enregistrer le PDF
+      doc.save(`${subject}_course.pdf`);
+    }
+
     // Fonction de mise à jour de l'interface en fonction de la langue sélectionnée
     function updateLanguage(lang) {
       document.getElementById("headerTitle").innerText = translations[lang].headerTitle;
@@ -687,7 +767,7 @@
       });
       
       // Mettre à jour les boutons "Télécharger le PDF"
-      document.querySelectorAll('.course-content button').forEach(btn => {
+      document.querySelectorAll('.download-pdf-btn').forEach(btn => {
         btn.innerHTML = `<i class="fas fa-download mr-1"></i> ${translations[lang].downloadPDF}`;
       });
       
@@ -833,6 +913,14 @@
       });
     });
 
+    // Gestion du téléchargement des PDF
+    document.querySelectorAll('.download-pdf-btn').forEach(button => {
+      button.addEventListener('click', function() {
+        const subject = this.getAttribute('data-subject');
+        generatePDF(subject);
+      });
+    });
+
     // Initialisation par défaut en français
     updateLanguage("fr");
   </script>

prompts.txt

@@ -1 +1,2 @@
-Enrichir le contenu de cette application par des exemples des cours
+Enrichir le contenu de cette application par des exemples des cours
+Permettre le fonctionnement de téléchargement des cours pdf