From 30dfd70f0464077809718d5ac42fff654c06ceee Mon Sep 17 00:00:00 2001
From: rgermain <contact@germainremi.fr>
Date: Thu, 12 Mar 2026 15:30:12 +0100
Subject: [PATCH 1/3] fix: similars

---
 .../people/Researcher/ResearcherDocumentSimilars.vue     | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/people/Researcher/ResearcherDocumentSimilars.vue b/src/components/people/Researcher/ResearcherDocumentSimilars.vue
index 045bd25b..a579735c 100644
--- a/src/components/people/Researcher/ResearcherDocumentSimilars.vue
+++ b/src/components/people/Researcher/ResearcherDocumentSimilars.vue
@@ -2,7 +2,7 @@
   <BaseDrawer
     :is-opened="!!document"
     data-test="add-default-skills-drawer"
-    :title="`${t(`profile.${docType}-similars`)} (${count})`"
+    :title="`${t(`profile.${docType}-similars`)} (${countElement})`"
     class="medium"
     @close="emit('close')"
   >
@@ -16,9 +16,6 @@
           :similar="false"
         />
       </div>
-      <div class="documents-paginations">
-        <PaginationButtonsV2 :pagination="pagination" />
-      </div>
     </FetchLoader>
     <template #footer>
       <div class="documents-paginations">
@@ -48,6 +45,7 @@ const props = defineProps<{
 
 const organizationCode = useOrganizationCode()
 const documentId = computed(() => props.document?.id)
+const countElement = computed(() => pagination.count.value || props.document?.similars || 0)
 const LIMIT = 10
 const {
   status,
@@ -57,9 +55,8 @@ const {
   paginationConfig: {
     limit: LIMIT,
   },
-  default: () => factoryPagination(researchDocumentSkeleton, LIMIT),
+  default: () => factoryPagination(researchDocumentSkeleton, Math.min(countElement.value, LIMIT)),
 })
-const { count } = pagination
 </script>
 
 <style lang="scss">

From bbdb036254976ae9ab71f6f295437e5d556998ff Mon Sep 17 00:00:00 2001
From: rgermain <contact@germainremi.fr>
Date: Thu, 12 Mar 2026 15:39:07 +0100
Subject: [PATCH 2/3] fix: researcher documents

---
 .../GroupResearcherDocumentsList.vue          | 209 ------------------
 .../Researcher/OwnResearcherDocumentsList.vue | 209 ------------------
 .../Researcher/ResearcherDocumentSimilars.vue |  13 +-
 .../ResearcherDocumentsListBase.vue           |   4 +
 4 files changed, 11 insertions(+), 424 deletions(-)

diff --git a/src/components/people/Researcher/GroupResearcherDocumentsList.vue b/src/components/people/Researcher/GroupResearcherDocumentsList.vue
index 3711edb6..f75ebd6c 100644
--- a/src/components/people/Researcher/GroupResearcherDocumentsList.vue
+++ b/src/components/people/Researcher/GroupResearcherDocumentsList.vue
@@ -58,212 +58,3 @@ const {
   default: () => factoryPagination(researchDocumentSkeleton, props.limit),
 })
 </script>
-
-<style lang="scss" scoped>
-$profile-documents: 1rem;
-
-.profile-documents-container {
-  display: flex;
-  flex-direction: column;
-  justify-items: start;
-  gap: $profile-documents;
-}
-
-.documents-list > *:not(:last-child)::after {
-  content: '';
-  display: inline-block;
-  width: 100%;
-  height: 1.5px;
-  opacity: 0.7;
-  background-color: #d4d4d4;
-}
-
-.profile-info-container {
-  display: grid;
-  grid-template-columns: 50% 50%;
-  grid-template-rows: auto auto;
-}
-
-.profile-info-container:not(.preview) {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 1rem;
-
-  .doc-year-container > h5 {
-    text-align: center;
-  }
-}
-
-@media screen and (width <=pxToRem(1000px)) {
-  .profile-info-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 1rem;
-
-    .doc-year-container > h5 {
-      text-align: center;
-    }
-  }
-}
-
-.doc-year-container {
-  display: inline-flex;
-  justify-content: start;
-  align-items: baseline;
-  flex-direction: column;
-  gap: 1rem;
-
-  & > h5 {
-    opacity: 0.7;
-    font-size: 0.8rem;
-    width: 100%;
-  }
-}
-
-.doc-year {
-  display: flex;
-  justify-content: end;
-  gap: 2rem;
-}
-
-.doc-year-info-minyear {
-  align-self: baseline;
-}
-
-.doc-year-info-maxyear {
-  align-self: flex-end;
-}
-
-.doc-year-bar {
-  border: none;
-  margin: 0 1px;
-
-  --max-bar-height: 60;
-  --min-bar-height: 5;
-
-  width: 12.5px;
-  display: inline-block;
-  background-color: $primary-dark;
-  height: calc((var(--max-bar-height) * (var(--bar-count) / 100) + var(--min-bar-height)) * 1px);
-  transition: all 0.4s;
-  transform-origin: bottom;
-  border-radius: 20px;
-
-  & > span {
-    display: none;
-  }
-
-  &:not(.preview) {
-    cursor: pointer;
-    transform: translateZ(0);
-
-    &:hover:not(.selected) {
-      transform: translateZ(0) scale(120%);
-    }
-
-    &.selected:hover {
-      transform: translateZ(0) scale(105%);
-    }
-
-    &:not(:hover).disabled {
-      opacity: 0.5;
-    }
-
-    &.selected {
-      width: 4rem;
-      min-height: 1.5rem;
-      display: inline-flex;
-      vertical-align: bottom;
-
-      & > span {
-        color: white;
-        font-weight: bold;
-        text-align: center;
-        margin: auto;
-        display: block;
-      }
-    }
-  }
-}
-
-.doc-year-info {
-  display: flex;
-  width: 100%;
-  gap: 1rem;
-  align-items: baseline;
-  font-weight: bold;
-}
-
-.doc-numbers-container {
-  display: inline-flex;
-  justify-content: end;
-  gap: 2rem;
-}
-
-.doc-numbers {
-  display: flex;
-  flex-direction: column;
-  text-align: center;
-  border-radius: 12px;
-  border: none;
-  padding: 0.2rem 0.5rem;
-  transition: all 0.2s;
-
-  &:not(.preview) {
-    cursor: pointer;
-
-    &:hover,
-    &.selected {
-      background-color: $primary-dark;
-      color: white;
-
-      & :first-child {
-        color: white;
-      }
-    }
-
-    &.disabled {
-      opacity: 0.6;
-    }
-  }
-
-  & :first-child {
-    color: $primary-dark;
-    font-size: 2rem;
-  }
-
-  & :last-child {
-    opacity: 0.6;
-    text-transform: capitalize;
-  }
-}
-
-.m-auto {
-  margin: auto;
-}
-
-.documents-loading,
-.documents-empty {
-  width: 100%;
-  text-align: center;
-  opacity: 0.5;
-  font-style: italic;
-  font-weight: bold;
-}
-
-.doc-roles {
-  margin: 0;
-  border: 0;
-  background-color: unset;
-
-  > :not(.preview) {
-    cursor: pointer;
-
-    &.disaled {
-      opacity: 0.4;
-    }
-  }
-}
-</style>
diff --git a/src/components/people/Researcher/OwnResearcherDocumentsList.vue b/src/components/people/Researcher/OwnResearcherDocumentsList.vue
index 9ac3f2f1..263caad7 100644
--- a/src/components/people/Researcher/OwnResearcherDocumentsList.vue
+++ b/src/components/people/Researcher/OwnResearcherDocumentsList.vue
@@ -50,212 +50,3 @@ const {
   default: () => factoryPagination(researchDocumentSkeleton, props.limit),
 })
 </script>
-
-<style lang="scss" scoped>
-$profile-documents: 1rem;
-
-.profile-documents-container {
-  display: flex;
-  flex-direction: column;
-  justify-items: start;
-  gap: $profile-documents;
-}
-
-.documents-list > *:not(:last-child)::after {
-  content: '';
-  display: inline-block;
-  width: 100%;
-  height: 1.5px;
-  opacity: 0.7;
-  background-color: #d4d4d4;
-}
-
-.profile-info-container {
-  display: grid;
-  grid-template-columns: 50% 50%;
-  grid-template-rows: auto auto;
-}
-
-.profile-info-container:not(.preview) {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 1rem;
-
-  .doc-year-container > h5 {
-    text-align: center;
-  }
-}
-
-@media screen and (width <= pxToRem(1000px)) {
-  .profile-info-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 1rem;
-
-    .doc-year-container > h5 {
-      text-align: center;
-    }
-  }
-}
-
-.doc-year-container {
-  display: inline-flex;
-  justify-content: start;
-  align-items: baseline;
-  flex-direction: column;
-  gap: 1rem;
-
-  & > h5 {
-    opacity: 0.7;
-    font-size: 0.8rem;
-    width: 100%;
-  }
-}
-
-.doc-year {
-  display: flex;
-  justify-content: end;
-  gap: 2rem;
-}
-
-.doc-year-info-minyear {
-  align-self: baseline;
-}
-
-.doc-year-info-maxyear {
-  align-self: flex-end;
-}
-
-.doc-year-bar {
-  border: none;
-  margin: 0 1px;
-
-  --max-bar-height: 60;
-  --min-bar-height: 5;
-
-  width: 12.5px;
-  display: inline-block;
-  background-color: $primary-dark;
-  height: calc((var(--max-bar-height) * (var(--bar-count) / 100) + var(--min-bar-height)) * 1px);
-  transition: all 0.4s;
-  transform-origin: bottom;
-  border-radius: 20px;
-
-  & > span {
-    display: none;
-  }
-
-  &:not(.preview) {
-    cursor: pointer;
-    transform: translateZ(0);
-
-    &:hover:not(.selected) {
-      transform: translateZ(0) scale(120%);
-    }
-
-    &.selected:hover {
-      transform: translateZ(0) scale(105%);
-    }
-
-    &:not(:hover).disabled {
-      opacity: 0.5;
-    }
-
-    &.selected {
-      width: 4rem;
-      min-height: 1.5rem;
-      display: inline-flex;
-      vertical-align: bottom;
-
-      & > span {
-        color: white;
-        font-weight: bold;
-        text-align: center;
-        margin: auto;
-        display: block;
-      }
-    }
-  }
-}
-
-.doc-year-info {
-  display: flex;
-  width: 100%;
-  gap: 1rem;
-  align-items: baseline;
-  font-weight: bold;
-}
-
-.doc-numbers-container {
-  display: inline-flex;
-  justify-content: end;
-  gap: 2rem;
-}
-
-.doc-numbers {
-  display: flex;
-  flex-direction: column;
-  text-align: center;
-  border-radius: 12px;
-  border: none;
-  padding: 0.2rem 0.5rem;
-  transition: all 0.2s;
-
-  &:not(.preview) {
-    cursor: pointer;
-
-    &:hover,
-    &.selected {
-      background-color: $primary-dark;
-      color: white;
-
-      & :first-child {
-        color: white;
-      }
-    }
-
-    &.disabled {
-      opacity: 0.6;
-    }
-  }
-
-  & :first-child {
-    color: $primary-dark;
-    font-size: 2rem;
-  }
-
-  & :last-child {
-    opacity: 0.6;
-    text-transform: capitalize;
-  }
-}
-
-.m-auto {
-  margin: auto;
-}
-
-.documents-loading,
-.documents-empty {
-  width: 100%;
-  text-align: center;
-  opacity: 0.5;
-  font-style: italic;
-  font-weight: bold;
-}
-
-.doc-roles {
-  margin: 0;
-  border: 0;
-  background-color: unset;
-
-  > :not(.preview) {
-    cursor: pointer;
-
-    &.disaled {
-      opacity: 0.4;
-    }
-  }
-}
-</style>
diff --git a/src/components/people/Researcher/ResearcherDocumentSimilars.vue b/src/components/people/Researcher/ResearcherDocumentSimilars.vue
index 045bd25b..d3bbc67e 100644
--- a/src/components/people/Researcher/ResearcherDocumentSimilars.vue
+++ b/src/components/people/Researcher/ResearcherDocumentSimilars.vue
@@ -2,8 +2,9 @@
   <BaseDrawer
     :is-opened="!!document"
     data-test="add-default-skills-drawer"
-    :title="`${t(`profile.${docType}-similars`)} (${count})`"
+    :title="`${t(`profile.${docType}-similars`)} (${countElement})`"
     class="medium"
+    :no-footer="!havePagination"
     @close="emit('close')"
   >
     <FetchLoader :status="status" only-error skeleton>
@@ -16,9 +17,6 @@
           :similar="false"
         />
       </div>
-      <div class="documents-paginations">
-        <PaginationButtonsV2 :pagination="pagination" />
-      </div>
     </FetchLoader>
     <template #footer>
       <div class="documents-paginations">
@@ -57,9 +55,12 @@ const {
   paginationConfig: {
     limit: LIMIT,
   },
-  default: () => factoryPagination(researchDocumentSkeleton, LIMIT),
+  default: () =>
+    factoryPagination(researchDocumentSkeleton, Math.min(props.document?.similars ?? LIMIT)),
 })
-const { count } = pagination
+const countElement = computed(() => pagination.count.value || props.document?.similars || 0)
+
+const havePagination = computed(() => pagination.canNext.value || pagination.canPrev.value)
 </script>
 
 <style lang="scss">
diff --git a/src/components/people/Researcher/ResearcherDocumentsListBase.vue b/src/components/people/Researcher/ResearcherDocumentsListBase.vue
index f9a77c07..01d4cbc9 100644
--- a/src/components/people/Researcher/ResearcherDocumentsListBase.vue
+++ b/src/components/people/Researcher/ResearcherDocumentsListBase.vue
@@ -342,6 +342,10 @@ $profile-documents: 1rem;
   gap: 1rem;
   align-items: baseline;
   font-weight: bold;
+
+  @media screen and (width <=pxToRem(1000px)) {
+    justify-content: center;
+  }
 }
 
 .doc-numbers-container {

From e3f5ddf6d71594e7b17a461e50874ea56e7a7674 Mon Sep 17 00:00:00 2001
From: rgermain <contact@germainremi.fr>
Date: Thu, 12 Mar 2026 17:32:54 +0100
Subject: [PATCH 3/3] fix: min/max

---
 src/components/people/Researcher/ResearcherDocumentSimilars.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/people/Researcher/ResearcherDocumentSimilars.vue b/src/components/people/Researcher/ResearcherDocumentSimilars.vue
index d3bbc67e..226bd339 100644
--- a/src/components/people/Researcher/ResearcherDocumentSimilars.vue
+++ b/src/components/people/Researcher/ResearcherDocumentSimilars.vue
@@ -56,7 +56,7 @@ const {
     limit: LIMIT,
   },
   default: () =>
-    factoryPagination(researchDocumentSkeleton, Math.min(props.document?.similars ?? LIMIT)),
+    factoryPagination(researchDocumentSkeleton, Math.min(props.document?.similars ?? 0, LIMIT)),
 })
 const countElement = computed(() => pagination.count.value || props.document?.similars || 0)