66 lines
2.7 KiB
HTML
66 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Test Agenda Debug</title>
|
|
<style>
|
|
body { font-family: Arial, sans-serif; margin: 20px; }
|
|
.test-link { display: block; margin: 10px 0; padding: 10px; background: #f0f0f0; text-decoration: none; color: #333; border-radius: 5px; }
|
|
.test-link:hover { background: #e0e0e0; }
|
|
.instructions { background: #e8f4fd; padding: 15px; border-radius: 5px; margin: 20px 0; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Test de l'Agenda avec Debug</h1>
|
|
|
|
<div class="instructions">
|
|
<h3>Instructions de test :</h3>
|
|
<ol>
|
|
<li>Ouvrez les outils de développement (F12)</li>
|
|
<li>Allez dans l'onglet "Console"</li>
|
|
<li>Cliquez sur un des liens ci-dessous</li>
|
|
<li>Observez les logs dans la console</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<h2>Tests à effectuer :</h2>
|
|
|
|
<a href="http://localhost:4200/agenda" class="test-link" target="_blank">
|
|
🔗 Test 1: Agenda sans filtre
|
|
</a>
|
|
|
|
<a href="http://localhost:4200/agenda?what=culture" class="test-link" target="_blank">
|
|
🔗 Test 2: Agenda avec paramètre de requête (?what=culture)
|
|
</a>
|
|
|
|
<a href="http://localhost:4200/agenda#&what=culture" class="test-link" target="_blank">
|
|
🔗 Test 3: Agenda avec fragment (#&what=culture)
|
|
</a>
|
|
|
|
<a href="http://localhost:4200/agenda#&what=culture.community.ccpl" class="test-link" target="_blank">
|
|
🔗 Test 4: Agenda avec fragment spécifique (#&what=culture.community.ccpl)
|
|
</a>
|
|
|
|
<h3>Logs attendus dans la console :</h3>
|
|
<ul>
|
|
<li>🔗 Fragment reçu: [fragment]</li>
|
|
<li>🧹 Fragment nettoyé: [fragment nettoyé]</li>
|
|
<li>🎯 Paramètre what extrait: [valeur]</li>
|
|
<li>✅ Filtre what défini: [valeur]</li>
|
|
<li>🔍 Chargement des événements avec paramètres: [paramètres]</li>
|
|
<li>📅 Plage de dates: [dates]</li>
|
|
<li>📡 Réponse API reçue: [réponse]</li>
|
|
<li>📊 Nombre d'événements chargés: [nombre]</li>
|
|
<li>🔍 Application du filtre what: [filtre]</li>
|
|
<li>✅ Événements après filtrage: [nombre]</li>
|
|
</ul>
|
|
|
|
<h3>Problèmes à vérifier :</h3>
|
|
<ul>
|
|
<li>❌ Si aucun log n'apparaît : Le serveur Angular ne fonctionne pas</li>
|
|
<li>❌ Si "Fragment reçu: null" : L'URL ne contient pas de fragment</li>
|
|
<li>❌ Si "Paramètre what extrait: null" : Le parsing du fragment échoue</li>
|
|
<li>❌ Si "Nombre d'événements chargés: 0" : L'API ne retourne pas d'événements</li>
|
|
<li>❌ Si "Événements après filtrage: 0" : Le filtrage ne fonctionne pas</li>
|
|
</ul>
|
|
</body>
|
|
</html>
|