pager

7 years ago · a72c8a0376
parent cbdfeb6a6c
commit a72c8a0376
3 changed files with 90 additions and 7 deletions
--- a/index.php
+++ b/index.php
@ -18,6 +18,7 @@ if ($page > $numberOfPages) {
 }

 $projects = getProjects($page, $limit);
+$pager = getProjectsPager($page, $numberOfPages);

 ?>
 <!DOCTYPE HTML>
@ -31,6 +32,18 @@ $projects = getProjects($page, $limit);
 </head>
 <body>
    <h1>Mon super portfolio</h1>
+    
+    <?php if (count($pager) > 1): ?>
+        <ul class="pager">
+            <?php foreach ($pager as $p): ?>
+                <li <?php if ($p['current'] === true): ?>class="active"<?php endif ?>>
+                    <a href="?page=<?php echo $p['page'] ?>">
+                        <?php echo $p['title'] ?>
+                    </a>
+                </li>
+            <?php endforeach ?>
+        </ul>
+    <?php endif ?>

    <section>
        <?php foreach($projects as $project): ?>
@ -60,12 +73,16 @@ $projects = getProjects($page, $limit);
        <?php endforeach ?>
    </section>

-    <!-- 
-        Générer la pagination :
-
-        Première page | Précédent | 1 | 2 | 3 ... | Suivant | Dernière page
-
-        Mettre en avant la page courrante
-    -->
+    <?php if (count($pager) > 1): ?>
+        <ul class="pager">
+            <?php foreach ($pager as $p): ?>
+                <li <?php if ($p['current'] === true): ?>class="active"<?php endif ?>>
+                    <a href="?page=<?php echo $p['page'] ?>">
+                        <?php echo $p['title'] ?>
+                    </a>
+                </li>
+            <?php endforeach ?>
+        </ul>
+    <?php endif ?>
 </body>
 </html>
--- a/lib/project.php
+++ b/lib/project.php
@ -87,3 +87,56 @@ function getCommentsByProject($id)
 }

 // Prévoir une fonction pour enregistrer un commentaire
+
+function getProjectsPager($page, $numberOfPages) 
+{
+    $pages = [];
+
+    if ($numberOfPages > 1) {
+        $pages[] = array(
+            'title' => 'Première page',
+            'page' => 1,
+            'current' => $page === 1,
+        );
+    }
+   
+    if ($page > 1) {
+        $pages[] = array(
+            'title' => 'Précédent',
+            'page' => $page - 1,
+            'current' => false,
+        );
+    }
+
+    if ($numberOfPages > 1) {
+        for ($i = 1; $i <= $numberOfPages; $i++) {
+            $pages[] = array(
+                'title' => $i,
+                'page' => $i,
+                'current' => $page === $i,
+            );
+        }
+    }
+    
+    if ($page < $numberOfPages) {
+        $pages[] = array(
+            'title' => 'Suivant',
+            'page' => $page + 1,
+            'current' => false,
+        );
+    }
+
+    if ($numberOfPages > 1) {
+        $pages[] = array(
+            'title' => 'Dernière page',
+            'page' => $numberOfPages,
+            'current' => $page === $numberOfPages,
+        );
+    }
+
+    return $pages;
+}
+
+
+
+
--- a/style.css
+++ b/style.css
@ -32,3 +32,16 @@ figure {
 .description {
    padding-left: 150px;
 }
+
+.pager li {
+   display: inline; 
+}
+
+.pager .active {
+    font-weight: bold;
+}
+
+.pager a {
+    text-decoration: none;
+    color: #000;
+}