AJR/TechradarDev
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

debug: logs détaillés chargement données équipe

Browse Source 
- Logs console détaillés dans team.html pour diagnostiquer le chargement
- Message de fallback informatif si données non chargées
- Vérifications build pour team-visualization-data.json
- Diagnostic pour identifier pourquoi les visualisations n'apparaissent pas

Les logs console aideront à identifier si le problème vient :
- Du chargement des données JSON
- De l'initialisation des graphiques Cytoscape/ECharts
- De l'accès aux fichiers statiques
This commit is contained in:
syoul
2025-12-09 13:04:51 +01:00
parent a4bc477520
commit 78021a5496
2 changed files with 36 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
Dockerfile.business
View File

@@ -68,7 +68,10 @@ RUN if [ ! -f "public/team-visualization-data.json" ]; then \
echo "✅ Données de visualisation équipe générées"; \ echo "✅ Données de visualisation équipe générées"; \
else \ else \
echo "✅ team-visualization-data.json existe déjà"; \ echo "✅ team-visualization-data.json existe déjà"; \
fi fi && \
echo "🔍 Vérification contenu team-visualization-data.json:" && \
ls -la public/team-visualization-data.json && \
head -20 public/team-visualization-data.json
# Copier les fichiers nécessaires dans .techradar avant le build (comme le fait techradar.js) # Copier les fichiers nécessaires dans .techradar avant le build (comme le fait techradar.js)
RUN rm -rf .techradar/data/radar && \ RUN rm -rf .techradar/data/radar && \

35
public/team.html
View File

@@ -274,13 +274,42 @@
// Charger les données // Charger les données
async function loadData() { async function loadData() {
try { try {
console.log('🔄 Chargement des données équipe depuis /team-visualization-data.json');
const response = await fetch('/team-visualization-data.json'); const response = await fetch('/team-visualization-data.json');
console.log('📡 Réponse reçue:', response.status, response.statusText);
if (!response.ok) {
throw new Error(`HTTP ${response.status}: ${response.statusText}`);
}
data = await response.json(); data = await response.json();
console.log('✅ Données chargées:', Object.keys(data));
console.log('📊 Nombre de nœuds réseau:', data.network?.nodes?.length || 0);
console.log('📊 Données matrice congestion:', data.congestionMatrix?.length || 0);
console.log('📊 Données équipe genèse:', data.genesisTeam ? 'présentes' : 'absentes');
initVisualizations(); initVisualizations();
} catch (error) { } catch (error) {
console.error('Erreur lors du chargement des données:', error); console.error('❌ Erreur lors du chargement des données:', error);
document.getElementById('genesis-team').innerHTML =
'<div class="warning-box">Erreur lors du chargement des données. Assurez-vous que le script generate-team-visualization-data.js a été exécuté.</div>'; // Fallback : afficher un message d'information si les données ne se chargent pas
const fallbackMessage = `
<div style="padding: 20px; background: rgba(255, 152, 0, 0.1); border: 1px solid #ff9800; border-radius: 8px; margin: 20px 0;">
<h3 style="color: #ff9800; margin-top: 0;">🔄 Chargement des données...</h3>
<p>Les visualisations équipe se chargent. Si elles n'apparaissent pas :</p>
<ul>
<li>Vérifiez la console du navigateur (F12) pour les erreurs</li>
<li>Assurez-vous que <code>team-visualization-data.json</code> est accessible</li>
<li>Le script <code>generate-team-visualization-data.js</code> doit avoir été exécuté</li>
</ul>
<p><strong>Erreur détectée :</strong> ${error.message}</p>
</div>
`;
// Afficher le message de fallback dans toutes les sections
document.getElementById('network-graph').innerHTML = fallbackMessage;
document.getElementById('congestion-matrix').innerHTML = fallbackMessage;
document.getElementById('genesis-team').innerHTML = fallbackMessage;
} }
} }