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-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>
console.log('🔧 TEAM.HTML: Scripts externes chargés');
console.log('🔧 Cytoscape disponible:', typeof cytoscape !== 'undefined');
console.log('🔧 ECharts disponible:', typeof echarts !== 'undefined');
</script>
<style>
* {
margin: 0;
@@ -267,10 +272,14 @@
</div>
<script>
console.log('🚀 TEAM.HTML: Script chargé, initialisation...');
let data = null;
let networkCy = null;
let congestionChart = null;
console.log('📋 TEAM.HTML: Fonction loadData() appelée');
// Charger les données
async function loadData() {
try {
@@ -315,6 +324,7 @@
// Initialiser les visualisations
function initVisualizations() {
console.log('🎨 TEAM.HTML: initVisualizations() appelée');
initNetworkGraph();
initCongestionMatrix();
initGenesisTeam();
@@ -322,7 +332,11 @@
// Graphe réseau
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({
container: document.getElementById('network-graph'),
@@ -419,7 +433,11 @@
// Matrice de congestion
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'));
congestionChart = chart;
@@ -523,7 +541,11 @@
// Équipe de genèse
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 html = `
@@ -610,6 +632,7 @@
}
// Charger au démarrage
console.log('🚀 TEAM.HTML: Démarrage - appel loadData()');
loadData();
</script>
</body>