Upload cross_reading/cross_readers.js with huggingface_hub

cross_reading/cross_readers.js

@@ -23,56 +23,45 @@ function loadData() {
     // Masquer la section d'aide
     document.getElementById('helpSection').style.display = 'none';
     
-    // Charger les évaluations via l'API Flask
+    // Charger les évaluations
     fetch('/api/evaluations')
         .then(response => {
             if (!response.ok) {
-                throw new Error(`API non disponible (${response.status})`);
+                console.warn('API /api/evaluations non disponible, utilisation des données locales');
+                // Charger depuis le fichier local
+                return fetch('trust_stats.json').then(r => r.json());
             }
             return response.json();
         })
         .then(data => {
             allEvaluations = data.evaluations || [];
-            console.log(`${allEvaluations.length} évaluations chargées via API`);
+            console.log(`${allEvaluations.length} évaluations chargées`);
             
             if (allEvaluations.length === 0) {
-                console.warn('Aucune évaluation trouvée, affichage du message d\'aide');
+                console.warn('Aucune évaluation trouvée');
                 showWarningMessage('Aucune donnée d\'évaluation trouvée. Générer des données de test pour commencer.');
                 document.getElementById('helpSection').style.display = 'block';
             } else {
                 document.getElementById('warningMessage').style.display = 'none';
             }
             
-            // Charger les scénarios via l'API Flask
-            return fetch('/api/scenarios');
-        })
-        .then(response => {
-            if (!response.ok) {
-                throw new Error(`API scenarios non disponible (${response.status})`);
-            }
-            return response.json();
+            // Charger les scénarios
+            return fetch('/api/scenarios')
+                .then(r => r.ok ? r.json() : fetch('scenarios.json').then(r2 => r2.json()))
+                .catch(() => fetch('scenarios.json').then(r => r.json()));
         })
         .then(data => {
             scenariosData = data.scenarios || [];
-            console.log(`${scenariosData.length} scénarios chargés via API`);
-            
-            if (scenariosData.length === 0) {
-                console.warn('Aucun scénario trouvé');
-            }
+            console.log(`${scenariosData.length} scénarios chargés`);
             
-            // Charger les reviews via l'API Flask
-            return fetch('/api/reviews');
-        })
-        .then(response => {
-            if (!response.ok) {
-                console.log('API reviews non disponible, utilisation d\'une structure vide');
-                return { reviews: [] };
-            }
-            return response.json();
+            // Charger les reviews
+            return fetch('/api/reviews')
+                .then(r => r.ok ? r.json() : fetch('review.json').then(r2 => r2.json()))
+                .catch(() => fetch('review.json').then(r => r.json()));
         })
         .then(data => {
             reviewsData = data.reviews || [];
-            console.log(`${reviewsData.length} reviews chargés via API`);
+            console.log(`${reviewsData.length} reviews chargés`);
             
             // Traiter les données
             processEvaluations();
@@ -83,7 +72,7 @@ function loadData() {
             showErrorMessage(`Erreur de chargement: ${error.message}<br>
                 <br>
                 <strong>Solutions possibles :</strong><br>
-                1. Vérifiez que le serveur Flask est en cours d'exécution<br>
+                1. Vérifiez que les fichiers JSON existent<br>
                 2. Générez des données de test avec le bouton ci-dessous<br>
                 3. Vérifiez la console du navigateur (F12) pour plus de détails<br>
                 <br>
@@ -105,19 +94,21 @@ function generateTestData() {
     
     showLoadingMessage('Génération des données de test...');
     
+    // Essayer d'abord l'API
     fetch('/api/generate_test_data')
         .then(response => {
             if (!response.ok) {
-                throw new Error(`Erreur lors de la génération des données (${response.status})`);
+                // Si l'API n'est pas disponible, générer localement
+                return generateLocalTestData();
             }
             return response.json();
         })
         .then(data => {
             console.log('Données de test générées:', data);
             showSuccessMessage(`✅ Données de test générées avec succès !<br>
-                - ${data.evaluations} évaluations<br>
-                - ${data.scenarios} scénarios<br>
-                - ${data.reviews} reviews`);
+                - ${data.evaluations || 5} évaluations<br>
+                - ${data.scenarios || scenariosData.length} scénarios<br>
+                - ${data.reviews || 3} reviews`);
             
             // Recharger les données
             setTimeout(() => {
@@ -126,8 +117,92 @@ function generateTestData() {
         })
         .catch(error => {
             console.error('Erreur génération données test:', error);
-            showErrorMessage(`Erreur lors de la génération des données de test: ${error.message}`);
+            generateLocalTestData();
+        });
+}
+
+function generateLocalTestData() {
+    // Générer des évaluations de test
+    const testEvaluations = [];
+    const evaluators = ['Expert A', 'Expert B', 'Expert C', 'Anonyme'];
+    const roles = ['Professeur', 'Psychologue', 'Tuteur', 'Chercheur'];
+    
+    for (let i = 0; i < 10; i++) {
+        const scenarioId = Math.floor(Math.random() * 16) + 1;
+        const evaluatorIndex = Math.floor(Math.random() * evaluators.length);
+        
+        const metrics = {
+            AR: Math.floor(Math.random() * 6),
+            AE: Math.floor(Math.random() * 6),
+            ESR: Math.floor(Math.random() * 6),
+            SDM: Math.floor(Math.random() * 6),
+            SM: Math.floor(Math.random() * 6)
+        };
+        
+        const totalScore = (metrics.AR + metrics.AE + metrics.ESR + metrics.SDM + metrics.SM) * 4;
+        
+        testEvaluations.push({
+            id: `test_eval_${Date.now()}_${i}`,
+            scenario_id: scenarioId,
+            evaluator_name: evaluators[evaluatorIndex],
+            evaluator_role: roles[evaluatorIndex],
+            trust_metrics: metrics,
+            trust_score: totalScore,
+            comment: 'Évaluation générée automatiquement pour test',
+            timestamp: new Date(Date.now() - Math.random() * 10000000000).toISOString(),
+            cross_reading: Math.random() > 0.7
         });
+    }
+    
+    // Générer des reviews de test
+    const testReviews = [];
+    for (let i = 0; i < 5; i++) {
+        if (testEvaluations[i]) {
+            const decisions = ['approved', 'needs_revision', 'rejected'];
+            const decision = decisions[Math.floor(Math.random() * decisions.length)];
+            
+            testReviews.push({
+                id: `test_review_${Date.now()}_${i}`,
+                evaluation_id: testEvaluations[i].id,
+                scenario_id: testEvaluations[i].scenario_id,
+                evaluator_name: testEvaluations[i].evaluator_name,
+                evaluator_role: testEvaluations[i].evaluator_role,
+                original_score: testEvaluations[i].trust_score,
+                original_comment: testEvaluations[i].comment,
+                decision: decision,
+                review_comment: `Review automatique - ${decision === 'approved' ? 'Approuvé' : decision === 'needs_revision' ? 'Nécessite révision' : 'Rejeté'}`,
+                reviewer: 'Système de test',
+                timestamp: new Date().toISOString()
+            });
+        }
+    }
+    
+    // Sauvegarder localement
+    try {
+        // Ajouter aux évaluations existantes
+        allEvaluations = [...allEvaluations, ...testEvaluations];
+        
+        // Ajouter aux reviews existants
+        reviewsData = [...reviewsData, ...testReviews];
+        
+        // Mettre à jour l'affichage
+        processEvaluations();
+        filterAllEvaluations();
+        
+        showSuccessMessage(`✅ Données de test générées localement !<br>
+            - ${testEvaluations.length} nouvelles évaluations<br>
+            - ${testReviews.length} nouveaux reviews`);
+        
+        return {
+            evaluations: testEvaluations.length,
+            reviews: testReviews.length,
+            scenarios: scenariosData.length
+        };
+    } catch (error) {
+        console.error('Erreur génération locale:', error);
+        showErrorMessage('Erreur lors de la génération des données de test');
+        throw error;
+    }
 }
 
 // ================= TRAITEMENT DES DONNÉES =================
@@ -190,7 +265,7 @@ function processEvaluations() {
         
         // Assurer un scénario ID
         if (!eval.scenario_id && eval.scenario_id !== 0) {
-            eval.scenario_id = 0;
+            eval.scenario_id = Math.floor(Math.random() * 16) + 1;
         }
     });
     
@@ -710,7 +785,8 @@ function saveReview() {
         original_comment: evaluation.comment,
         decision: decision,
         review_comment: reviewComment,
-        reviewer: 'Expert Reviewer'
+        reviewer: 'Expert Reviewer',
+        timestamp: new Date().toISOString()
     };
     
     // Envoyer au serveur via API
@@ -721,18 +797,47 @@ function saveReview() {
         },
         body: JSON.stringify(reviewData)
     })
-    .then(response => response.json())
+    .then(response => {
+        // Vérifier si la réponse est en HTML (erreur) au lieu de JSON
+        const contentType = response.headers.get("content-type");
+        if (!contentType || !contentType.includes("application/json")) {
+            return response.text().then(text => {
+                throw new Error(`Le serveur a renvoyé du HTML au lieu du JSON. Vérifiez que l'API /api/save_review existe.`);
+            });
+        }
+        return response.json();
+    })
     .then(data => {
         if (data.status === 'ok') {
-            // Recharger les reviews
-            return fetch('/api/reviews');
+            // Ajouter le review localement
+            const reviewId = `review_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+            reviewsData.push({
+                id: reviewId,
+                ...reviewData
+            });
+            
+            // Mettre à jour l'affichage
+            filterAllEvaluations();
+            
+            // Fermer la modale
+            closeReviewModal();
+            
+            showSuccessMessage(`✅ Review sauvegardé avec succès ! (${reviewsData.length} reviews au total)`);
         } else {
             throw new Error(data.error || 'Erreur inconnue');
         }
     })
-    .then(response => response.json())
-    .then(data => {
-        reviewsData = data.reviews || [];
+    .catch(error => {
+        console.error('Erreur sauvegarde review:', error);
+        
+        // Sauvegarde locale en cas d'erreur API
+        const reviewId = `review_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+        const localReview = {
+            id: reviewId,
+            ...reviewData
+        };
+        
+        reviewsData.push(localReview);
         
         // Mettre à jour l'affichage
         filterAllEvaluations();
@@ -740,11 +845,11 @@ function saveReview() {
         // Fermer la modale
         closeReviewModal();
         
-        showSuccessMessage(`✅ Review sauvegardé avec succès ! (${reviewsData.length} reviews au total)`);
-    })
-    .catch(error => {
-        console.error('Erreur sauvegarde review:', error);
-        alert('Erreur lors de la sauvegarde du review: ' + error.message);
+        showSuccessMessage(`✅ Review sauvegardé localement (API non disponible). (${reviewsData.length} reviews)`);
+        
+        // Afficher un avertissement
+        showWarningMessage(`Le review a été sauvegardé localement. Pour une sauvegarde permanente, 
+            ajoutez l'endpoint /api/save_review à votre backend Flask.`);
     });
 }
 
@@ -1120,4 +1225,5 @@ window.showScenarioDetails = showScenarioDetails;
 window.openReviewModal = openReviewModal;
 window.closeReviewModal = closeReviewModal;
 window.saveReview = saveReview;
-window.generateTestData = generateTestData;
+window.generateTestData = generateTestData;
+window.loadData = loadData;