From c96b433d6977e197d07e874a29c1d9c372f0e0bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Munsch?= <jeremy.munsch@ldc.fr>
Date: Wed, 31 Aug 2022 12:23:47 +0200
Subject: [PATCH] Fix pagination On Schedule

---
 resources/ts/components/ScheduleComponent.vue | 44 +++++++++----------
 1 file changed, 20 insertions(+), 24 deletions(-)

diff --git a/resources/ts/components/ScheduleComponent.vue b/resources/ts/components/ScheduleComponent.vue
index 02b0258..f12995d 100644
--- a/resources/ts/components/ScheduleComponent.vue
+++ b/resources/ts/components/ScheduleComponent.vue
@@ -276,31 +276,27 @@
                       :searchable="true"
                       @input="setSelected"
                     >
-                      <li
-                        slot="list-footer"
-                        class="pagination"
-                      >
-                        <button
-                          @click.prevent="
-                            $event.preventDefault();
-                            page -= 1;
-                          "
-                          :disabled="!hasPrevPage"
-                          class="btn btn-sm btn-primary mt-2 mb-2 ms-2 me-2"
+                      <template #list-footer>
+                        <li
+                          class="pagination"
+                          v-if="data.length"
                         >
-                          Précédent
-                        </button>
-                        <button
-                          @click.prevent="
-                            $event.preventDefault();
-                            page += 1;
-                          "
-                          :disabled="!hasNextPage"
-                          class="btn btn-sm btn-primary mt-2 mb-2"
-                        >
-                          Suivant
-                        </button>
-                      </li>
+                          <button
+                            @click.prevent="page -= 1"
+                            :disabled="!hasPrevPage"
+                            class="btn btn-sm btn-primary mt-2 mb-2 ms-2 me-2"
+                          >
+                            {{ __("précédent") }}
+                          </button>
+                          <button
+                            @click.prevent="page += 1"
+                            :disabled="!hasNextPage"
+                            class="btn btn-sm btn-primary mt-2 mb-2"
+                          >
+                            {{ __("suivant") }}
+                          </button>
+                        </li>
+                      </template>
                     </VueSelect>
                   </div>
                   <div class="form-group mb-3">