From 9e8349bb7adf68fa563a028c63f654eb92020180 Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Sat, 18 Feb 2023 19:03:59 +0100
Subject: [PATCH] feat: ajout element par page configurable

---
 src/components/tableaux/TableRenderer.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/tableaux/TableRenderer.vue b/src/components/tableaux/TableRenderer.vue
index 39f05fb..1760f14 100644
--- a/src/components/tableaux/TableRenderer.vue
+++ b/src/components/tableaux/TableRenderer.vue
@@ -95,7 +95,17 @@ function goTo(page: number) {
       </tr>
     </tbody>
   </table>
-  <div class="d-flex f-end">
+  <div class="d-flex f-between">
+    <div>
+      <span>Lignes par page </span>
+      <select class="btn-small btn-outline" v-model="table.pageLenght">
+        <option>5</option>
+        <option>10</option>
+        <option>15</option>
+        <option>25</option>
+        <option>50</option>
+      </select>
+    </div>
     <PageList
       :current-page="currentPage + 1"
       :page-nbr="getTotalPage + 1"
@@ -119,7 +129,8 @@ table:not(:last-child) {
   font-weight: 600;
 }
 
-input {
+input,
+.btn-outline {
   border: 1px solid rgba(0, 0, 0, 0.2);
   margin-bottom: 0.5rem;
   margin-left: 0;