|
|
|
@@ -404,9 +404,9 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function updateAgeGroupOptions(events) {
|
|
|
|
function updateAgeGroupOptions(events) {
|
|
|
|
let agegroups = new Set(events.map(event => `${event.agegroup} ${event.name}`.trim()));
|
|
|
|
let agegroups = new Set(events.map(event => event.agegroup));
|
|
|
|
agegroupSelect.innerHTML = '<option value="">Tous</option>';
|
|
|
|
agegroupSelect.innerHTML = '<option value="">Tous</option>';
|
|
|
|
agegroups.forEach(group => {
|
|
|
|
Array.from(agegroups).sort().forEach(group => {
|
|
|
|
const option = document.createElement("option");
|
|
|
|
const option = document.createElement("option");
|
|
|
|
option.value = group;
|
|
|
|
option.value = group;
|
|
|
|
option.textContent = group;
|
|
|
|
option.textContent = group;
|
|
|
|
@@ -417,7 +417,7 @@
|
|
|
|
function displayEvents(events) {
|
|
|
|
function displayEvents(events) {
|
|
|
|
eventList.innerHTML = "";
|
|
|
|
eventList.innerHTML = "";
|
|
|
|
let selectedAgegroup = agegroupSelect.value;
|
|
|
|
let selectedAgegroup = agegroupSelect.value;
|
|
|
|
let filteredEvents = events.filter(event => event.event === "Jeu" && (selectedAgegroup === "" || `${event.agegroup} ${event.name}` === selectedAgegroup));
|
|
|
|
let filteredEvents = events.filter(event => event.event === "Jeu" && (selectedAgegroup === "" || event.agegroup === selectedAgegroup));
|
|
|
|
|
|
|
|
|
|
|
|
if (filteredEvents.length === 0) {
|
|
|
|
if (filteredEvents.length === 0) {
|
|
|
|
eventList.innerHTML = "<p class='text-muted'>Aucun événement 'Jeu' trouvé.</p>";
|
|
|
|
eventList.innerHTML = "<p class='text-muted'>Aucun événement 'Jeu' trouvé.</p>";
|
|
|
|
@@ -430,7 +430,8 @@
|
|
|
|
eventCard.innerHTML = `
|
|
|
|
eventCard.innerHTML = `
|
|
|
|
<div class="card" style="border-left: 5px solid ${event.color}" data-id="${event.id_event}">
|
|
|
|
<div class="card" style="border-left: 5px solid ${event.color}" data-id="${event.id_event}">
|
|
|
|
<div class="card-body">
|
|
|
|
<div class="card-body">
|
|
|
|
<h5 class="card-title">${event.title}</h5>
|
|
|
|
<h5 class="card-title">${event.agegroup} - ${event.name}</h5>
|
|
|
|
|
|
|
|
<p class="card-text"><strong>Adversaire:</strong> ${event.opponent}</p>
|
|
|
|
<p class="card-text"><strong>Lieu:</strong> ${event.place}</p>
|
|
|
|
<p class="card-text"><strong>Lieu:</strong> ${event.place}</p>
|
|
|
|
<p class="card-text"><strong>Heure:</strong> ${event.start} - ${event.end}</p>
|
|
|
|
<p class="card-text"><strong>Heure:</strong> ${event.start} - ${event.end}</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|