From 8cfae6bfce01992e519e7485af790f2df4236351 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Tue, 24 Oct 2023 15:56:35 +0200
Subject: [PATCH 01/13] =?UTF-8?q?THE-922-NUXT=20impl=C3=A9mentation=20tiro?=
 =?UTF-8?q?irs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                  |   2 +-
 components/theses/ButtonsList.vue     | 105 ++++++++++++++++++++------
 components/theses/TheseView.vue       |  14 ++--
 components/theses/ThesisComponent.vue |  11 ++-
 package-lock.json                     |  19 +----
 5 files changed, 98 insertions(+), 53 deletions(-)

diff --git a/.env b/.env
index e8b5fe86..8fa646f6 100644
--- a/.env
+++ b/.env
@@ -1,3 +1,3 @@
-NUXT_APP_API=https://beta.theses.fr/api/v1/
+NUXT_APP_API=https://v2-test.theses.fr/api/v1/
 NUXT_APP_APIREF=https://apicom.sudoc.fr/wsReferentiels/v1/
 NUXT_APP_RECAPTCHA=
diff --git a/components/theses/ButtonsList.vue b/components/theses/ButtonsList.vue
index 9ea577c1..2a98f5e3 100644
--- a/components/theses/ButtonsList.vue
+++ b/components/theses/ButtonsList.vue
@@ -1,33 +1,71 @@
 <template>
   <MessageBox ref="messageBox"></MessageBox>
   <div class="buttons">
-    <div v-if="buttonsList.length > 0">
       <div class="buttons-header">
         <span>{{ $t("theseView.access") }}</span>
         <button v-if="mobile" @click="closeOverlay" class="close-icon" elevation="0" color="transparent">
           <div class="close-overlay-icon-wrapper">
-            <div><v-icon size="35">mdi-close-box</v-icon></div>
+            <div>
+              <v-icon size="35">mdi-close-box</v-icon>
+            </div>
           </div>
         </button>
       </div>
-      <div class="buttons-sub-header">
-        <div class="header-container no-wrap-text">
-          <v-icon color="primary" class="menu-icon">mdi-certificate</v-icon>
-          <span class="buttons-title-header">{{ $t("theseView.valide") }}</span>
-        </div>
-      </div>
-      <div class="buttons-list-wrapper" v-if="soutenue">
-        <div class="buttons-list no-wrap-text" v-for="b in buttonsList" :key="b">
-          <v-btn v-if="b.url" color="secondary-darken-2" append-icon="mdi-arrow-right-circle" flat :href="baseURL + b.url"
-            target="_blank" :title="b.libelle" :aria-label="b.libelle">{{
-              b.libelle }}</v-btn>
-          <span v-else>
-            <span v-if="b.libelle === 'Embargo'">{{ $t("theseView.embargo") }} {{ b.dateFin }}</span>
-            <span v-if="b.libelle === 'Confidentialité'">{{ $t("theseView.confidentialite") }} {{ b.dateFin }}</span>
-          </span>
-        </div>
-      </div>
-    </div>
+
+      <!--  Catégorie validé par le jury -->
+      <v-expansion-panels v-if="categoriesValide.length > 0 && soutenue">
+        <v-expansion-panel class="buttons-sub-header">
+          <v-expansion-panel-title class="header-container no-wrap-text">
+            <v-icon color="primary" class="menu-icon">mdi-certificate</v-icon>
+            <span class="buttons-title-header">{{ $t("theseView.valide") }}</span>
+          </v-expansion-panel-title>
+          <v-expansion-panel-text>
+            <div v-for="sousCategorie in categoriesValide" class="buttons-list-wrapper" :key="sousCategorie.libelle">
+              <div v-if="sousCategorie.boutons.length > 0">
+                <!--            Intitulé de la catégorie-->
+                <div class="sous-categorie-header">
+                  <span>{{ sousCategorie.libelle }}</span>
+                </div>
+                <div class="buttons-list" v-for="b in sousCategorie.boutons" :key="b">
+                  <v-btn v-if="b.url" color="secondary-darken-2" append-icon="mdi-arrow-right-circle" flat
+                         :href="b.url.startsWith('http') ? b.url : baseURL + b.url"
+                         target="_blank" :title="b.libelle" :aria-label="b.libelle">{{
+                      b.libelle }}
+                  </v-btn>
+                  <span class="texte-embargo" v-else>
+                      <span v-if="b.libelle === 'Embargo'">{{ $t("theseView.embargo") }} {{ b.dateFin }}</span>
+                      <span v-if="b.libelle === 'Confidentialité'">{{ $t("theseView.confidentialite") }} {{ b.dateFin
+                        }}</span>
+                    </span>
+                </div>
+              </div>
+            </div>
+          </v-expansion-panel-text>
+        </v-expansion-panel>
+      </v-expansion-panels>
+      <!--  Catégorie Autres versions-->
+      <v-expansion-panels v-if="boutonsAutres.length > 0 && soutenue">
+        <v-expansion-panel class="buttons-sub-header">
+          <v-expansion-panel-title>
+            <v-icon color="primary" class="menu-icon">mdi-list-box</v-icon>
+            <span class="buttons-title-header">{{ $t("theseView.others") }}</span>
+          </v-expansion-panel-title>
+          <v-expansion-panel-text>
+            <div v-for="b in boutonsAutres" class="buttons-list" :key="b.libelle">
+              <v-btn v-if="b.url" color="secondary-darken-2" append-icon="mdi-arrow-right-circle" flat
+                     :href="b.url.startsWith('http') ? b.url : baseURL + b.url"
+                     target="_blank" :title="b.libelle" :aria-label="b.libelle">{{
+                  b.libelle }}
+              </v-btn>
+              <span class="texte-embargo" v-else>
+                      <span v-if="b.libelle === 'Embargo'">{{ $t("theseView.embargo") }} {{ b.dateFin }}</span>
+                      <span v-if="b.libelle === 'Confidentialité'">{{ $t("theseView.confidentialite") }} {{ b.dateFin
+                        }}</span>
+                    </span>
+            </div>
+          </v-expansion-panel-text>
+        </v-expansion-panel>
+      </v-expansion-panels>
   </div>
 
   <!-- Modal Accès ESR -->
@@ -54,12 +92,14 @@ const { mobile } = useDisplay();
 const MessageBox = defineAsyncComponent(() => import('@/components/common/MessageBox.vue'));
 const messageBox = ref(null);
 
