Skip to content
Extraits de code Groupes Projets
Valider e0a40370 rédigé par louis.fourcade@ensiie.fr's avatar louis.fourcade@ensiie.fr
Parcourir les fichiers

pannels de navigation avec des tabs

parent 7c340f2d
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Masquer les modifications d'espaces
En ligne Côte à côte
public/css/customCss.css
+ 36
− 0
Voir le fichier @ e0a40370
...@@ -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
+ 50
− 39
Voir le fichier @ e0a40370
...@@ -40,56 +40,67 @@ $listeCDCperso = $coupdecoeurRepository->fetchByIdUser($_SESSION["id_user"]); ...@@ -40,56 +40,67 @@ $listeCDCperso = $coupdecoeurRepository->fetchByIdUser($_SESSION["id_user"]);
<html> <html>
<?php <?php
generateHeader('espace perso'); generateHeader('espace perso');
generateUserBanner(); generateUserBanner();
?> ?>
<body onload="startDisplayer('CDClist', 'CDCdisplayArea'); startDisplayer('Reviewlist', 'ReviewdisplayArea')" style="text-align: center; <body onload="startDisplayer('CDClist', 'CDCdisplayArea'); startDisplayer('Reviewlist', 'ReviewdisplayArea')" style="text-align: center;
background-image:url('./ressources/background/test2.jpeg'); background-image:url('./ressources/background/test2.jpeg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: fixed;"> background-attachment: fixed;">
<?php <?php
generateNavBar('espace_perso'); generateNavBar('espace_perso');
?> ?>
<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> <!-- bibliothèque personnelle de l'utilisateur -->
<a href="modif_mdp.php"><button>Changer mon mot de passe</button></a> <!-- 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>
<!-- bibliothèque personnelle de l'utilisateur --> <?php endforeach; ?>
<!-- balise cachée contenant la liste des images coup de coeur --> </div>
<div id="CDClist" style="display: none"> <!-- balise cachée contenant la liste des images notées -->
<?php foreach($listeCDCperso as $CDC): ?> <div id="Reviewlist" style="display: none">
<li><?php echo $CDC->getIdPhoto(); ?></li> <?php foreach($listeReviewperso as $Review): ?>
<?php endforeach; ?> <li><?php echo $Review->getIdPhoto(); ?></li>
</div> <?php endforeach; ?>
<!-- balise cachée contenant la liste des images notées --> </div>
<div id="Reviewlist" style="display: none">
<?php foreach($listeReviewperso as $Review): ?>
<li><?php echo $Review->getIdPhoto(); ?></li> <ul class="nav nav-tabs">
<?php endforeach; ?> <li class="nav-item">
</div> <a class="nav-link active titre" data-toggle="tab" href="#CDC">Vos images coup de coeur</a>
</li>
<li class="nav-item">
<div class="row no-gutters"> <a class="nav-link titre" data-toggle="tab" href="#Review">Les images que vous avez note</a>
</li>
<div class="col CoupDeCoeur" style="margin: 0px;"> <li class="nav-item">
<a class="nav-link titre" data-toggle="tab" href="#MDP">Changez votre mot de passe</a>
</li>
</ul>
<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>
</div>
<!-- bibliothèque personnelle des images notées par l'utilisateur --> <div class="tab-pane container fade" id="Review">
<div class="col Reviewed" style="margin: 0px;">
<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>
......
public/leaderboard.php
+ 20
− 4
Voir le fichier @ e0a40370
...@@ -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/> -->
......
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter