diff --git a/css/styles.css b/css/styles.css index bd5b154c9ebc4f80ccdd6c473e7b805cc7819d80..ccd49adaed36b3307d052687b427057508e33d97 100644 --- a/css/styles.css +++ b/css/styles.css @@ -202,6 +202,7 @@ iframe { text-decoration: none; color:black; margin-top:1em; + position: relative; } .grey-label{ @@ -248,6 +249,15 @@ iframe { top: 12px; } +.img-dispo{ + position: absolute; + width: 40px; + height: 39px; + top: 29px; + left: 842px; +} + + .insc { width: 418px; diff --git a/html/listeFrigos.html b/html/listeFrigos.html index 9c378a2044e8b64458b11af06e646cea00a149eb..ee8ccefe6d74133399d896db85cde952d4107089 100644 --- a/html/listeFrigos.html +++ b/html/listeFrigos.html @@ -17,13 +17,20 @@ function retrieveFrigos(){ var obj = httpGetJson(); var builtUpHTML = ""; + var dispo = ""; for(let i = 0; i<obj.array.length; i++) { + if(obj.array[i].dispo == true){ + dispo = '<img src="../dispo.png" class="img-dispo"}/>' + }else{ + dispo = '<img src="../nondispo.png" class="img-dispo"}/>' + } 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' + + dispo + ' </a>' } document.getElementById("listeFrigo").innerHTML+= builtUpHTML;