-defineProps({
-  buttonsList: {
+const props = defineProps({
+  categories: {
     type: Object,
+    default: []
   },
   soutenue: {
     type: Boolean,
+    default: false
   }
 });
 
@@ -71,6 +111,14 @@ const baseURL = config.public.API;
 const dialog = ref(false);
 const checkboxModal = ref(false);
 const dialogUrl = ref("");
+const categoriesValide = ref([]);
+const boutonsAutres = ref([]);
+
+watch(() => props.categories, () => {
+  console.info("oi")
+  categoriesValide.value = props.categories.filter((category) => category.libelle === "Validé par le jury")[0]['sousCategories'];
+  boutonsAutres.value = props.categories.filter((category) => category.libelle === "Autres versions")[0]['boutons'];
+});
 
 /**
  * Fonctions
@@ -110,8 +158,18 @@ function closeOverlay() {
     padding: unset;
     font-size: 16px;
   }
+}
 
-  margin-bottom: 0.6em;
+.sous-categorie-header, .texte-embargo {
+  overflow: hidden;
+  padding: 0 1em;
+  margin-bottom: 0.3em;
+  font-size: 16px;
+  text-align: start;
+}
+
+.sous-categorie-header {
+  font-weight: 500;
 }
 
 .header-container {
@@ -163,6 +221,7 @@ function closeOverlay() {
 .buttons-list-wrapper {
   display: flex;
   justify-content: center;
+  flex-direction: column;
 }
 
 .buttons-list {
diff --git a/components/theses/TheseView.vue b/components/theses/TheseView.vue
index 08374cbd..0ac80d2f 100644
--- a/components/theses/TheseView.vue
+++ b/components/theses/TheseView.vue
@@ -15,7 +15,7 @@
     <ClientOnly>
       <v-dialog v-model="dialogVisible" eager location-strategy="static" persistent no-click-animation fullscreen
         :close-on-content-click="false" transition="dialog-top-transition" content-class="full-screen">
-        <LazyThesesButtonsList v-if="buttonsReady" :soutenue="these.status === 'soutenue'" :buttons-list="buttonsList"
+        <LazyThesesButtonsList v-if="buttonsReady" :soutenue="these.status === 'soutenue'" :categories="categories"
           @closeOverlay="closeOverlay"></LazyThesesButtonsList>
       </v-dialog>
     </ClientOnly>
@@ -41,7 +41,7 @@
       <div class="thesis-components white-containers">
         <!-- TODO: Semble générer un bug lors de l'hydratation-->
         <ThesesThesisComponent v-if="dataReady" :soutenue="these.status === 'soutenue'" :nnt="props.id" :these="these"
-          :buttons-list="buttonsList"></ThesesThesisComponent>
+                               :categories="categories"></ThesesThesisComponent>
         <ClientOnly>
           <ThesesThesisSkeleton v-if="!dataReady"></ThesesThesisSkeleton>
         </ClientOnly>
@@ -51,7 +51,7 @@
 </template>
 
 <script setup>
-import { ref, defineAsyncComponent } from "vue";
+import { ref, defineAsyncComponent, toRaw } from "vue";
 import { useDisplay } from "vuetify";
 
 const MessageBox = defineAsyncComponent(() => import('../common/MessageBox.vue'));
@@ -66,7 +66,7 @@ const dataReady = ref(false);
 const buttonsReady = ref(false);
 const these = ref({});
 const resume = ref("");
-const buttonsList = ref([]);
+const categories = ref([]);
 const hasScrolled = ref(false);
 let isServer = false;
 if (process.server) isServer = true;
@@ -84,7 +84,7 @@ if (!isServer) {
 getThese(props.id).then(result => {
   these.value = result.data.value;
   resume.value = these.value.resumes.fr;
-  loadButtons(these.value);
+  loadButtons(toRaw(these.value));
 
   dataReady.value = !result.pending.value;
 }).catch(error => {
@@ -109,8 +109,7 @@ function closeOverlay() {
 function loadButtons(these) {
   if (these.status === 'soutenue') {
     getButtons(these.nnt).then((res) => {
-      buttonsList.value = res.data.value.buttons;
-      buttonsReady.value = !res.pending.value;
+      categories.value = res.data.value.categories;
     })
       .catch((err) => {
         displayError("Accès en ligne : " + err.message);
@@ -239,7 +238,6 @@ function sleep(ms) {
 
 .enCours {
   background-color: rgb(var(--v-theme-secondary));
-  ;
 }
 
 .v-list {
diff --git a/components/theses/ThesisComponent.vue b/components/theses/ThesisComponent.vue
index 0184ee24..2fbd9df5 100644
--- a/components/theses/ThesisComponent.vue
+++ b/components/theses/ThesisComponent.vue
@@ -7,7 +7,7 @@
       <!-- Bare latérale Desktop -->
       <div v-if="!mobile && soutenue" class="access-buttons">
         <!-- Menu boutons-liens desktop-->
-        <ThesesButtonsList v-if="!mobile" :buttons-list="buttonsList" :soutenue="soutenue">
+        <ThesesButtonsList v-if="!mobile" :categories="categories" :soutenue="soutenue">
         </ThesesButtonsList>
       </div>
 
@@ -48,8 +48,13 @@ const props = defineProps({
   soutenue: {
     type: Boolean
   },
-  buttonsList: {
+  dataReady: {
+    type: Boolean,
+    default: false
+  },
+  categories: {
     type: Object,
+    default: []
   }
 });
 
@@ -138,8 +143,8 @@ watchEffect(() => {
 
 .access-buttons {
   grid-column-start: 1;
+  grid-column-end: 2;
   grid-row-start: 2;
-
 }
 
 .thesis-info-wrapper {
diff --git a/package-lock.json b/package-lock.json
index e14dbd6f..70d43980 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,6 +16,7 @@
         "@invictus.codes/nuxt-vuetify": "0.2.20",
         "@nuxt/devtools": "latest",
         "@nuxtjs/i18n": "npm:@nuxtjs/i18n-edge@^8.0.0-rc.4-28252997.568c274",
+        "axios": "^1.5.1",
         "nuxt": "^3.7.3",
         "sass": "^1.68.0",
         "vite-plugin-vuetify": "^1.0.2",
@@ -1302,24 +1303,6 @@
         }
       }
     },
-    "node_modules/@invictus.codes/nuxt-vuetify": {
-      "version": "0.2.20",
-      "resolved": "https://registry.npmjs.org/@invictus.codes/nuxt-vuetify/-/nuxt-vuetify-0.2.20.tgz",
-      "integrity": "sha512-Q6c/aWfuK0cntG6cQo4FkbXNsI63D4O80v0MOtxKLap98P8cWFKrznycbGHrHkeeqADWehZii94XjmDhrT8Fkw==",
-      "dev": true,
-      "dependencies": {
-        "@nuxt/kit": "^3.3.2",
-        "defu": "^6.1.2",
-        "vite-plugin-vuetify": "^1.0.2",
-        "vuetify": "^3.1.12"
-      },
-      "engines": {
-        "node": ">=16.0.0",
-        "npm": ">=8.0.0",
-        "pnpm": ">=7.0.0",
-        "yarn": ">=1.0.0"
-      }
-    },
     "node_modules/@ioredis/commands": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@ioredis/commands/-/commands-1.2.0.tgz",

From acf172e7e9241429e37da85758ca355ae7557580 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Tue, 24 Oct 2023 17:53:39 +0200
Subject: [PATCH 02/13] THE-922-NUXT adapation du layout vuetify

---
 components/theses/ButtonsList.vue | 48 +++++++++++++++++++------------
 1 file changed, 30 insertions(+), 18 deletions(-)

diff --git a/components/theses/ButtonsList.vue b/components/theses/ButtonsList.vue
index 2a98f5e3..6544fb71 100644
--- a/components/theses/ButtonsList.vue
+++ b/components/theses/ButtonsList.vue
@@ -13,20 +13,19 @@
       </div>
 
       <!--  Catégorie validé par le jury -->
-      <v-expansion-panels v-if="categoriesValide.length > 0 && soutenue">
-        <v-expansion-panel class="buttons-sub-header">
-          <v-expansion-panel-title class="header-container no-wrap-text">
+      <div v-if="categoriesValide.length > 0 && soutenue">
+          <div class="header-container no-wrap-text">
             <v-icon color="primary" class="menu-icon">mdi-certificate</v-icon>
             <span class="buttons-title-header">{{ $t("theseView.valide") }}</span>
-          </v-expansion-panel-title>
-          <v-expansion-panel-text>
-            <div v-for="sousCategorie in categoriesValide" class="buttons-list-wrapper" :key="sousCategorie.libelle">
-              <div v-if="sousCategorie.boutons.length > 0">
+          </div>
+            <v-expansion-panels v-model="panel" variant="accordion" multiple v-for="sousCategorie in categoriesValide" class="buttons-list-wrapper" :key="sousCategorie.libelle">
+              <v-expansion-panel :value="sousCategorie.libelle" v-if="sousCategorie.boutons.length > 0">
                 <!--            Intitulé de la catégorie-->
-                <div class="sous-categorie-header">
-                  <span>{{ sousCategorie.libelle }}</span>
-                </div>
-                <div class="buttons-list" v-for="b in sousCategorie.boutons" :key="b">
+                <v-expansion-panel-title class="sous-categorie-header">
+                  {{ sousCategorie.libelle }}
+                </v-expansion-panel-title>
+                <v-expansion-panel-text>
+                  <div class="buttons-list" v-for="b in sousCategorie.boutons" :key="b">
                   <v-btn v-if="b.url" color="secondary-darken-2" append-icon="mdi-arrow-right-circle" flat
                          :href="b.url.startsWith('http') ? b.url : baseURL + b.url"
                          target="_blank" :title="b.libelle" :aria-label="b.libelle">{{
@@ -37,12 +36,11 @@
                       <span v-if="b.libelle === 'Confidentialité'">{{ $t("theseView.confidentialite") }} {{ b.dateFin
                         }}</span>
                     </span>
-                </div>
-              </div>
-            </div>
-          </v-expansion-panel-text>
-        </v-expansion-panel>
-      </v-expansion-panels>
+                  </div>
+                </v-expansion-panel-text>
+              </v-expansion-panel>
+            </v-expansion-panels>
+      </div>
       <!--  Catégorie Autres versions-->
       <v-expansion-panels v-if="boutonsAutres.length > 0 && soutenue">
         <v-expansion-panel class="buttons-sub-header">
@@ -114,8 +112,10 @@ const dialogUrl = ref("");
 const categoriesValide = ref([]);
 const boutonsAutres = ref([]);
 
+const panel = ref(["Dépôt national"]);
+
 watch(() => props.categories, () => {
-  console.info("oi")
+  console.dir(props.categories)
   categoriesValide.value = props.categories.filter((category) => category.libelle === "Validé par le jury")[0]['sousCategories'];
   boutonsAutres.value = props.categories.filter((category) => category.libelle === "Autres versions")[0]['boutons'];
 });
@@ -222,6 +222,18 @@ function closeOverlay() {
   display: flex;
   justify-content: center;
   flex-direction: column;
+
+  :deep(.v-expansion-panel__shadow) {
+    box-shadow: unset;
+  }
+
+  :deep(.v-expansion-panel-title__overlay) {
+    background-color: rgb(var(--v-theme-surface));
+  }
+
+  :deep(.v-expansion-panel-text__wrapper) {
+    padding: unset;
+  }
 }
 
 .buttons-list {

From 5a09410a9f0e344c54b4ef546ebd611e91830ebd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Wed, 25 Oct 2023 14:21:19 +0200
Subject: [PATCH 03/13] THE-922-NUXT depot national layout + textes longs en
 deux lignes sur les boutons

---
 components/theses/ButtonsList.vue | 14 +++++++++++++-
 components/theses/TheseView.vue   |  6 ++----
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/components/theses/ButtonsList.vue b/components/theses/ButtonsList.vue
index 6544fb71..65dd5ea6 100644
--- a/components/theses/ButtonsList.vue
+++ b/components/theses/ButtonsList.vue
@@ -177,6 +177,7 @@ function closeOverlay() {
   display: grid;
   grid-template-columns: 1fr 1fr 100fr;
   grid-template-rows: 20% 60% 20%;
+  padding: 0 10px;
 
   @media #{ map-get(settings.$display-breakpoints, 'md-and-down')} {
     width: 100%;
@@ -223,6 +224,10 @@ function closeOverlay() {
   justify-content: center;
   flex-direction: column;
 
+  :deep(.v-expansion-panel-title) {
+    min-height: 28px;
+  }
+
   :deep(.v-expansion-panel__shadow) {
     box-shadow: unset;
   }
@@ -234,6 +239,10 @@ function closeOverlay() {
   :deep(.v-expansion-panel-text__wrapper) {
     padding: unset;
   }
+
+  :deep(.v-btn__content) {
+    white-space: break-spaces;
+  }
 }
 
 .buttons-list {
@@ -242,11 +251,14 @@ function closeOverlay() {
   align-items: center;
 
   .v-btn {
-    width: 85%;
     display: inline-flex;
     justify-content: space-between;
     text-transform: none;
     margin-bottom: 1em;
+
+    @media #{ map-get(settings.$display-breakpoints, 'md-and-down')} {
+      width: 85%;
+    }
   }
 }
 
diff --git a/components/theses/TheseView.vue b/components/theses/TheseView.vue
index 0ac80d2f..0ca65743 100644
--- a/components/theses/TheseView.vue
+++ b/components/theses/TheseView.vue
@@ -42,9 +42,8 @@
         <!-- TODO: Semble générer un bug lors de l'hydratation-->
         <ThesesThesisComponent v-if="dataReady" :soutenue="these.status === 'soutenue'" :nnt="props.id" :these="these"
                                :categories="categories"></ThesesThesisComponent>
-        <ClientOnly>
-          <ThesesThesisSkeleton v-if="!dataReady"></ThesesThesisSkeleton>
-        </ClientOnly>
+
+        <ThesesThesisSkeleton v-if="!dataReady"></ThesesThesisSkeleton>
       </div>
     </div>
   </div>
@@ -187,7 +186,6 @@ function sleep(ms) {
   display: grid;
   grid-template-columns: 10fr 103fr 10fr;
   align-items: start;
-  margin-top: 0;
   width: 100%;
 
   @media #{ map-get(settings.$display-breakpoints, 'sm-and-down')} {

From c606f3e04a590a1653dab64d617c6b936ccf342b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Wed, 25 Oct 2023 18:15:16 +0200
Subject: [PATCH 04/13] THE-922-NUXT layout autres versions + passage du texte
 embargo avant les boutons

---
 components/theses/ButtonsList.vue | 73 +++++++++++++++++++++++--------
 locales/fr.json                   |  3 +-
 2 files changed, 56 insertions(+), 20 deletions(-)

diff --git a/components/theses/ButtonsList.vue b/components/theses/ButtonsList.vue
index 65dd5ea6..694e9b0f 100644
--- a/components/theses/ButtonsList.vue
+++ b/components/theses/ButtonsList.vue
@@ -42,28 +42,30 @@
             </v-expansion-panels>
       </div>
       <!--  Catégorie Autres versions-->
-      <v-expansion-panels v-if="boutonsAutres.length > 0 && soutenue">
-        <v-expansion-panel class="buttons-sub-header">
+    <div v-if="boutonsAutres.length > 0 && soutenue">
+      <v-expansion-panels>
+        <v-expansion-panel class="buttons-sub-header buttons-sub-header-other">
           <v-expansion-panel-title>
             <v-icon color="primary" class="menu-icon">mdi-list-box</v-icon>
-            <span class="buttons-title-header">{{ $t("theseView.others") }}</span>
+            <span class="buttons-title-header buttons-title-header-other">{{ $t("theseView.others") }}</span>
           </v-expansion-panel-title>
           <v-expansion-panel-text>
-            <div v-for="b in boutonsAutres" class="buttons-list" :key="b.libelle">
-              <v-btn v-if="b.url" color="secondary-darken-2" append-icon="mdi-arrow-right-circle" flat
-                     :href="b.url.startsWith('http') ? b.url : baseURL + b.url"
-                     target="_blank" :title="b.libelle" :aria-label="b.libelle">{{
-                  b.libelle }}
-              </v-btn>
-              <span class="texte-embargo" v-else>
+            <div class="buttons-list" v-for="b in boutonsAutres" :key="b.libelle">
+              <span class="texte-embargo" v-if="typeof b.url === 'undefined'">
                       <span v-if="b.libelle === 'Embargo'">{{ $t("theseView.embargo") }} {{ b.dateFin }}</span>
                       <span v-if="b.libelle === 'Confidentialité'">{{ $t("theseView.confidentialite") }} {{ b.dateFin
                         }}</span>
                     </span>
+              <v-btn v-else color="secondary-darken-2" append-icon="mdi-arrow-right-circle" flat
+                     :href="b.url.startsWith('http') ? b.url : baseURL + b.url"
+                     target="_blank" :title="b.libelle" :aria-label="b.libelle">{{
+                  b.libelle }}
+              </v-btn>
             </div>
           </v-expansion-panel-text>
         </v-expansion-panel>
       </v-expansion-panels>
+    </div>
   </div>
 
   <!-- Modal Accès ESR -->
@@ -160,6 +162,42 @@ function closeOverlay() {
   }
 }
 
+.buttons-sub-header-other {
+  overflow: unset !important;
+  display: unset !important;
+  padding: unset !important;
+
+  :deep(.v-expansion-panel-title__overlay) {
+    background-color: rgb(var(--v-theme-surface));
+  }
+
+  :deep(.v-expansion-panel__shadow) {
+    box-shadow: unset;
+  }
+
+  :deep(.v-expansion-panel-title) {
+    min-height: 28px;
+    padding: 0 0.8em;
+  }
+
+  :deep(.v-expansion-panel-text) {
+    padding-top: 0.3em;
+  }
+
+  :deep(.v-expansion-panel-text__wrapper) {
+    padding: unset;
+  }
+
+  :deep(.v-btn__content) {
+    white-space: break-spaces;
+  }
+
+  :deep(.v-btn--density-default) {
+    height: unset;
+    padding: 0.8em 1em;
+  }
+}
+
 .sous-categorie-header, .texte-embargo {
   overflow: hidden;
   padding: 0 1em;
@@ -219,6 +257,10 @@ function closeOverlay() {
   }
 }
 
+.buttons-title-header-other {
+  margin-top: 0 !important;
+}
+
 .buttons-list-wrapper {
   display: flex;
   justify-content: center;
@@ -255,12 +297,9 @@ function closeOverlay() {
     justify-content: space-between;
     text-transform: none;
     margin-bottom: 1em;
-
-    @media #{ map-get(settings.$display-breakpoints, 'md-and-down')} {
-      width: 85%;
-    }
+    width: 80%;
+  }
   }
-}
 
 .buttons,
 .skeleton-loader-wrapper {
@@ -268,10 +307,6 @@ function closeOverlay() {
   flex-direction: column;
   border-right: 2px solid rgb(var(--v-theme-gris-clair));
 
-  .buttons-list {
-    width: 85%;
-  }
-
   .skeleton {
     height: 36px !important;
     width: 85%;
diff --git a/locales/fr.json b/locales/fr.json
index b8610ae8..c408ef5b 100644
--- a/locales/fr.json
+++ b/locales/fr.json
@@ -88,7 +88,8 @@
     "modalContent": "<h1>Avertissement</h1><br />L’auteur de la thèse n’a pas autorisé sa diffusion libre sur internet.<br /><br />Conformément à la réglementation nationale en vigueur, définie, <ul><li>entre le 1er septembre 2006 et le 1er septembre 2016, par les arrêtés du 7 août 2006 <a href='https://www.legifrance.gouv.fr/loda/id/JORFTEXT000000267752' target='_blank'>relatif à la formation doctorale</a> et <a href='https://www.legifrance.gouv.fr/loda/id/JORFTEXT000000635069' target='_blank'>relatif aux modalités de dépôt, de signalement, de reproduction, de diffusion et de conservation des thèses ou des travaux présentés en soutenance en vue du doctorat</a>, </li><li>à compter du 1er septembre 2016, par <a href='https://www.legifrance.gouv.fr/loda/id/LEGIARTI000032588123' target='_blank'>l’arrêté du 25 mai 2016 fixant le cadre national de la formation et les modalités conduisant à la délivrance du diplôme national de doctorat</a>, mis à jour le 26 août 2022,</li></ul><br /><u><strong>La thèse est diffusable uniquement au sein de la communauté universitaire française.</strong></u> Si vous êtes membres de ladite communauté universitaire (étudiants, enseignants, chercheurs, personnels), vous pouvez accéder au document en vous authentifiant avec le login et le mot de passe que vous utilisez habituellement au sein de votre établissement de rattachement.<br /><br />Cette thèse étant une œuvre de l’esprit, elle est protégée par le Code de la Propriété Intellectuelle. Le ou les fichiers que vous allez télécharger en votre qualité de membre de la communauté universitaire française <strong>ne peuvent être utilisés en dehors du cadre fixé par le droit à la copie privée </strong><a href='https://www.legifrance.gouv.fr/codes/article_lc/LEGIARTI000044365551' target='_blank'>(article L122-5, 2°, du CPI)</a>. Tout plagiat ou contrefaçon, ainsi que toute reproduction illicite ou diffusion effectuée en dehors du cadre privé sans autorisation préalable de l’auteur, est strictement interdit et vous expose à des sanctions pénales allant jusqu’à 3 ans d’emprisonnement et 300 000€ d’amende.",
     "modalAgree": "J’ai pris connaissance de la réglementation nationale et des conditions d’utilisation de la thèse.",
     "modalOk": "Valider",
-    "modalCancel": "Annuler"
+    "modalCancel": "Annuler",
+    "others": "Autres versions"
   },
   "organismeView": {
     "etabSoutenance": "{0} thèse(s) soutenue(s) dans cet établissement",

From 8f20b0e54c31d0aabb5fcda3a34563e0b3a2ec7d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Thu, 26 Oct 2023 11:53:56 +0200
Subject: [PATCH 05/13] =?UTF-8?q?THE-922-NUXT=20condition=20affichage=20bo?=
 =?UTF-8?q?utons=20si=20categories=20peupl=C3=A9=20+=20padding=20boutons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/theses/ButtonsList.vue | 8 ++++++--
 components/theses/TheseView.vue   | 5 ++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/components/theses/ButtonsList.vue b/components/theses/ButtonsList.vue
index 694e9b0f..3c1d329e 100644
--- a/components/theses/ButtonsList.vue
+++ b/components/theses/ButtonsList.vue
@@ -1,6 +1,6 @@
 <template>
   <MessageBox ref="messageBox"></MessageBox>
-  <div class="buttons">
+  <div class="buttons" v-if="categories.length > 0">
       <div class="buttons-header">
         <span>{{ $t("theseView.access") }}</span>
         <button v-if="mobile" @click="closeOverlay" class="close-icon" elevation="0" color="transparent">
@@ -117,7 +117,6 @@ const boutonsAutres = ref([]);
 const panel = ref(["Dépôt national"]);
 
 watch(() => props.categories, () => {
-  console.dir(props.categories)
   categoriesValide.value = props.categories.filter((category) => category.libelle === "Validé par le jury")[0]['sousCategories'];
   boutonsAutres.value = props.categories.filter((category) => category.libelle === "Autres versions")[0]['boutons'];
 });
@@ -299,7 +298,12 @@ function closeOverlay() {
     margin-bottom: 1em;
     width: 80%;
   }
+
+  :deep(.v-btn--density-default) {
+    height: unset;
+    padding: 0.8em 1em;
   }
+}
 
 .buttons,
 .skeleton-loader-wrapper {
diff --git a/components/theses/TheseView.vue b/components/theses/TheseView.vue
index 0ca65743..40a3a1c1 100644
--- a/components/theses/TheseView.vue
+++ b/components/theses/TheseView.vue
@@ -108,7 +108,10 @@ function closeOverlay() {
 function loadButtons(these) {
   if (these.status === 'soutenue') {
     getButtons(these.nnt).then((res) => {
-      categories.value = res.data.value.categories;
+      if (res.data.value !== null && typeof res.data.value.categories !== 'undefined')
+        categories.value = res.data.value.categories;
+      else
+        throw new Error("Pas d'accès à la thèse disponible")
     })
       .catch((err) => {
         displayError("Accès en ligne : " + err.message);

From 40a6727d573380c15bcc11927a7222b52b4e955b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Thu, 26 Oct 2023 14:58:00 +0200
Subject: [PATCH 06/13] THE-922-NUXT passage du texte embargo en haut de la
 liste des boutons esr

---
 components/theses/ButtonsList.vue | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/components/theses/ButtonsList.vue b/components/theses/ButtonsList.vue
index 3c1d329e..740dc708 100644
--- a/components/theses/ButtonsList.vue
+++ b/components/theses/ButtonsList.vue
@@ -85,7 +85,7 @@
 </template>
 
 <script setup>
-import { ref, defineAsyncComponent } from "vue";
+import { ref, defineAsyncComponent, toRaw } from "vue";
 import { useDisplay } from "vuetify";
 
 const { mobile } = useDisplay();
@@ -119,6 +119,8 @@ const panel = ref(["Dépôt national"]);
 watch(() => props.categories, () => {
   categoriesValide.value = props.categories.filter((category) => category.libelle === "Validé par le jury")[0]['sousCategories'];
   boutonsAutres.value = props.categories.filter((category) => category.libelle === "Autres versions")[0]['boutons'];
+
+  putEmbargoTextAndESRButtonBeforeEveryhting();
 });
 
 /**
@@ -128,6 +130,24 @@ function closeOverlay() {
   emit('closeOverlay');
 }
 
+function putEmbargoTextAndESRButtonBeforeEveryhting() {
+  categoriesValide.value.forEach(sousCategorie => {
+    if (sousCategorie.libelle === "Dépôt national") {
+      let indexEmbargo = sousCategorie.boutons.findIndex((bouton) => bouton.typeAcces === "EMBARGO");
+
+      if (indexEmbargo > -1) {
+        let embargoObject = sousCategorie.boutons.splice(indexEmbargo, 1);
+        sousCategorie.boutons.splice(0, 0, toRaw(embargoObject[0]));
+
+        let indexESR = sousCategorie.boutons.findIndex((bouton) => bouton.typeAcces === "ACCES_ESR");
+        if (indexESR > -1) {
+          let esrObject = sousCategorie.boutons.splice(indexESR, 1);
+          sousCategorie.boutons.splice(1, 0, toRaw(esrObject[0]));
+        }
+      }
+    }
+  });
+}
 </script>
 
 <style scoped lang="scss">

From a2cb555fd2e9dd404a595d3bf7c26391068711dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Thu, 26 Oct 2023 15:21:06 +0200
Subject: [PATCH 07/13] THE-922-NUXT border-right tout le long du composant
 ButtonsList

---
 components/theses/ButtonsList.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/components/theses/ButtonsList.vue b/components/theses/ButtonsList.vue
index 740dc708..5903d25a 100644
--- a/components/theses/ButtonsList.vue
+++ b/components/theses/ButtonsList.vue
@@ -18,7 +18,7 @@
             <v-icon color="primary" class="menu-icon">mdi-certificate</v-icon>
             <span class="buttons-title-header">{{ $t("theseView.valide") }}</span>
           </div>
-            <v-expansion-panels v-model="panel" variant="accordion" multiple v-for="sousCategorie in categoriesValide" class="buttons-list-wrapper" :key="sousCategorie.libelle">
+            <v-expansion-panels v-model="panel" variant="accordion" v-for="sousCategorie in categoriesValide" class="buttons-list-wrapper" :key="sousCategorie.libelle">
               <v-expansion-panel :value="sousCategorie.libelle" v-if="sousCategorie.boutons.length > 0">
                 <!--            Intitulé de la catégorie-->
                 <v-expansion-panel-title class="sous-categorie-header">
@@ -26,7 +26,7 @@
                 </v-expansion-panel-title>
                 <v-expansion-panel-text>
                   <div class="buttons-list" v-for="b in sousCategorie.boutons" :key="b">
-                  <v-btn v-if="b.url" color="secondary-darken-2" append-icon="mdi-arrow-right-circle" flat
+                  <v-btn v-if="b.url" color="secondary-darken-2" append-icon="mdi-arrow-right-circle"
                          :href="b.url.startsWith('http') ? b.url : baseURL + b.url"
                          target="_blank" :title="b.libelle" :aria-label="b.libelle">{{
                       b.libelle }}
@@ -43,7 +43,7 @@
       </div>
       <!--  Catégorie Autres versions-->
     <div v-if="boutonsAutres.length > 0 && soutenue">
-      <v-expansion-panels>
+      <v-expansion-panels class="v-expansion-panels-other">
         <v-expansion-panel class="buttons-sub-header buttons-sub-header-other">
           <v-expansion-panel-title>
             <v-icon color="primary" class="menu-icon">mdi-list-box</v-icon>
@@ -56,7 +56,7 @@
                       <span v-if="b.libelle === 'Confidentialité'">{{ $t("theseView.confidentialite") }} {{ b.dateFin
                         }}</span>
                     </span>
-              <v-btn v-else color="secondary-darken-2" append-icon="mdi-arrow-right-circle" flat
+              <v-btn v-else color="secondary-darken-2" append-icon="mdi-arrow-right-circle"
                      :href="b.url.startsWith('http') ? b.url : baseURL + b.url"
                      target="_blank" :title="b.libelle" :aria-label="b.libelle">{{
                   b.libelle }}
@@ -75,9 +75,9 @@
       <br />
       <v-checkbox v-model="checkboxModal" :label='$t("theseView.modalAgree")' />
       <div class="submit">
-        <v-btn flat variant="outlined" size="large" @click="dialog = false">{{ $t('theseView.modalCancel')
+        <v-btn variant="outlined" size="large" @click="dialog = false">{{ $t('theseView.modalCancel')
         }}</v-btn>
-        <v-btn flat variant="outlined" size="large" :disabled="!checkboxModal" target="_blank" :href="dialogUrl">{{
+        <v-btn variant="outlined" size="large" :disabled="!checkboxModal" target="_blank" :href="dialogUrl">{{
           $t('theseView.modalOk') }}</v-btn>
       </div>
     </v-card>
@@ -181,6 +181,10 @@ function putEmbargoTextAndESRButtonBeforeEveryhting() {
   }
 }
 
+.v-expansion-panels-other {
+  display: unset;
+}
+
 .buttons-sub-header-other {
   overflow: unset !important;
   display: unset !important;

From edf375fc6bf0d561da909201408869868ad1a0f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Thu, 26 Oct 2023 15:21:31 +0200
Subject: [PATCH 08/13] THE-922-NUXT nettoyage

---
 components/generic/GenericSearchBar.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/generic/GenericSearchBar.vue b/components/generic/GenericSearchBar.vue
index 2b77462d..be6fd30c 100644
--- a/components/generic/GenericSearchBar.vue
+++ b/components/generic/GenericSearchBar.vue
@@ -31,7 +31,6 @@ async function updateComponent(domaine) {
 }
 
 watch(() => currentRoute.query.domaine, () => {
-  console.log("coucou")
   updateComponent(currentRoute.query.domaine)
 });
 

From 579784b86c9a6b38d006d2fe95deac48e68df206 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Fri, 27 Oct 2023 14:39:51 +0200
Subject: [PATCH 09/13] THE-922-NUXT ouverture des volets en meme temps

---
 components/theses/ButtonsList.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/theses/ButtonsList.vue b/components/theses/ButtonsList.vue
index 5903d25a..59a821c1 100644
--- a/components/theses/ButtonsList.vue
+++ b/components/theses/ButtonsList.vue
@@ -18,7 +18,7 @@
             <v-icon color="primary" class="menu-icon">mdi-certificate</v-icon>
             <span class="buttons-title-header">{{ $t("theseView.valide") }}</span>
           </div>
-            <v-expansion-panels v-model="panel" variant="accordion" v-for="sousCategorie in categoriesValide" class="buttons-list-wrapper" :key="sousCategorie.libelle">
+            <v-expansion-panels multiple v-model="panel" variant="accordion" v-for="sousCategorie in categoriesValide" class="buttons-list-wrapper" :key="sousCategorie.libelle">
               <v-expansion-panel :value="sousCategorie.libelle" v-if="sousCategorie.boutons.length > 0">
                 <!--            Intitulé de la catégorie-->
                 <v-expansion-panel-title class="sous-categorie-header">
@@ -43,7 +43,7 @@
       </div>
       <!--  Catégorie Autres versions-->
     <div v-if="boutonsAutres.length > 0 && soutenue">
-      <v-expansion-panels class="v-expansion-panels-other">
+      <v-expansion-panels multiple variant="accordion" class="v-expansion-panels-other">
         <v-expansion-panel class="buttons-sub-header buttons-sub-header-other">
           <v-expansion-panel-title>
             <v-icon color="primary" class="menu-icon">mdi-list-box</v-icon>

From 147ebe7ab3b6d5cda5bdf9285143272de135d881 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Fri, 27 Oct 2023 15:06:18 +0200
Subject: [PATCH 10/13] =?UTF-8?q?THE-933-NUXT=20r=C3=A9cup=C3=A9ration=20p?=
 =?UTF-8?q?pn=20selon=20type=20objet?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/theses/results/ResultCard.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/theses/results/ResultCard.vue b/components/theses/results/ResultCard.vue
index 747172c4..a08210e6 100644
--- a/components/theses/results/ResultCard.vue
+++ b/components/theses/results/ResultCard.vue
@@ -1,6 +1,6 @@
 <template>
   <v-card flat class="card-container">
-    <div class="first-half" @click="$router.push({ name: 'id', params: { id: id } })">
+    <div class="first-half" @click="$router.push({ name: 'detail', params: { id: id } })">
       <v-card-title>
         <div class="card-title-wrapper line-clamp">
           <div v-if="!mobile" class="thesis-icon">
@@ -33,8 +33,8 @@
           {{ $t('resultCard.par') }}{{ '\xa0' }}
         </span>
 
-        <span v-for="(item, index) in auteur" :key="item.ppn">
-          <span :class="item.ppn ? 'clickable lightblue' : ''" @click="linkTo(item.ppn)">
+        <span v-for="(item, index) in auteur" :key="item.ppn ? item.ppn : item.id">
+          <span :class="item.ppn || item.id ? 'clickable lightblue' : ''" @click="linkTo(item.ppn ? item.ppn : item.id)">
             <span class="card-text">{{ item.prenom }}{{ '\xa0' }}</span>
             <span class="card-text">{{ item.nom }}</span>
           </span>{{ '\xa0' }}
@@ -50,8 +50,8 @@
           {{ $t('resultCard.dir') }}{{ '\xa0' }}
         </span>
 
-        <span v-for="(item, index) in directeurs" :key="item.ppn">
-          <span :class="item.ppn ? 'clickable lightblue' : ''" @click="linkTo(item.ppn)">
+        <span v-for="(item, index) in directeurs" :key="item.ppn ? item.ppn : item.id">
+          <span :class="item.ppn || item.id ? 'clickable lightblue' : ''" @click="linkTo(item.ppn ? item.ppn : item.id)">
             <span class="card-text">
               {{ item.prenom }}{{ '\xa0' }}
             </span>

From d1e6b51da1ef2996a3412a4502d98dd69292e0da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Fri, 27 Oct 2023 17:04:56 +0200
Subject: [PATCH 11/13] =?UTF-8?q?THE-463-NUXT=20int=C3=A9gration=20carte?=
 =?UTF-8?q?=20embargo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/triangle-exclamation-solid.svg    |  1 +
 components/theses/ButtonsList.vue        | 55 ++++++++++++++++++------
 components/theses/results/ResultCard.vue |  2 +-
 locales/fr.json                          |  1 +
 4 files changed, 45 insertions(+), 14 deletions(-)
 create mode 100644 assets/triangle-exclamation-solid.svg

diff --git a/assets/triangle-exclamation-solid.svg b/assets/triangle-exclamation-solid.svg
new file mode 100644
index 00000000..f946606b
--- /dev/null
+++ b/assets/triangle-exclamation-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#cf491b;}</style><path d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>
\ No newline at end of file
diff --git a/components/theses/ButtonsList.vue b/components/theses/ButtonsList.vue
index 59a821c1..28ebc804 100644
--- a/components/theses/ButtonsList.vue
+++ b/components/theses/ButtonsList.vue
@@ -31,11 +31,11 @@
                          target="_blank" :title="b.libelle" :aria-label="b.libelle">{{
                       b.libelle }}
                   </v-btn>
-                  <span class="texte-embargo" v-else>
+                    <v-card class="texte-embargo" v-else>
+                      <img :alt="$t('theseView.alertSign')" class="icon-alert" src="@/assets/triangle-exclamation-solid.svg" />
                       <span v-if="b.libelle === 'Embargo'">{{ $t("theseView.embargo") }} {{ b.dateFin }}</span>
-                      <span v-if="b.libelle === 'Confidentialité'">{{ $t("theseView.confidentialite") }} {{ b.dateFin
-                        }}</span>
-                    </span>
+                      <span v-if="b.libelle === 'Confidentialité'">{{ $t("theseView.confidentialite") }} {{ b.dateFin }}</span>
+                    </v-card>
                   </div>
                 </v-expansion-panel-text>
               </v-expansion-panel>
@@ -50,17 +50,17 @@
             <span class="buttons-title-header buttons-title-header-other">{{ $t("theseView.others") }}</span>
           </v-expansion-panel-title>
           <v-expansion-panel-text>
-            <div class="buttons-list" v-for="b in boutonsAutres" :key="b.libelle">
-              <span class="texte-embargo" v-if="typeof b.url === 'undefined'">
-                      <span v-if="b.libelle === 'Embargo'">{{ $t("theseView.embargo") }} {{ b.dateFin }}</span>
-                      <span v-if="b.libelle === 'Confidentialité'">{{ $t("theseView.confidentialite") }} {{ b.dateFin
-                        }}</span>
-                    </span>
-              <v-btn v-else color="secondary-darken-2" append-icon="mdi-arrow-right-circle"
+            <div class="buttons-list" v-for="b in sousCategorie.boutons" :key="b">
+              <v-btn v-if="b.url" color="secondary-darken-2" append-icon="mdi-arrow-right-circle"
                      :href="b.url.startsWith('http') ? b.url : baseURL + b.url"
                      target="_blank" :title="b.libelle" :aria-label="b.libelle">{{
                   b.libelle }}
               </v-btn>
+              <v-card class="texte-embargo" v-else>
+                <img :alt="$t('theseView.alertSign')" class="icon-alert" src="@/assets/triangle-exclamation-solid.svg" />
+                <span v-if="b.libelle === 'Embargo'">{{ $t("theseView.embargo") }} {{ b.dateFin }}</span>
+                <span v-if="b.libelle === 'Confidentialité'">{{ $t("theseView.confidentialite") }} {{ b.dateFin }}</span>
+              </v-card>
             </div>
           </v-expansion-panel-text>
         </v-expansion-panel>
@@ -221,14 +221,43 @@ function putEmbargoTextAndESRButtonBeforeEveryhting() {
   }
 }
 
-.sous-categorie-header, .texte-embargo {
+.sous-categorie-header {
   overflow: hidden;
   padding: 0 1em;
-  margin-bottom: 0.3em;
+  margin-bottom: 0.8em;
   font-size: 16px;
   text-align: start;
 }
 
+.texte-embargo {
+  width: 80%;
+  padding: 0.8em 0;
+  margin-bottom: 1em;
+
+  display: inline-grid;
+  grid-template-columns: 25fr 75fr;
+
+  .icon-alert {
+    align-self: center;
+    justify-self: center;
+    margin: 10px;
+  }
+
+  .icon-alert path {
+      fill: rgb(var(--v-theme-orange-abes));
+  }
+
+  span {
+    font-family: Roboto, sans-serif;
+    font-size: 16px;
+    font-weight: 600;
+    padding-right: 1em;
+    align-self: center;
+    justify-self: center;
+    word-break: break-word;
+  }
+}
+
 .sous-categorie-header {
   font-weight: 500;
 }
diff --git a/components/theses/results/ResultCard.vue b/components/theses/results/ResultCard.vue
index a08210e6..0d68ab11 100644
--- a/components/theses/results/ResultCard.vue
+++ b/components/theses/results/ResultCard.vue
@@ -1,6 +1,6 @@
 <template>
   <v-card flat class="card-container">
-    <div class="first-half" @click="$router.push({ name: 'detail', params: { id: id } })">
+    <div class="first-half" @click="$router.push({ name: 'id', params: { id: id } })">
       <v-card-title>
         <div class="card-title-wrapper line-clamp">
           <div v-if="!mobile" class="thesis-icon">
diff --git a/locales/fr.json b/locales/fr.json
index c408ef5b..84ae7184 100644
--- a/locales/fr.json
+++ b/locales/fr.json
@@ -84,6 +84,7 @@
     "doctorat": "Thèse de doctorat",
     "embargo": "Cette thèse est sous embargo jusqu’au ",
     "confidentialite": "Cette thèse est confidentielle jusqu’au ",
+    "alertSign": "Triangle exclamation plein",
     "access": "Accès à la thèse",
     "modalContent": "<h1>Avertissement</h1><br />L’auteur de la thèse n’a pas autorisé sa diffusion libre sur internet.<br /><br />Conformément à la réglementation nationale en vigueur, définie, <ul><li>entre le 1er septembre 2006 et le 1er septembre 2016, par les arrêtés du 7 août 2006 <a href='https://www.legifrance.gouv.fr/loda/id/JORFTEXT000000267752' target='_blank'>relatif à la formation doctorale</a> et <a href='https://www.legifrance.gouv.fr/loda/id/JORFTEXT000000635069' target='_blank'>relatif aux modalités de dépôt, de signalement, de reproduction, de diffusion et de conservation des thèses ou des travaux présentés en soutenance en vue du doctorat</a>, </li><li>à compter du 1er septembre 2016, par <a href='https://www.legifrance.gouv.fr/loda/id/LEGIARTI000032588123' target='_blank'>l’arrêté du 25 mai 2016 fixant le cadre national de la formation et les modalités conduisant à la délivrance du diplôme national de doctorat</a>, mis à jour le 26 août 2022,</li></ul><br /><u><strong>La thèse est diffusable uniquement au sein de la communauté universitaire française.</strong></u> Si vous êtes membres de ladite communauté universitaire (étudiants, enseignants, chercheurs, personnels), vous pouvez accéder au document en vous authentifiant avec le login et le mot de passe que vous utilisez habituellement au sein de votre établissement de rattachement.<br /><br />Cette thèse étant une œuvre de l’esprit, elle est protégée par le Code de la Propriété Intellectuelle. Le ou les fichiers que vous allez télécharger en votre qualité de membre de la communauté universitaire française <strong>ne peuvent être utilisés en dehors du cadre fixé par le droit à la copie privée </strong><a href='https://www.legifrance.gouv.fr/codes/article_lc/LEGIARTI000044365551' target='_blank'>(article L122-5, 2°, du CPI)</a>. Tout plagiat ou contrefaçon, ainsi que toute reproduction illicite ou diffusion effectuée en dehors du cadre privé sans autorisation préalable de l’auteur, est strictement interdit et vous expose à des sanctions pénales allant jusqu’à 3 ans d’emprisonnement et 300 000€ d’amende.",
     "modalAgree": "J’ai pris connaissance de la réglementation nationale et des conditions d’utilisation de la thèse.",

From 9b430fba56966419794465ad10c2202af35b9dbe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Mon, 30 Oct 2023 11:15:58 +0100
Subject: [PATCH 12/13] THE-919-NUXT harmonisation police nom personnes

---
 app.vue | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/app.vue b/app.vue
index 818456e9..35c8977b 100644
--- a/app.vue
+++ b/app.vue
@@ -389,7 +389,6 @@ h4 {
 
   @media #{ map-get(settings.$display-breakpoints, 'md-and-up')} {
     flex: 1 0 60%;
-    margin-left: 0.5em;
   }
 
   .nomprenom {
@@ -400,10 +399,6 @@ h4 {
     color: rgb(var(--v-theme-primary));
     font-size: 20px;
 
-    @media #{ map-get(settings.$display-breakpoints, 'md-and-up')} {
-      font-size: 29.5px;
-    }
-
     .prenom {
       font-weight: 400;
     }

From 76dffcb16f7be05edb56280aaa8989bd67f195a5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <77626674+clementdelafontaine@users.noreply.github.com>
Date: Tue, 31 Oct 2023 11:14:14 +0100
Subject: [PATCH 13/13] Update .env

---
 .env | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.env b/.env
index 8fa646f6..e8b5fe86 100644
--- a/.env
+++ b/.env
@@ -1,3 +1,3 @@
-NUXT_APP_API=https://v2-test.theses.fr/api/v1/
+NUXT_APP_API=https://beta.theses.fr/api/v1/
 NUXT_APP_APIREF=https://apicom.sudoc.fr/wsReferentiels/v1/
 NUXT_APP_RECAPTCHA=