quiactions

script.js

@@ -35,13 +35,32 @@ function displayIssues(issues) {
             description = `${description.slice(0, 250)} ...`;
         }
         
-        // Affichage en console du titre et du label
-        console.log(issue.title,issue.labels[0]);
+        // Récupération du label
+        const label = issue.labels[0] || '';
+        
+
+        if (label) {
+
+            let couleur;
+
+            if (label === 'besoin') {
+                couleur = 'rgb(204, 51, 139)';
+            } else {
+                couleur = 'rgb(0, 153, 102)';
+            }
+
+            spanLabel = `<span class="label" style="background-color:${couleur}">${label}</span>`;
+
+        } else {
+
+            spanLabel = '';
+            
+        }
 
         // Création d'une ligne dans le tableau
         const row = document.createElement("tr");
         row.innerHTML = `
-            <td><a class="titre" href="${issue.web_url}" target="_blank">${issue.title}</a>
+            <td>${spanLabel}<a class="titre" href="${issue.web_url}" target="_blank">${issue.title}</a>
             <br>
             ${description}
             <br>

style.css

@@ -185,6 +185,13 @@ thead>tr, thead>tr:hover {
     max-height: 2em;
 }
 
+.label {
+    border-radius: 5px;
+    padding: 0.1em 0.3em;
+    margin-right: 0.5em;
+    color: #ffffff;
+}
+
 /* Footer */
 footer {
     text-align: center;