diff --git a/public/espace_perso.php b/public/espace_perso.php index 41b5252b2d9087784f68e6c934147d3d2cc2303a..e6e14e7331d62408452be3b4cead62e24a72fd52 100644 --- a/public/espace_perso.php +++ b/public/espace_perso.php @@ -50,36 +50,43 @@ $listeCDCperso = $coupdecoeurRepository->fetchByIdUser($_SESSION["id_user"]); <?php generateNavBar('espace_perso'); ?> - <h1>Ceci est la page de votre espace personnel</h1> + <h1 class="titre">Ceci est la page de votre espace personnel</h1> - <h3> Changement de mot de passe</h3> + <h5 class="titre"> Changement mot de passe</h5> <a href="modif_mdp.php"><button>Changer mon mot de passe</button></a> <!-- bibliothèque personnelle de l'utilisateur --> - <div class="CoupDeCoeur"> - <h3>Vos images coup de coeur :</h3> - <!-- liste des coups de coeur de l'utilisateur --> + <!-- balise cachée contenant la liste des images coup de coeur --> <div id="CDClist" style="display: none"> <?php foreach($listeCDCperso as $CDC): ?> <li><?php echo $CDC->getIdPhoto(); ?></li> <?php endforeach; ?> </div> - <div id="CDCdisplayArea"><div class="spinner-border text-dark"></div></div> - </div> - - - <!-- bibliothèque personnelle des images notées par l'utilisateur --> - <div class="Reviewed"> - <h3>Les images que vous avez noté</h3> + <!-- balise cachée contenant la liste des images notées --> <div id="Reviewlist" style="display: none"> <?php foreach($listeReviewperso as $Review): ?> <li><?php echo $Review->getIdPhoto(); ?></li> <?php endforeach; ?> </div> + + + <div class="row"> + + <div class="col CoupDeCoeur"> + <h3 class="titre">Vos images coup de coeur :</h3> + <!-- liste des coups de coeur de l'utilisateur --> + <div id="CDCdisplayArea"><div class="spinner-border text-dark"></div></div> + </div> + + + <!-- bibliothèque personnelle des images notées par l'utilisateur --> + <div class="col Reviewed"> + <h3 class="titre">Les images que vous avez note :</h3> <div id="ReviewdisplayArea"><div class="spinner-border text-dark"></div></div> </div> + </div> </div> diff --git a/public/js/picture_displayer.js b/public/js/picture_displayer.js index a793ca8714572283d2fa93df02f63cac1eaa6d34..1d8ad5b25248ae7e42dee88685b0a5ac39c4ce15 100644 --- a/public/js/picture_displayer.js +++ b/public/js/picture_displayer.js @@ -20,30 +20,27 @@ var displayer = { // console.log($(this).text()); var currentID = intListToString($(this).text()); // console.log(currentID); - requestHandler.retrieveJsonFromUrl('https://images-api.nasa.gov/asset/'+currentID, function(json) { - console.log("coucou"); - console.log(json); - $('#'+whereToDisplay+'row').append('<div class="col">'+ - '<div class="view container-fluid">'+ + requestHandler.retrieveJsonFromUrl('https://images-api.nasa.gov/search?nasa_id='+currentID, function(json) { + var real_im = json.collection.items[0]; + $('#'+whereToDisplay+'row').append('<div class="view container-fluid">'+ '<div class="hover-container" style="margin: 3px">'+ - '<img class="img-fluid" style="margin: 4px" src='+json.collection.items[2].href+'>'+ + '<img class="img-fluid" style="margin: 4px" src='+real_im.links[0].href+'>'+ '<div class="content">'+ - // '<div class="text scrollbar">'+ - // '<h4><?php echo $image->{'data'}[0]->{'title'} ?></h4>'+ - // '<p style="font-size: 15px"><?php echo $image->{'data'}[0]->{'description'} ?></p>'+ - // '</div>'+ + '<div class="text scrollbar">'+ + '<h4>'+real_im.data[0].title+'</h4>'+ + '<p style="font-size: 15px">'+real_im.data[0].description+'</p>'+ + '</div>'+ '<div class="actionrow" style="left: -120px;">'+ '<form method="POST" action="download.php" target="_blank">'+ - '<input type="hidden" name="urlget" value="'+correctionURLLink(json.collection.items[5].href)+'">'+ + '<input type="hidden" name="urlget" value="'+correctionURLLink(real_im.href)+'">'+ '<input type="hidden" name="nasa_id" value="'+currentID+'">'+ - '<input type="hidden" name="title" value="img-nasa">'+ - '<input type="hidden" name="preview" value='+json.collection.items[2].href+'>'+ + '<input type="hidden" name="title" value="'+real_im.data[0].title+'">'+ + '<input type="hidden" name="preview" value="'+real_im.links[0].href+'"">'+ '<input type="image" name="submit" alt="Submit" class="download" width="13%" src="./ressources/icons/dwnld.png" onmouseover="this.src=\'./ressources/icons/dwnldVert.png\'" onmouseout="this.src=\'./ressources/icons/dwnld.png\'">'+ '</form>'+ '</div>'+ '</div>'+ '</div>'+ - '</div>'+ '</div>'); }); }); diff --git a/public/leaderboard.php b/public/leaderboard.php index 04127bc447c258a65ed230220e4474de5ccadaed..e3909a2378952fa9af932e41dcad5e9919526f91 100644 --- a/public/leaderboard.php +++ b/public/leaderboard.php @@ -72,11 +72,13 @@ urlHasArgument(); <?php endforeach; ?> </div> - <h1>Note</h1> + <h1 class="titre">Images les mieux notees</h1> <div id="NoteLeaderboardDisplayArea"></div> <br/> + <br/> + <br/> - <h1>CDC</h1> + <h1 class="titre">Image les plus aimes</h1> <div id="CDCLeaderboardDisplayArea"></div>