alvin/pokedex
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/pokedex.git synced 2026-03-07 05:48:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

Enhance competitors data fetching with Pokémon details and update UI display

Browse Source
This commit is contained in:
vista-man
2025-03-27 10:23:55 +01:00
parent dce4379066
commit e7076acdd3
3 changed files with 134 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
v2/get-competitors.php
View File

@@ -27,10 +27,11 @@ header("Cache-Control: max-age=86400"); // Cache for 24 hours
header("Content-Type: application/json"); // Ensure JSON response
try {
// Fetch competitors data
$sql = "SELECT user_id, COUNT(pokemon_id) AS pokemon_count
FROM user_pokemon
GROUP BY user_id
// Fetch competitors data with Pokémon details
$sql = "SELECT u.user_id, COUNT(u.pokemon_id) AS pokemon_count, p.name, p.image_url
FROM user_pokemon u
JOIN pokemon p ON u.pokemon_id = p.id
GROUP BY u.user_id, p.name, p.image_url
ORDER BY pokemon_count DESC";
logMessage("Executing query: $sql");
$result = $conn->query($sql);

7
v2/pokemon.js
View File

@@ -246,13 +246,16 @@
listItem.className = "list-item";
listItem.innerHTML = `
<div class="number-wrap">
<p class="caption-fonts">#${competitor.id}</p>
<p class="caption-fonts">User ID: ${competitor.user_id}</p>
</div>
<div class="img-wrap">
<img src="${competitor.image_url}" alt="${competitor.name}" />
</div>
<div class="name-wrap">
<p class="body3-fonts">${competitor.name}</p>
</div>
<div class="pokemon-count">
<p class="body3-fonts">Pokémon: ${competitor.pokemon_count}</p>
<p class="body3-fonts">Pokémon Count: ${competitor.pokemon_count}</p>
</div>
`;