WhyKorp's server
92 lines
2.7 KiB
JavaScript
92 lines
2.7 KiB
JavaScript
|
|
|
|
async function SqlRequest(action, params = {}) {
|
|
try {
|
|
const response = await fetch('RequestsHandler.php', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json'
|
|
},
|
|
body: JSON.stringify({
|
|
action: action,
|
|
params: params
|
|
})
|
|
});
|
|
|
|
const resultat = await response.json();
|
|
|
|
if (resultat.success) {
|
|
return resultat;
|
|
} else {
|
|
console.error("Erreur :", resultat.error);
|
|
}
|
|
} catch (erreur) {
|
|
console.error("Erreur de communication :", erreur);
|
|
}
|
|
}
|
|
|
|
window.onload = async function() {
|
|
loadData();
|
|
};
|
|
|
|
async function loadData() {
|
|
const container = document.getElementById('games_list');
|
|
const response = await SqlRequest('get_all_games');
|
|
const games = response.games;
|
|
|
|
if (Object.keys(games).length <= 0) {
|
|
container.innerHTML = "<p>Aucune partie en cours.</p>";
|
|
return;
|
|
}
|
|
|
|
let futurHtml = "";
|
|
|
|
for (const game of games) {
|
|
// 1. On récupère les joueurs de manière asynchrone AVANT de construire le HTML du jeu
|
|
const players = await getPlayers(game.id);
|
|
|
|
// 2. On prépare le HTML de la liste des joueurs
|
|
let playersHtml = "";
|
|
players.forEach(player => {
|
|
if (player.game_id === game.id) {
|
|
playersHtml += `<p>${player.name}</p>`;
|
|
}
|
|
});
|
|
|
|
// 3. On assemble le tout
|
|
futurHtml += `
|
|
<li>
|
|
<details class="mon-accordeon">
|
|
<summary>${game.name}</summary>
|
|
<div class='container-parent'>
|
|
<div class='right'>
|
|
<p>Start Money: ${game.start_money}</p>
|
|
<p>Blind: ${game.start_blind}</p>
|
|
<button class="btn-join-list" onclick="window.location.href='player-selector.php?game_id=${game.id}'">Rejoindre</button>
|
|
<button class="btn-admin-join-list" onclick="joinGameAsAdmin(${game.id})">Rejoindre en tant qu'Admin</button>
|
|
</div>
|
|
<div class='left'>
|
|
${playersHtml}
|
|
</div>
|
|
</div>
|
|
</details>
|
|
</li>
|
|
`;
|
|
}
|
|
|
|
container.innerHTML = '<ul>' + futurHtml + "</ul>";
|
|
}
|
|
|
|
async function getPlayers(id) {
|
|
const response = await SqlRequest('getPlayers', {game_id: id});
|
|
const players = response.players;
|
|
return players;
|
|
}
|
|
|
|
async function joinGameAsAdmin(gameId) {
|
|
// Redirige vers la page de connexion admin avec le gameId en paramètre
|
|
window.location.href = `admin-login.html?game_id=${gameId}`;
|
|
}
|
|
|
|
|