Skip to content
Extraits de code Groupes Projets
Valider 165f7759 rédigé par Romain DUPONT's avatar Romain DUPONT
Parcourir les fichiers

merge espace perso

parents c1904b58 e0a40370
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Afficher les modifications d'espaces
En ligne Côte à côte
public/css/customCss.css
+ 36
− 0
Voir le fichier @ 165f7759
...@@ -12,6 +12,42 @@ ...@@ -12,6 +12,42 @@
/* pour des navtabs centrés*/
/* center tabs */
.nav-tabs, .nav-pills {
text-align:center;
}
/* line below tabs */
.nav-tabs {
border-bottom: 2px solid #808080;
}
/* center logo */
.img-center {
margin:0 auto;
padding: 15px;
}
.col-md-6 {
padding: 15px;
/*border-style: solid;*/
}
.new-row {
clear: left;
}
.no-title-col {
padding-top: 30px;
}
......
public/espace_perso.php
+ 27
− 10
Voir le fichier @ 165f7759
...@@ -113,9 +113,9 @@ foreach ($users as $user) { ...@@ -113,9 +113,9 @@ foreach ($users as $user) {
?> ?>
<h1 class="titre">Ceci est la page de votre espace personnel</h1> <h1 class="titre">Ceci est la page de votre espace personnel</h1>
<h5 class="titre"> Changement mot de passe</h5> <!---<h5 class="titre"> Changement mot de passe</h5>-->
<!---<a href="modif_mdp.php"><button>Changer mon mot de passe</button></a>--> <!---<a href="modif_mdp.php"><button>Changer mon mot de passe</button></a>-->
<button class="btn btn-primary" data-toggle="modal" data-target="#modalChgtMDP" >Changer le mot de passe</button> <button class="btn btn-primary" data-toggle="modal" data-target="#modalChgtMDP" >Changer mon mot de passe</button>
<!-- bibliothèque personnelle de l'utilisateur --> <!-- bibliothèque personnelle de l'utilisateur -->
...@@ -133,27 +133,44 @@ foreach ($users as $user) { ...@@ -133,27 +133,44 @@ foreach ($users as $user) {
</div> </div>
<div class="row"> <ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active titre" data-toggle="tab" href="#CDC">Vos images coup de coeur</a>
</li>
<li class="nav-item">
<a class="nav-link titre" data-toggle="tab" href="#Review">Les images que vous avez note</a>
</li>
<!--<li class="nav-item">
<a class="nav-link titre" data-toggle="tab" href="#MDP">Changez votre mot de passe</a>
</li>-->
</ul>
<div class="col CoupDeCoeur"> <div class="tab-content">
<div class="tab-pane container active" id="CDC">
<h3 class="titre">Vos images coup de coeur :</h3> <h3 class="titre">Vos images coup de coeur :</h3>
<!-- liste des coups de coeur de l'utilisateur --> <!-- liste des coups de coeur de l'utilisateur -->
<div id="CDCdisplayArea"><div class="spinner-border text-dark"></div></div> <div id="CDCdisplayArea"><div class="spinner-border text-dark"></div></div>
</div>
<!-- bibliothèque personnelle des images notées par l'utilisateur --> </div>
<div class="col Reviewed"> <div class="tab-pane container fade" id="Review">
<h3 class="titre">Les images que vous avez note :</h3> <h3 class="titre">Les images que vous avez note :</h3>
<div id="ReviewdisplayArea"><div class="spinner-border text-dark"></div></div> <div id="ReviewdisplayArea"><div class="spinner-border text-dark"></div></div>
</div>
</div> </div>
<!--<div class="tab-pane container fade" id="MDP">
<h5 class="titre"> Changement mot de passe</h5>
<a href="modif_mdp.php"><button>Changer mon mot de passe</button></a>
</div>-->
</div> </div>
</form> </form>
</body> </body>
</html> </html>
\ No newline at end of file
public/js/picture_displayer.js
+ 25
− 18
Voir le fichier @ 165f7759
...@@ -13,7 +13,7 @@ var displayer = { ...@@ -13,7 +13,7 @@ var displayer = {
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 no-gutters"></div>');
liste.each(function() { liste.each(function() {
// console.log("__"); // console.log("__");
...@@ -22,7 +22,7 @@ var displayer = { ...@@ -22,7 +22,7 @@ var displayer = {
// console.log(currentID); // console.log(currentID);
requestHandler.retrieveJsonFromUrl('https://images-api.nasa.gov/search?nasa_id='+currentID, function(json) { requestHandler.retrieveJsonFromUrl('https://images-api.nasa.gov/search?nasa_id='+currentID, function(json) {
var real_im = json.collection.items[0]; var real_im = json.collection.items[0];
$('#'+whereToDisplay+'row').append('<div class="view container-fluid">'+ $('#'+whereToDisplay+'row').append('<div class="view container">'+
'<div class="hover-container" style="margin: 3px">'+ '<div class="hover-container" style="margin: 3px">'+
'<img class="img-fluid" style="margin: 4px" src='+real_im.links[0].href+'>'+ '<img class="img-fluid" style="margin: 4px" src='+real_im.links[0].href+'>'+
'<div class="content">'+ '<div class="content">'+
...@@ -53,7 +53,7 @@ var displayer = { ...@@ -53,7 +53,7 @@ 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 no-gutters"></div>');
liste.each(function() { liste.each(function() {
// console.log("__"); // console.log("__");
...@@ -90,7 +90,7 @@ var displayerMoyReview = { ...@@ -90,7 +90,7 @@ var displayerMoyReview = {
// console.log(currentID); // console.log(currentID);
requestHandler.retrieveJsonFromUrl('https://images-api.nasa.gov/search?nasa_id='+currentID, function(json) { requestHandler.retrieveJsonFromUrl('https://images-api.nasa.gov/search?nasa_id='+currentID, function(json) {
var real_im = json.collection.items[0]; var real_im = json.collection.items[0];
$('#'+whereToDisplay+'row').append('<div class="view container-fluid">'+ $('#'+whereToDisplay+'row').append('<div class="view container">'+
'<div class="hover-container" style="margin: 3px">'+ '<div class="hover-container" style="margin: 3px">'+
'<img class="img-fluid" style="margin: 4px" src='+real_im.links[0].href+'>'+ '<img class="img-fluid" style="margin: 4px" src='+real_im.links[0].href+'>'+
'<div class="content">'+ '<div class="content">'+
...@@ -148,7 +148,8 @@ var displayerNbCDC = { ...@@ -148,7 +148,8 @@ var displayerNbCDC = {
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() {
// console.log("__"); // console.log("__");
var texte_li = $(this).text(); var texte_li = $(this).text();
...@@ -156,6 +157,14 @@ var displayerNbCDC = { ...@@ -156,6 +157,14 @@ var displayerNbCDC = {
// console.log("ascii:" + tab[0] + ", " + tab[1]); // console.log("ascii:" + tab[0] + ", " + tab[1]);
var currentID = intListToString(tab[0]); var currentID = intListToString(tab[0]);
var nbCDC = parseInt( tab[1]); var nbCDC = parseInt( tab[1]);
console.log(10000*parseInt(tab[2], 10));
setTimeout(affiche_dans_lordre(whereToDisplay, tab, currentID, nbCDC), 100*parseInt(tab[2], 10));
}
);
}
}
function affiche_dans_lordre(whereToDisplay, tab, currentID, nbCDC ) {
if( nbCDC >= 25 ) if( nbCDC >= 25 )
var color = "yellow" var color = "yellow"
else else
...@@ -173,9 +182,10 @@ var displayerNbCDC = { ...@@ -173,9 +182,10 @@ var displayerNbCDC = {
tab[2] += "er" tab[2] += "er"
// console.log("decode:" +currentID); // console.log("decode:" +currentID);
// console.log(currentID); // console.log(currentID);
requestHandler.retrieveJsonFromUrl('https://images-api.nasa.gov/search?nasa_id='+currentID, function(json) { requestHandler.retrieveJsonFromUrl('https://images-api.nasa.gov/search?nasa_id='+currentID, function(json) {
var real_im = json.collection.items[0]; var real_im = json.collection.items[0];
$('#'+whereToDisplay+'row').append('<div class="view container-fluid">'+ $('#'+whereToDisplay+'row').append('<div class="view container">'+
'<div class="hover-container" style="margin: 3px">'+ '<div class="hover-container" style="margin: 3px">'+
'<img class="img-fluid" style="margin: 4px" src='+real_im.links[0].href+'>'+ '<img class="img-fluid" style="margin: 4px" src='+real_im.links[0].href+'>'+
'<div class="content">'+ '<div class="content">'+
...@@ -202,9 +212,6 @@ var displayerNbCDC = { ...@@ -202,9 +212,6 @@ var displayerNbCDC = {
'</div>'+ '</div>'+
'</div>'); '</div>');
}); });
});
}
} }
......
public/leaderboard.php
+ 22
− 6
Voir le fichier @ 165f7759
...@@ -60,8 +60,8 @@ urlHasArgument(); ...@@ -60,8 +60,8 @@ urlHasArgument();
$i = 1; $i = 1;
foreach ($test as $elem): foreach ($test as $elem):
echo "<li><div class='idPhoto'>".$elem->getIdPhoto().",</div>"; echo "<li><div class='idPhoto'>".$elem->getIdPhoto()."</div>";
echo "<div class='moyenne'>".$elem->getNote()."</div>"; echo ",<div class='moyenne'>".$elem->getNote()."</div>";
echo ",<div>".$i."</div></li>"; echo ",<div>".$i."</div></li>";
$i++; $i++;
endforeach endforeach
...@@ -82,15 +82,31 @@ urlHasArgument(); ...@@ -82,15 +82,31 @@ urlHasArgument();
?> ?>
</div> </div>
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active titre" data-toggle="tab" href="#Review">Par note</a>
</li>
<li class="nav-item">
<a class="nav-link titre" data-toggle="tab" href="#CDC">Par coup de coeur</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane container active" id="Review">
<h1 class="titre">Images les mieux notees</h1> <h1 class="titre">Images les mieux notees</h1>
<div id="NoteLeaderboardDisplayArea"></div> <div id="NoteLeaderboardDisplayArea"></div>
<br/> </div>
<br/> <div class="tab-pane container fade" id="CDC">
<br/>
<h1 class="titre">Image les plus aimes</h1> <h1 class="titre">Image les plus aimes</h1>
<div id="CDCLeaderboardDisplayArea"></div> <div id="CDCLeaderboardDisplayArea"></div>
</div>
</div>
<!-- <br/>
<br/>
<br/> -->
......
public/ressources/icons/logo.ico 0 → 100644
+ 0
− 0
Voir le fichier @ 165f7759
public/ressources/icons/logo.ico

12 ko

0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter