From fa60ddfbacb620529d21a72d28a1fcf9837c5b7e Mon Sep 17 00:00:00 2001
From: l-scherer <laurent.scherer@sg.social.gouv.fr>
Date: Thu, 5 Dec 2024 14:20:26 +0100
Subject: [PATCH] fix(personnel): fusager suppr et modif personnel 767 766

---
 .../src/components/DS/personnel.vue           |  4 +-
 .../shared/src/components/Table/TableFull.vue | 37 +++++++++++++------
 2 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/packages/frontend-usagers/src/components/DS/personnel.vue b/packages/frontend-usagers/src/components/DS/personnel.vue
index f5b9bfd4b..f53761674 100644
--- a/packages/frontend-usagers/src/components/DS/personnel.vue
+++ b/packages/frontend-usagers/src/components/DS/personnel.vue
@@ -385,11 +385,11 @@ function addPersonne() {
   modalPersonne.opened = true;
 }
 
-function editItem(item, index) {
+function editItem(item) {
   log.i("editItem - In", item);
   if (props.modifiable) {
     personnel.value = item;
-    indexCourant.value = index;
+    indexCourant.value = item.id;
     modalPersonne.opened = true;
   }
 }
diff --git a/packages/shared/src/components/Table/TableFull.vue b/packages/shared/src/components/Table/TableFull.vue
index 9abdeee58..68ae89961 100644
--- a/packages/shared/src/components/Table/TableFull.vue
+++ b/packages/shared/src/components/Table/TableFull.vue
@@ -1,15 +1,17 @@
 <template>
-  <TableUI
-    :on-update-item-by-page="onUpdateItemByPage"
-    :on-update-current-page="(p) => (currentPage = p)"
-    :items-by-page="itemByPage"
-    :total-items="filteredData?.length ?? 0"
-    :headers="h"
-    :title="title"
-    :displayed-data="displayedData"
-    :current-page="currentPage"
-    @click-row="onClickRow"
-  />
+  <div class="table-container">
+    <TableUI
+      :on-update-item-by-page="onUpdateItemByPage"
+      :on-update-current-page="(p) => (currentPage = p)"
+      :items-by-page="itemByPage"
+      :total-items="filteredData?.length ?? 0"
+      :headers="h"
+      :title="title"
+      :displayed-data="displayedData"
+      :current-page="currentPage"
+      @click-row="onClickRow"
+    />
+  </div>
 </template>
 
 <script setup>
@@ -228,4 +230,15 @@ onMounted(() => {
 });
 </script>
 
-<style scoped></style>
+<style scoped>
+.table-container {
+  overflow-x: auto; /* Active le défilement horizontal */
+  -webkit-overflow-scrolling: touch; /* Défilement fluide sur mobile */
+  max-width: 100%; /* Assure que le conteneur ne dépasse pas la largeur disponible */
+}
+
+.table-container table {
+  width: 100%; /* Le tableau utilise tout l'espace disponible */
+  min-width: 800px; /* Largeur minimale pour forcer le scroll si nécessaire */
+}
+</style>