Skip to content
Extraits de code Groupes Projets
Valider 60fbe51c rédigé par Tanguy CHARLES's avatar Tanguy CHARLES
Parcourir les fichiers

fix affichage JS image notées

parent 552bbe68
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
...@@ -51,20 +51,42 @@ var displayer = { ...@@ -51,20 +51,42 @@ var displayer = {
var displayerMoyReview = { var displayerMoyReview = {
startdisplay: function(idToDat, whereToDisplay) { startdisplay: function(idToDat, whereToDisplay) {
var liste = $('#'+idToDat+" li"); var liste = $('#'+idToDat+" li");
$('#'+whereToDisplay).html('<div id="'+whereToDisplay+'row" class="row"></div>'); $('#'+whereToDisplay).html('<div id="'+whereToDisplay+'row" class="row"></div>');
liste.each(function() { liste.each(function() {
var currentID = intListToString(this. getElementsByClassName('idPhoto')[0].innerHTML); // console.log("__");
var moyenne = this.getElementsByClassName('moyenne')[0].innerHTML;
console.log("id : "+currentID+" ; moyenne : "+moyenne); var texte_li = $(this).text();
requestHandler.retrieveJsonFromUrl('https://images-api.nasa.gov/asset/'+currentID, function(json) { var tab = texte_li.split(",");
$('#'+whereToDisplay+'row').append('<div class="col"><img width=300 src="'+json.collection.items[2].href+'"><p>Cette photo à été notée avec une moyenne de '+displayerMoyReview.troncate(moyenne)+' étoiles</p></div>') // console.log("ascii:" + tab[0] + ", " + tab[1]);
var currentID = intListToString(tab[0]);
// console.log("decode:" +currentID);
// console.log(currentID);
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='+real_im.links[0].href+'>'+
'<div class="content">'+
'<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(real_im.href)+'">'+
'<input type="hidden" name="nasa_id" value="'+currentID+'">'+
'<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>');
}); });
}); });
}, },
troncate: function(moy) { troncate: function(moy) {
...@@ -84,10 +106,9 @@ var displayerNbCDC = { ...@@ -84,10 +106,9 @@ var displayerNbCDC = {
$('#'+whereToDisplay).html('<div id="'+whereToDisplay+'row" class="row"></div>'); $('#'+whereToDisplay).html('<div id="'+whereToDisplay+'row" class="row"></div>');
liste.each(function() { liste.each(function() {
console.log("coucou");
var currentID = intListToString(this.getElementsByClassName('idPhoto')[0].innerHTML); var currentID = intListToString(this.getElementsByClassName('idPhoto')[0].innerHTML);
var nbCDC = this.getElementsByClassName('nbCDC')[0].innerHTML; var nbCDC = this.getElementsByClassName('nbCDC')[0].innerHTML;
console.log("id : "+currentID+" ; nbCDC : "+nbCDC); //console.log("id : "+currentID+" ; nbCDC : "+nbCDC);
requestHandler.retrieveJsonFromUrl('https://images-api.nasa.gov/asset/'+currentID, function(json) { requestHandler.retrieveJsonFromUrl('https://images-api.nasa.gov/asset/'+currentID, function(json) {
$('#'+whereToDisplay+'row').append('<div class="col"><img width=300 src="'+json.collection.items[2].href+'"><p>Cette photo a '+nbCDC+' coups de coeur</p></div>'); $('#'+whereToDisplay+'row').append('<div class="col"><img width=300 src="'+json.collection.items[2].href+'"><p>Cette photo a '+nbCDC+' coups de coeur</p></div>');
}); });
......
...@@ -54,13 +54,16 @@ urlHasArgument(); ...@@ -54,13 +54,16 @@ urlHasArgument();
generateNavBar('leaderboard'); generateNavBar('leaderboard');
?> ?>
<!-- balises cachées contenant les images par ordre de notation --> <!-- balises cachées contenant les images par ordre de notation -->
<div id="NoteLeaderboard" style="display: none"> <div id="NoteLeaderboard" style=""> <!-- display: none -->
<?php <?php
$test = $orderRepository->fetchAvgNoteOrder(); $test = $orderRepository->fetchAvgNoteOrder();
?>
foreach ($test as $elem): ?> <?php
<li><div class="idPhoto"><?php echo $elem->getIdPhoto(); ?></div><div class="moyenne"><?php echo $elem->getNote(); ?></div></li> foreach ($test as $elem):
<?php endforeach; ?> echo "<li><div class='idPhoto'>".$elem->getIdPhoto().",</div>";
echo "<div class='moyenne'>".$elem->getNote()."</div></li>";
endforeach
?>
</div> </div>
<div id="CDCLeaderboard" style="display: none"> <div id="CDCLeaderboard" style="display: none">
......
0% Chargement en cours ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter