nb reponses

index.html

@@ -77,6 +77,7 @@
                 <thead>
                     <tr>
                         <th id='titre' onclick="trierTableau('titre')">Sujet</th>
+                        <th id='reponses' onclick="trierTableau('reponses')">Rép.</th>
                         <th id='votes' onclick="trierTableau('votes')">Votes</th>
                         <th id='auteur' onclick="trierTableau('auteur')">Ouvert par</th>
                         <th id='date' onclick="trierTableau('date')">Mis à jour</th>

script.js

@@ -146,6 +146,8 @@ function displayIssues(issues) {
 
     issues.forEach(issue => {
 
+        console.log(issue.user_notes_count)
+
         let description = issue.description;
         // Limiter à 200 caractères la description
         if (description.length > 200) {
@@ -202,7 +204,8 @@ function displayIssues(issues) {
             <a class="bouton" href="${issue.web_url}" target="_blank">... la suite</a>
             </div>            
             </td>
-            <td>${issue.upvotes} 👍</td>
+            <td class="nombre">${issue.user_notes_count} 🗨️</td>
+            <td class="nombre">${issue.upvotes} 👍</td>
             <td class="auteur"><img class="avatar" src="${issue.author.avatar_url}"> <a target="_blank" href="${issue.author.web_url}">${issue.author.name}</a></td>
             <td>${date.toLocaleDateString()}</td>
         `;
@@ -218,6 +221,7 @@ function displayIssues(issues) {
 
         row.auteur = issue.author.name;
         row.titre = issue.title;
+        row.reponses = issue.user_notes_count;
         row.date = date;
         row.votes = issue.upvotes;
 

style.css

@@ -179,6 +179,10 @@ td.auteur {
     text-overflow: ellipsis; /* Ajouter des points de suspension (...) si le texte est trop long */
 }
 
+td.nombre {
+    text-align: center;
+}
+
 th {
     background-color: #6c63ff;
     color: white;