Merge pull request #250 from abes-esr/develop

THE-1364 corrections de traduction es en

app.vue

@@ -547,7 +547,7 @@ a:hover,
 a:active {
   color: inherit;
   text-decoration: none;
-  font-weight: 500;
+  font-weight: 600;
 }
 
 .skiplink:not(:focus) {

components/common/DomainSelector.vue

@@ -12,9 +12,10 @@
     </div>
     <v-divider aria-hidden="true" vertical></v-divider>
     <div role="listitem">
-      <v-btn flat @click="select('personnes')" :title="$t('rechercherTheses')" role="button">
+      <v-btn flat @click="select('personnes')" :title="$t('rechercherPersonnes')" role="button">
         <v-icon size="50" color="secondary">mdi-account-multiple</v-icon>
-        <span class="title">
+<!--        Pas de sous-titre en anglais => souligner tout le titre-->
+        <span class="title" :class="(locale === 'en' && selected === 'personnes') ? 'selected' : ''">
           <h2>
             {{ $t("toutesPersonnes") }}
             <br />
@@ -29,7 +30,7 @@
 import { ref, watch } from 'vue';
 import { useI18n } from "vue-i18n";
 
-const { t } = useI18n();
+const { t, locale } = useI18n();
 const selected = ref('theses');
 const router = useRouter();
 const currentRoute = useRoute();

components/common/ExportQueryButton.vue

@@ -2,7 +2,7 @@
   <v-menu location="bottom">
     <template v-slot:activator="{ props }">
       <v-btn class="main-btn" icon="mdi-upload-box" color="secondary-darken-2" variant="text"
-        title="Exporter les données" v-bind="props">
+        :title="$t('exportData')" v-bind="props">
       </v-btn>
     </template>
     <v-list role="list">

components/common/FooterCustom.vue

@@ -3,13 +3,14 @@
     <div class="footer-top">
       <div class="theses-description footer-content">
         <h1 aria-hidden="true">theses.fr</h1>
-        <span>{{ $t("footer.texte") }}</span>&nbsp;<a href="/apropos" alt="En savoir plus sur Theses.fr"><strong>{{
+        <span>{{ $t("footer.texte") }}</span>&nbsp;
+        <a href="/apropos" :alt="$t('apropos.aboutLink')"><strong>{{
           $t("footer.plus")
         }}</strong></a>
       </div>
       <div class="links-container footer-content">
         <h1 aria-hidden="true" id="footer-link-title">
-          <v-icon title="Lien externe">mdi-open-in-new</v-icon>
+          <v-icon :title="$t('externalLink')">mdi-open-in-new</v-icon>
           {{ $t("accesDirect") }}
         </h1>
         <div class="list-1" role="list" aria-labelledby="footer-link-title">
@@ -18,54 +19,54 @@
               <span class="first-column-bullet"><span class="orange-link">{{ ">\xa0" }}</span></span>
               <span><a href="https://www.data.gouv.fr/fr/datasets/theses-soutenues-en-france-depuis-1985/"
                   target="_blank"
-                  title="Accéder sur le site data.gouv.fr à l’extraction complète des données disponibles sur thèses.fr et relatives aux thèses soutenues">
+                  :title="$t('apropos.dataGouv')">
                   {{ $t("footer.opendata") }}</a></span>
             </div>
             <div class="list-item" role="listitem">
               <span class="first-column-bullet"><span class="orange-link">{{ ">\xa0" }}</span></span>
               <span><a href="https://api.gouv.fr/producteurs/abes/"
                        target="_blank"
-                       title="Accéder sur le site api.gouv.fr aux API de thèses.fr">
+                       :title="$t('footer.apiGouv')">
                     {{ $t("footer.apiThesesfr") }}</a></span>
             </div>
             <div class="list-item" role="listitem">
               <span class="first-column-bullet"><span class="orange-link">{{ ">\xa0" }}</span></span>
               <span><a href="https://www.idref.fr/" target="_blank"
-                  title="Accéder à IdRef, la base des identifiants et des référentiels utilisés pour l’enseignement supérieur et la recherche">{{
+                  :title="$t('footer.idRef')">{{
           $t("footer.idRref")
         }}</a></span>
             </div>
             <div class="list-item" role="listitem">
               <span class="first-column-bullet"><span class="orange-link">{{ ">\xa0" }}</span></span>
               <span><a href="https://documentation.abes.fr/aidetheses/thesesfr/index.html" target="_blank"
-                  title="Accéder à la documentation de thèses.fr">{{
+                  :title="$t('footer.accesDoc')">{{
           $t("footer.doc") }}</a></span>
             </div>
           </div>
           <div role="presentation" class="colonne2">
             <div class="list-item" role="listitem">
               <span class="first-column-bullet"><span class="orange-link">{{ ">\xa0" }}</span></span>
               <span><a href="http://www.sudoc.abes.fr/cbs/" target="_blank"
-                  title="Accéder au Sudoc, le catalogue collectif des bibliothèques universitaires françaises">{{
+                  :title="$t('footer.accesSudoc')">{{
                     $t("footer.catalogue") }}</a></span>
             </div>
             <div class="list-item" role="listitem">
               <span class="first-column-bullet"><span class="orange-link">{{ ">\xa0" }}</span></span>
               <span><a href="https://documentation.abes.fr/aidetheses/thesesfr/index.html#TEF" target="_blank"
-                  title="Accéder à la recommandation AFNOR TEF, le format de description des thèses de doctorat électroniques françaises">{{
+                  :title="$t('footer.accesTEF')">{{
                     $t("footer.tef")
                   }}</a></span>
             </div>
             <div class="list-item" role="listitem">
               <span class="first-column-bullet"><span class="orange-link">{{ ">\xa0" }}</span></span>
               <span><a href="https://stp.abes.fr/node/3?origine=thesesFr" target="_blank"
-                  title="Accéder au guichet d’assistance de l’Abes">{{
+                  :title="$t('footer.accesAssistance')">{{
                     $t("footer.assistance") }}</a></span>
             </div>
             <div class="list-item" role="listitem">
               <span class="first-column-bullet"><span class="orange-link">{{ ">\xa0" }}</span></span>
               <span><a href="http://search.ndltd.org/" target="_blank"
-                       title="Global ETD Search - Les thèses électroniques dans le monde">{{
+                       :title="$t('footer.accesGlobalETD')">{{
                   $t("footer.globalETD") }}</a></span>
             </div>
           </div>
@@ -88,22 +89,22 @@
           <v-divider vertical class="my-1"></v-divider>
           <v-btn flat plain color="transparent" size="small" target="_blank"
             href="https://abes.fr/pages-donnees-personnelles/thesesfr.html"
-            title="Accéder sur le site de l’Abes aux informations relatives au traitement, par theses.fr, des données personnelles">
+            :title="$t('footer.accesDonnees')">
             {{ $t("donnees") }}
           </v-btn>
           <v-divider vertical class="my-1"></v-divider><span class="mobileHide">|</span>
           <v-btn flat color="transparent" size="small" target="_blank"
             href="https://abes.fr/pages-cgu/conditions-generales-utilisation-sites-abes.html"
-            title="Accéder sur le site de l’Abes aux Conditions Générales d’Utilisation du site theses.fr">{{ $t("CGU") }}
+            :title="$t('footer.accesCGU')">{{ $t("CGU") }}
           </v-btn>
           <v-divider vertical class="my-1"></v-divider><span class="mobileHide">|</span>
           <v-btn flat color="transparent" size="small" href="https://abes.fr/pages-mentions-legales/theses.html"
-            target="_blank" title="Accéder sur le site de l’Abes aux mentions légales de theses.fr">
+            target="_blank" :title="$t('footer.accesMention')">
             {{ $t("mentions") }}
           </v-btn>
           <v-divider vertical class="my-1"></v-divider><span class="mobileHide">|</span>
           <v-btn flat color="transparent" size="small" target="_blank" href="https://abes.fr/pages-accessibilite/theses.html"
-            title="Accéder sur le site de l’Abes aux informations relatives à l’accessibilité numérique du site theses.fr">
+            :title="$t('footer.accesAccessibilite')">
             {{ $t("accessibilite") }}
           </v-btn>
         </div>

components/common/HeaderCustom.vue

@@ -66,6 +66,8 @@ import { useColorMode } from '@vueuse/core';
 const theme = useTheme();
 const { locale } = useI18n();
 const { mobile } = useDisplay();
+const route = useRoute();
+const router = useRouter();
 
 const isReady = ref(false);
 
@@ -115,6 +117,11 @@ onMounted(() => {
 function setLanguage(lang) {
   localStorage.setItem("language", lang);
   locale.value = lang;
+
+  if (/\/(fr|en|es)\//.test(route.path)) {
+    const newPath = route.path.replace(/\/(fr|en|es)\//, `/${lang}/`);
+    router.push(newPath);
+  }
   useHead({
     htmlAttrs: {
       lang: lang,

components/common/HeaderMobile.vue

@@ -40,7 +40,7 @@
   </nav>
   <!--    Logo -->
   <div class="logo-menu-wrapper">
-    <NuxtLink :to="{ path: '/', query: { domaine: 'theses' } }" title="Accueil du site"
+    <NuxtLink :to="{ path: '/', query: { domaine: 'theses' } }" :title="$t('homepage')"
       class="logo logo_home logo_resultview">
       <img :alt="$t('homepage')" id="logoIMG" src="/icone-theses-beta.svg" />
     </NuxtLink>
@@ -138,6 +138,8 @@ import { useColorMode } from '@vueuse/core'
 const theme = useTheme();
 const { locale } = useI18n();
 const isReady = ref(false);
+const route = useRoute();
+const router = useRouter();
 const selectedThemeSwitch = ref('');
 
 // Elements du DOM
@@ -243,6 +245,11 @@ onMounted(() => {
 function setLanguage(lang) {
   localStorage.setItem("language", lang);
   locale.value = lang;
+
+  if (/\/(fr|en|es)\//.test(route.path)) {
+    const newPath = route.path.replace(/\/(fr|en|es)\//, `/${lang}/`);
+    router.push(newPath);
+  }
 }
 
 //Paramètres d'accessibilité

components/common/Keywords.vue

@@ -12,15 +12,15 @@
         <div class="mots-cles-controlles" v-if="rameauKeywords.length > 0">
           <div  ref="backFromKeywordModal" aria-labelledby="mots-cles-controles-header" class="subtitle">
             <h3 id="mots-cles-controles-header">{{ $t("motCleControle") }}</h3>
-            <v-btn class="info-button" @click="overlayIsOpened = !overlayIsOpened" flat title="Informations sur les mots clés">
+            <v-btn class="info-button" @click="overlayIsOpened = !overlayIsOpened" flat :title="$t('infoKeywords')">
               <v-icon size="22">mdi-information-outline</v-icon>
-              <span class="sr-only">Informations sur les mots clés</span>
+              <span class="sr-only">{{ $t("infoKeywords") }}</span>
             </v-btn>
             <v-overlay v-model="overlayIsOpened" location-strategy="connected" scroll-strategy="close">
               <div tabindex="0" id="legend-tooltip">
                 <v-card class="legend-tooltip">
                   <span>
-                    {{ $t("motCleControleDescription") }} <a title="Se rendre sur le site de id Ref" href="https://www.idref.fr/">idRef.</a>
+                    {{ $t("motCleControleDescription") }} <a :title="$t('footer.idRef')" href="https://www.idref.fr/">idRef.</a>
                   </span>
                   <div class="close-overlay-button-container">
                     <v-btn @click="overlayIsOpened = !overlayIsOpened" class="close-overlay-button" variant="outlined" density="compact" append-icon="mdi-close-box" flat>{{ $t('access.fermer') }}</v-btn>

components/common/Toolbar.vue

@@ -36,11 +36,11 @@
         </div>
 <!--        Fin signaler-->
         <v-btn v-if="personne" href="https://documentation.abes.fr/aidetheses/thesesfr/index.html#jai-une-question"
-          alt="Documentation de theses.fr" target="_blank" variant="outlined" flat append-icon="mdi-alert-circle" role="listitem">
+          :alt="$t('footer.accessDoc')" target="_blank" variant="outlined" flat append-icon="mdi-alert-circle" role="listitem">
           {{ $t("theseView.alert") }}
         </v-btn>
         <v-btn v-if="organisme" href="https://documentation.abes.fr/aidetheses/thesesfr/index.html#PageOrganisme"
-          alt="Document theses.fr sur les pages d'organisme" target="_blank" variant="outlined" flat
+          :alt="$t('theseView.docOrganismes')" target="_blank" variant="outlined" flat
           append-icon="mdi-alert-circle" role="listitem">
           {{ $t("theseView.alert") }}
         </v-btn>
@@ -49,13 +49,13 @@
 <!--    Mobile-->
     <div v-else-if="personne" class="thesis-toolbar no-wrap-text" role="list">
       <v-btn href="https://documentation.abes.fr/aidetheses/thesesfr/index.html#jai-une-question"
-             alt="Documentation de theses.fr" target="_blank" variant="outlined" flat append-icon="mdi-alert-circle" role="listitem">
+             :alt="$t('footer.accessDoc')" target="_blank" variant="outlined" flat append-icon="mdi-alert-circle" role="listitem">
         {{ $t("theseView.alert") }}
       </v-btn>
     </div>
     <div v-else-if="organisme" class="thesis-toolbar no-wrap-text">
       <v-btn href="https://documentation.abes.fr/aidetheses/thesesfr/index.html#PageOrganisme"
-             alt="Document theses.fr sur les pages d'organisme" target="_blank" variant="outlined" flat
+             :alt="$t('theseView.docOrganismes')" target="_blank" variant="outlined" flat
              append-icon="mdi-alert-circle" role="listitem">
         {{ $t("theseView.alert") }}
       </v-btn>

components/common/results/FacetDrawer.vue

@@ -10,7 +10,7 @@
           {{ $t('results.facet.' + facet.name) }}
         </h2>
         <v-btn @click.stop="" @click="reinitializeCheckboxes(); reinitializeFilterSearchText();" class="reinitialize-button" size="small" depressed
-          elevation="0" color="surface" :title="$t('reinitializeFacet') + facet.name">
+          elevation="0" color="surface" :title="$t('reinitializeFacet') + $t('results.facet.' + facet.name)">
           <v-icon>mdi-reload</v-icon>
         </v-btn>
       </v-expansion-panel-title>

components/common/results/ResultList.vue

@@ -1,13 +1,13 @@
 <template>
   <!--  Personnes-->
-  <div role="list" aria-label="Liste des résultats de la recherche" v-if="domainNameChange === 'personnes'">
+  <div role="list" :aria-label="$t('results.resultList')" v-if="domainNameChange === 'personnes'">
     <div role="listitem" v-for="(item, index) in result" :key="item.id" class="card-wrapper">
       <PersonnesResultsPersonnesCard :item="item" />
       <hr class="result-dividers" v-if="index < result.length - 1" />
     </div>
   </div>
   <!--  Thèses-->
-  <div role="list" aria-label="Liste des résultats de la recherche" v-else-if="domainNameChange === 'theses'">
+  <div role="list" :aria-label="$t('results.resultList')" v-else-if="domainNameChange === 'theses'">
     <div role="listitem" v-for="(item, index) in result" :key="item" class="card-wrapper">
       <ThesesResultsResultCard :titre="item.titrePrincipal"
         :date="item.status === 'enCours' ? item.datePremiereInscriptionDoctorat : item.dateSoutenance"

components/icons/IconTarteaucitron.vue

@@ -1,6 +1,6 @@
 <template>
-  <a title="Aller à l'icone de gestion des cookies" href="#tarteaucitronManager">
-    <img style='height: 2em; margin: 0 5px; vertical-align: middle;' src='data:image/png;base64,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' alt='Cookies (fenêtre modale)' title='Cookies (fenêtre modale)'>
+  <a :title="$t('reportErrorView.shortcut')" href="#tarteaucitronManager">
+    <img style='height: 2em; margin: 0 5px; vertical-align: middle;' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAGA0lEQVRoge1a207bWBRdBtJwLYZhKDMVmlSK1LxNkPo+ZH6g8B6p5AuALwC+APoFoVLeoT8whPeRSt+CZKmZVu3AiIsRlEtCktGyjy8xzuXYhvahS0JJHJ/4rLP3XnuffcAPfGdQ7mM6jRLSAF4BxqsbewB2lRS2o35mpEQaJcwCyANIdLi1DGBNSWEzqmdHRqRRwjqAJclhtExOSUEP+/xIiDRKhhUWfL7ShTtBuJnqcw+/z4Ql0xNmMEwSSz4kuNIzSgpjSsqYJP/GeE185wYJroedRyiLNEpGLLzzrHSuk+83SgbxvOcyyRaDziWsRVZkSRDinpzPbwVGWIucuohsKynMS47fAQyls/BMSRmKJo3AFhG5wm2N1wF+Zs3zebbFfR0RxrXcJHQlgH+LMW616pR/WiIMEXfW3mtzXyeEGWsjKot8c4TOI98L+iKaR5PS6IUk88RLAO9F8UjrbYoYMOosNavpfmODIiwRXRR/G3ohaWVo1RU/c30jV8ab2mV8qVGzHWBOLyTLZiWs5Rolg/C3ySOi0tXP/k4aEwOwSBKPJs7Rp16ABJTe+p1xVX0It/owqqdDEMRoqd3RFxqDPh20Ig6VEPVC0i5RSCD+6wl6HlW7GksSlUMV11/GrUs5NasFLusDE9ELSVphXemtJwaT/8JyIRvxNNCfBmIiNdR04LII3DSrbe0yjqvyJF/ppptqVlt+MCLCEh/oOkPPP6N38Mb5cnQBGFsEqmXg5j3QMwoMzwGnr4HYbybBq13gZAOom/FO63zdf2qQArCsZrUN2TlJy69eSDKYV+6Q4MpP75ivHzPA53ngaBW4eGuSOt0A/lsGPmXMz0+3TFJcTfFbPfFbfnwlhON+iQhlWmA82CQ4ocQ7c6KcfL3DHuls0yT6Sx4YnLXJDCQOIRRv5yGIJBgP8Sdisj2qubpc5UGJmo+W49ifVmzL8HcpGhQPvZCUKiCliIhEN0tr2OCqHuSA8gwQ/92MkU7gxEmeVqGrTTgpxPXbUrtGWYus0I9thRIraagRQUIDf7Qn4yZhKRiFQIyhfMfUr3yblokVWSJ6k8xSnc7eNN/RjowfCYiFoDUFer1S3gW6JiJ8Nt30EMbEhU+vzSIztuRYjRLsR8IHLjlf7HZ+MrWWEXxNmbvapt4jGSqZRYSkGUetSNTPzHsui5YMQ2ajJUNks6mw4wT54Ok2ShnzzIPCUGshzawCRKy5FqvrTZe0RWzQGvw79m67XZjKmxJrLsICjtZa55gxXy+6F4sYsEtxTqhXdRTLC8ulSDaWoCLsolfN+8YUhOsJV709H7Cudr0LlVEtzqBcN+shEyThdR941OnAbF8pirKJqXyupTRTtQSReiVmXW1j7oBErB0d9xM2WEd5J9ZKYtuR4WKwwBSoORbpGrJ5ZI9lt71irJmGX1px0JYE26uNErawr2zfIcP4OHEKXm66PA3wjpCNEfpJunI4muifPjKvsFCkGjExTq63yxMJsZNMYF/J4HmDC5A3Yq36jy0ClePHVhwuu/b1HSFlEfHD5ZtD1bEK44Qu1mWys6tbWmZyPWckzlPTGiRw/XHCuk+q4Rek+mVrVL/UppwrdDEGNV2kpyuhccgc5Oxm9vWnn+19vJrVpLor0kTUrGacMplb1CfOFyTD4o9uNrHqr2Z+ZMSp1c2XcVSORnh9Q81q3k599ETgkNnjg0nGzi10K7rX+bZpHbrblPcY5A4Zxk2xcjzCvTpd9027Aa0QtouyyrKFRR6D/04DwkFGvHPXM3Qda/Jb4nPgI7hQLVM1q5HIBt2MzQNa57Z1DiiLAGa5Mi+O4Sz3Mpp6laPHO6InII3ITnX1QtI+EOX+m9ZxleOZ/j9PiuKoLi3aqXPuEoSye/Vhkm+LalbLtHhMS0R6zu7aZ3vP2jOjL7QVv4McxhcDnZIelAQibGIbULOapf3PuE1Vs9qeaOTdkVKr00gCQiw4NlBzDvf1Lxx+uP5r3Dgv5KQZRzWn+GRwz8jmDS8itUg7iB6vLuJCF5Uty4A9mVKkFR6MiJDachST/oHvHgD+B4SoUIitpF05AAAAAElFTkSuQmCC' :alt="$t('reportErrorView.modale')" :title="$t('reportErrorView.modale')">
   </a>
 </template>