debug: logs détaillés toutes les étapes team.html

- Log au chargement des scripts externes (Cytoscape, ECharts)
- Log au démarrage de loadData()
- Log au début de chaque fonction d'initialisation
- Vérifications de disponibilité des données

Ces logs permettront de voir exactement où le processus bloque :
- Scripts externes se chargent-ils ?
- Données se chargent-elles ?
- Fonctions d'initialisation s'exécutent-elles ?
- Graphiques se créent-ils ?
This commit is contained in:
syoul
2025-12-09 13:09:58 +01:00
parent 78021a5496
commit 2d72898bdc

View File

@@ -7,6 +7,11 @@
<script src="https://cdn.jsdelivr.net/npm/cytoscape@3.26.0/dist/cytoscape.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/cytoscape@3.26.0/dist/cytoscape.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/cytoscape-cose-bilkent@4.1.0/cytoscape-cose-bilkent.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/cytoscape-cose-bilkent@4.1.0/cytoscape-cose-bilkent.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
<script>
console.log('🔧 TEAM.HTML: Scripts externes chargés');
console.log('🔧 Cytoscape disponible:', typeof cytoscape !== 'undefined');
console.log('🔧 ECharts disponible:', typeof echarts !== 'undefined');
</script>
<style> <style>
* { * {
margin: 0; margin: 0;
@@ -267,10 +272,14 @@
</div> </div>
<script> <script>
console.log('🚀 TEAM.HTML: Script chargé, initialisation...');
let data = null; let data = null;
let networkCy = null; let networkCy = null;
let congestionChart = null; let congestionChart = null;
console.log('📋 TEAM.HTML: Fonction loadData() appelée');
// Charger les données // Charger les données
async function loadData() { async function loadData() {
try { try {
@@ -315,6 +324,7 @@
// Initialiser les visualisations // Initialiser les visualisations
function initVisualizations() { function initVisualizations() {
console.log('🎨 TEAM.HTML: initVisualizations() appelée');
initNetworkGraph(); initNetworkGraph();
initCongestionMatrix(); initCongestionMatrix();
initGenesisTeam(); initGenesisTeam();
@@ -322,7 +332,11 @@
// Graphe réseau // Graphe réseau
function initNetworkGraph() { function initNetworkGraph() {
if (!data || !data.network) return; console.log('📊 TEAM.HTML: initNetworkGraph() appelée');
if (!data || !data.network) {
console.log('⚠️ TEAM.HTML: Pas de données réseau');
return;
}
networkCy = cytoscape({ networkCy = cytoscape({
container: document.getElementById('network-graph'), container: document.getElementById('network-graph'),
@@ -419,7 +433,11 @@
// Matrice de congestion // Matrice de congestion
function initCongestionMatrix() { function initCongestionMatrix() {
if (!data || !data.congestionMatrix) return; console.log('📈 TEAM.HTML: initCongestionMatrix() appelée');
if (!data || !data.congestionMatrix) {
console.log('⚠️ TEAM.HTML: Pas de données matrice congestion');
return;
}
const chart = echarts.init(document.getElementById('congestion-matrix')); const chart = echarts.init(document.getElementById('congestion-matrix'));
congestionChart = chart; congestionChart = chart;
@@ -523,7 +541,11 @@
// Équipe de genèse // Équipe de genèse
function initGenesisTeam() { function initGenesisTeam() {
if (!data || !data.genesisTeam) return; console.log('👥 TEAM.HTML: initGenesisTeam() appelée');
if (!data || !data.genesisTeam) {
console.log('⚠️ TEAM.HTML: Pas de données équipe genèse');
return;
}
const genesis = data.genesisTeam; const genesis = data.genesisTeam;
const html = ` const html = `
@@ -610,6 +632,7 @@
} }
// Charger au démarrage // Charger au démarrage
console.log('🚀 TEAM.HTML: Démarrage - appel loadData()');
loadData(); loadData();
</script> </script>
</body> </body>