2 Commits

Author SHA1 Message Date
herel e5b58b8db2 chore: change title and aligment 2025-03-13 08:51:18 +01:00
herel 263e546c78 fix: sort players by number 2025-03-12 11:59:22 +01:00
+6 -3
View File
@@ -4,14 +4,14 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Événements - Jeux</title> <title>MyIce - Games</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</head> </head>
<body> <body>
<div class="container mt-4"> <div class="container mt-4">
<h1 class="mb-4">Événements - Jeux</h1> <h1 class="mb-4 text-center">MyIce - Games</h1>
<div id="apikeyContainer" class="mb-3"></div> <div id="apikeyContainer" class="mb-3"></div>
@@ -161,13 +161,16 @@
}) })
.then(response => response.json()) .then(response => response.json())
.then(data => { .then(data => {
const sortedPlayers = data.convocation.available
.sort((a, b) => (a.number || 0) - (b.number || 0));
eventDetailsContent.innerHTML = ` eventDetailsContent.innerHTML = `
<h5>${data.title}</h5> <h5>${data.title}</h5>
<p><strong>Type:</strong> ${data.type}</p> <p><strong>Type:</strong> ${data.type}</p>
<p><strong>Lieu:</strong> ${data.place}</p> <p><strong>Lieu:</strong> ${data.place}</p>
<p><strong>Heure:</strong> ${data.time_start} - ${data.time_end}</p> <p><strong>Heure:</strong> ${data.time_start} - ${data.time_end}</p>
<h6>Joueurs convoqués:</h6> <h6>Joueurs convoqués:</h6>
<ul>${data.convocation.available.map(player => { <ul>${sortedPlayers.map(player => {
let number = player.number ? player.number : "N/A"; let number = player.number ? player.number : "N/A";
let position = player.position ? player.position : "N/A"; let position = player.position ? player.position : "N/A";
return `<li>${number} - ${player.fname} ${player.lname} (${position}, ${player.dob})</li>`; return `<li>${number} - ${player.fname} ${player.lname} (${position}, ${player.dob})</li>`;