diff --git a/html/listeFrigos.html b/html/listeFrigos.html index 5ac8c461ed67f76e9f59604a54447a20a669c522..3603b4e4494599148161193fe5992e2f152a90fb 100644 --- a/html/listeFrigos.html +++ b/html/listeFrigos.html @@ -10,21 +10,38 @@ </body> <script src="../scripts/readJson.js"></script> <script> + var i = 0; + function buildFrigo(frigo){ + var index = i++; + var item = document.createElement("a"); + var nom = document.createElement("span"); + var breakElement = document.createElement("br"); + + item.className = "fridgeOutline"; + item.onclick = (() => {saveFrigoIndex(index)}); + item.href = "chercherUnRepas.html"; + nom.className = "bold"; + + nom.appendChild(document.createTextNode(frigo.nom)); + item.appendChild(nom); + item.appendChild(breakElement); + item.appendChild(document.createTextNode(frigo.addresse)); + item.appendChild(breakElement.cloneNode(false)); + item.appendChild(document.createTextNode("Situé à " + frigo.distance + " mètres\n")); + + return item; + } + function retrieveFrigos(){ var obj = httpGetJson(); - var builtUpHTML = ""; - for(let i = 0; i<obj.array.length; i++) { - builtUpHTML += '<a class="fridgeOutline" onclick="saveFrigoIndex(event,'+i+')" href="chercherUnRepas.html" >' + - ' <span class="bold">' + - obj.array[i].nom + - ' </span><br>' + - obj.array[i].addresse + - ' <br>Situé à '+obj.array[i].distance+' mètres\n' + - ' </a>' - } - document.getElementById("listeFrigo").innerHTML+= builtUpHTML; + + var liste = document.getElementById("listeFrigo"); + + obj.array.forEach(x => { + liste.appendChild(buildFrigo(x)); + }) } - function saveFrigoIndex(event, index){ + function saveFrigoIndex(index){ sessionStorage.setItem('frigoIndex', index); } </script>