diff --git a/public/css/customCss.css b/public/css/customCss.css
index ffdd2355339f17361404386d0a2c79535a39ce79..7004d116a4f2c96411ebdad015ca8e9beccef29f 100644
--- a/public/css/customCss.css
+++ b/public/css/customCss.css
@@ -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;
+}
+
+
+
+
+
diff --git a/public/espace_perso.php b/public/espace_perso.php
index e8814c02f3a7e670f75d3e63fe3ea111b09211e7..82f9a2f049cdec8b89af05b8e821cc1e27299d70 100644
--- a/public/espace_perso.php
+++ b/public/espace_perso.php
@@ -40,56 +40,67 @@ $listeCDCperso = $coupdecoeurRepository->fetchByIdUser($_SESSION["id_user"]);
<html>
<?php
- generateHeader('espace perso');
- generateUserBanner();
+generateHeader('espace perso');
+generateUserBanner();
?>
<body onload="startDisplayer('CDClist', 'CDCdisplayArea'); startDisplayer('Reviewlist', 'ReviewdisplayArea')" style="text-align: center;
- background-image:url('./ressources/background/test2.jpeg');
- background-repeat: no-repeat;
- background-attachment: fixed;">
- <?php
- generateNavBar('espace_perso');
- ?>
- <h1 class="titre">Ceci est la page de votre espace personnel</h1>
-
- <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 -->
- <!-- 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>
- <!-- 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 no-gutters">
-
- <div class="col CoupDeCoeur" style="margin: 0px;">
+background-image:url('./ressources/background/test2.jpeg');
+background-repeat: no-repeat;
+background-attachment: fixed;">
+<?php
+generateNavBar('espace_perso');
+?>
+<h1 class="titre">Ceci est la page de votre espace personnel</h1>
+
+<!-- bibliothèque personnelle 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>
+<!-- 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>
+
+
+<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="tab-content">
+ <div class="tab-pane container active" id="CDC">
<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" style="margin: 0px;">
+ </div>
+ <div class="tab-pane container fade" id="Review">
<h3 class="titre">Les images que vous avez note :</h3>
<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>
+
+
diff --git a/public/leaderboard.php b/public/leaderboard.php
index d4659ba233ad3007aa9668476101ada72f187259..198c64ca9a57cd5d837e44d1c1dead8d2b3c352f 100644
--- a/public/leaderboard.php
+++ b/public/leaderboard.php
@@ -82,15 +82,31 @@ urlHasArgument();
?>
</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>
<div id="NoteLeaderboardDisplayArea"></div>
- <br/>
- <br/>
- <br/>
-
+ </div>
+ <div class="tab-pane container fade" id="CDC">
<h1 class="titre">Image les plus aimes</h1>
<div id="CDCLeaderboardDisplayArea"></div>
+ </div>
+ </div>
+
+ <!-- <br/>
+ <br/>
+ <br/> -->
+