issue#2 final

src/main/webapp/js/requests.js

@@ -62,3 +62,4 @@ function createPokemonTypesTable() {
     `
 }
 
+

src/main/webapp/js/trainers.js

@@ -19,21 +19,19 @@ function updateTrainerTable() {
         });
 }
 
-function updateDetails() {
-    const trainerId = document.getElementById('idTrainer');
+function updateDetails(trainerId) {
     const pt = trainers?.data?.find(item => item.id === trainerId);
     const parent = document.getElementById(detailsParentId);
-    let time = new Date();
+
     parent.innerHTML = `
     <div class="card" id="${pt.id}_card">
-      <img src="${pt.imgUrl}" class="card-img-top" alt="${pt.classification}">
+      <img src="${pt.profileUrl}" class="card-img-top">
       <div class="card-body">
-        <h5 class="card-title">${pt.name} #${pt.pokedexNumber}</h5>
+        <h5 class="card-title">${pt.name}</h5>
         <p class="card-text">
             Name: ${pt.name} </br>
             Create: ${pt.created} </br>
-            Last updated: ${pt.lastUpDate?.join(", ") || "none"} </br>
-            Type: ${pt.profileUrl}
+            Last updated: ${pt.lastUpDate} </br>
         </p>
       </div>
     </div>
@@ -47,7 +45,6 @@ function trainersToRow(trainers) {
         <td>${trainers.name}</td>
         <td>#${trainers.created}</td>
         <td>${trainers.lastUpDate}</td>
-        <td>${trainers.profileUrl || '-'}</td>
     </tr>
     `
 }
@@ -62,7 +59,6 @@ function createTrainersTable() {
                     <th scope="col">Name</th>
                     <th scope="col">Created</th>
                     <th scope="col">Last updated</th>
-                    <th scope="col">Profile url</th>
                 </tr>
             </thead>
             <tbody>