From a32bfa09bc2e4b8cd595a166aa9da9c5e6d3b201 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Delafontaine?=
 <clment.delafontaine@gmail.com>
Date: Mon, 14 Oct 2024 13:27:09 +0200
Subject: [PATCH] THE-1364 traductions ordre de tri des resultats theses

---
 components/common/results/SortingSelect.vue | 62 +++++++++++++++------
 locales/en.json                             |  7 +++
 locales/es.json                             |  7 +++
 locales/fr.json                             | 11 +++-
 4 files changed, 69 insertions(+), 18 deletions(-)

diff --git a/components/common/results/SortingSelect.vue b/components/common/results/SortingSelect.vue
index 5c8cf0ed..37e7415a 100644
--- a/components/common/results/SortingSelect.vue
+++ b/components/common/results/SortingSelect.vue
@@ -1,6 +1,5 @@
 <template>
-  <v-select class="select-box" v-model="tri" return-object :items=items item-title="nom" item-value="cle"
-    density="compact" flat single-line variant="solo" menu-icon="mdi-chevron-down" :aria-label="$t('results.ariaSortBy')">
+  <v-select class="select-box" v-model="tri" return-object :items="items" item-title="nom" item-value="cle" density="compact" flat single-line variant="solo" menu-icon="mdi-chevron-down" :aria-label="$t('results.ariaSortBy')">
     <template v-slot:menu-icon>
       <v-icon>
         mdi-chevron-down
@@ -10,27 +9,55 @@
 </template>
 
 <script setup>
-import { onMounted, ref, watch } from "vue";
+import { onMounted, ref, watch, computed } from "vue";
 import { useI18n } from "vue-i18n";
 
 const currentRoute = useRoute();
-const { t } = useI18n();
+const { t, locale } = useI18n();
 const emit = defineEmits(['updatePageNumberFromSortingSelect', 'search']);
 const { setSorting, getItemsTri, getCurrentSorting, getTriMap } = useStrategyAPI();
 
-const items = ref();
-const tri = ref();
+const items = ref([]);
+const tri = ref("");
 let noDoubleUpdates = false;
 
 onMounted(() => {
-  items.value = getItemsTri();
-  tri.value = getCurrentSortName();
+  updateDataTri();
 });
 
 /**
  * Fonctions
  */
 
+function updateDataTri() {
+  items.value = getTranslatedItemsTri();
+  tri.value = getTranslatedCurrentSortName();
+}
+
+/**
+ * Retourne les éléments de tri traduits
+ * @returns {Array}
+ */
+function getTranslatedItemsTri() {
+  return getItemsTri().map(item => ({
+    ...item,
+    nom: t(item.nom)
+  }));
+}
+
+/**
+ * Retourne le tri appliqaué traduit
+ * @returns {Array}
+ */
+function getTranslatedCurrentSortName() {
+  let obj = getCurrentSortName();
+  return {
+    ...obj,
+    cle: obj.cle,
+    nom: t(obj.nom)
+  }
+}
+
 /**
  * Récupère les clés/valeurs du tri pour le domaine actuel
  * @returns {{nom: (*|string), cle: (*|string)}}
@@ -46,8 +73,9 @@ function getCurrentSortName() {
  * Watchers
  */
 
+// Surveiller les changements de tri
 watch(tri, async (newSortingArray, previousSortingArray) => {
-  if (typeof previousSortingArray !== 'undefined' && !noDoubleUpdates) { // Pas de mise à jour de la page à la première initialisation
+  if (typeof previousSortingArray !== 'undefined' && !noDoubleUpdates) {
     setSorting(newSortingArray.cle);
     emit("updatePageNumberFromSortingSelect", 1);
     emit("search");
@@ -55,21 +83,23 @@ watch(tri, async (newSortingArray, previousSortingArray) => {
   noDoubleUpdates = false;
 });
 
-
-// Mise à jour des valeurs de tri
+// Surveiller les changements de domaine dans la route
 watch(() => currentRoute.query.domaine, () => {
   setSorting('pertinence');
-  items.value = getItemsTri();
-  tri.value = getCurrentSortName();
+  items.value = getTranslatedItemsTri();
+  tri.value = getTranslatedCurrentSortName();
 });
 
+// Surveiller les changements de tri dans la route
 watch(() => currentRoute.query.tri, () => {
   noDoubleUpdates = true;
-  items.value = getItemsTri();
-  tri.value = getCurrentSortName();
+  items.value = getTranslatedItemsTri();
+  tri.value = getTranslatedCurrentSortName();
 });
 
-
+watch(locale, (newLocale) => {
+  updateDataTri();
+});
 
 </script>
 
diff --git a/locales/en.json b/locales/en.json
index f8647fee..e2271cdc 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -199,6 +199,13 @@
   "Soutenues": "Defended",
   "Accessibles en ligne": "Available online",
   "list": "List of ",
+  "Pertinence": "Relevance",
+  "Date croissante": "Ascending date",
+  "Date décroissante": "Descending date",
+  "Auteurs A-Z": "Authors A-Z",
+  "Auteurs Z-A": "Authors Z-A",
+  "Discipline A-Z": "Discipline A-Z",
+  "Discipline Z-A": "Discipline Z-A",
   "loading": "Search in progress...",
   "personnes": {
     "searchBar": {
diff --git a/locales/es.json b/locales/es.json
index be9044bd..70bce2a3 100644
--- a/locales/es.json
+++ b/locales/es.json
@@ -200,6 +200,13 @@
   "Soutenues": "Defendidas",
   "Accessibles en ligne": "Disponibles en línea",
   "list": "Lista de ",
+  "Pertinence": "Relevancia",
+  "Date croissante": "Fecha ascendente",
+  "Date décroissante": "Fecha descendente",
+  "Auteurs A-Z": "Autores A-Z",
+  "Auteurs Z-A": "Autores Z-A",
+  "Discipline A-Z": "Disciplina A-Z",
+  "Discipline Z-A": "Disciplina Z-A",
   "loading": "Buscando...",
   "personnes": {
     "searchBar": {
diff --git a/locales/fr.json b/locales/fr.json
index 28ccfba4..25684dc0 100644
--- a/locales/fr.json
+++ b/locales/fr.json
@@ -193,13 +193,20 @@
       "Écoles doctorales": "Écoles doctorales",
       "Domaines thématiques": "Domaines thématiques",
       "Disciplines": "Disciplines",
-      "Langues": "Langues",
-      "En préparation": "En préparation"
+      "Langues": "Langues"
     }
   },
+  "En préparation": "En préparation",
   "Soutenues": "Soutenues",
   "Accessibles en ligne": "Accessibles en ligne",
   "list": "Liste des ",
+  "Pertinence": "Pertinence",
+  "Date croissante": "Date croissante",
+  "Date décroissante": "Date décroissante",
+  "Auteurs A-Z": "Auteurs A-Z",
+  "Auteurs Z-A": "Auteurs Z-A",
+  "Discipline A-Z": "Discipline A-Z",
+  "Discipline Z-A": "Discipline Z-A",
   "loading": "Recherche en cours...",
   "personnes": {
     "searchBar": {