realises

done.json

+[
+
+{
+    "ticketID": 32,
+    "urlAppli": "https://eyssette.forge.apps.education.fr/infoslivre/"
+}
+
+
+]

script.js

@@ -13,6 +13,12 @@ const now = new Date();
 
 
 
+//Récupération du JSON
+let projetsRealises = [];
+
+
+
+
 const inputDescriptions = document.getElementById("inputDescriptions");
 const tableBody = document.querySelector("#issuesTable tbody");
 
@@ -56,16 +62,40 @@ const typesLabels = [
 let labelsActifs = ['help','idée'];
 const tousLesSpanLabels = document.querySelectorAll('#choixLabels span');
 
-//Lancement de l'appli
-    async function lancementAppli() { 
+// Lancement de l'appli
+async function lancementAppli() {
+    projetsRealises = await getDone(); 
     await verifierLocalStorage();
     preparerlesInputLabel();
     fetchIssues();
     toggleDescriptions();
     trierTableau(etatTri.cle);   
 }
+
 lancementAppli();
 
+async function getDone() {
+    try {
+        const response = await fetch('./done.json');
+        if (!response.ok) {
+            throw new Error('Erreur lors du chargement du fichier');
+        }
+        const data = await response.json();
+        
+        if (!Array.isArray(data)) {
+            throw new Error("Le fichier JSON ne contient pas un tableau !");
+        }
+
+        console.log(data);
+        return data; 
+    } catch (error) {
+        console.error('Erreur:', error);
+        return [];
+    }
+}
+
+
+
 async function verifierLocalStorage() {
 
     let valeurARecuperer = localStorage.getItem(prefixeAppli+'-'+'labelsActifs');
@@ -160,6 +190,9 @@ async function fetchIssues() {
 // Fonction pour afficher les tickets
 function displayIssues(issues) {
 
+    console.log('***** REALISES ******');
+    console.log(projetsRealises);
+
     console.log(issues.length,'tickets')
 
     tableBody.innerHTML = ""; // Vider le tableau
@@ -213,6 +246,8 @@ function displayIssues(issues) {
 
         }
 
+       
+
 
         console.log(`
             ------------ TICKET ------------
@@ -223,9 +258,20 @@ function displayIssues(issues) {
             --------------------------------
             `)
 
+        // Récupération du projet réalisé
+        let projetRealise = projetsRealises.find(obj => parseInt(obj.ticketID) === parseInt(issue.iid));
+        let done = issue.labels.includes('done !') ? '✅' : '';
+        if (done === '✅' && projetRealise) {
+            done = `<a class="done" target="_blank" href=${projetRealise.urlAppli}>🔗</a>`;
+        }     
+
+        // Date
         let date = new Date(issue.updated_at);
         const avatar = issue.author.avatar_url ? `<img class="avatar" src="${issue.author.avatar_url}">` : "👤";
-        const done = issue.labels.includes('done !') ? '✅' : '';
+
+
+          
+
 
         // Création d'une ligne dans le tableau
         const row = document.createElement("tr");

style.css

@@ -253,6 +253,10 @@ thead>tr, thead>tr:hover {
     color: #ffffff;
 }
 
+a.done {
+    text-decoration: none !important;
+}
+
 /* Footer */
 footer {
     text-align: center;