Merge branch 'test'

abes-esr · Apr 18, 2024 · 22e8ae9 · 22e8ae9
2 parents 9c841cc + 01bd85a
commit 22e8ae9
Show file tree

Hide file tree

Showing 29 changed files with 285 additions and 294 deletions.
diff --git a/app.vue b/app.vue
@@ -6,49 +6,57 @@
         <NuxtPage></NuxtPage>
       </v-main>
       <CommonFooterCustom></CommonFooterCustom>
+      <ClientOnly>
+        <CommonScrollToTopButton class="scroll-to-top-wrapper" nb-result="1"></CommonScrollToTopButton>
+      </ClientOnly>
     </v-app>
   </v-theme-provider>
 </template>
 
 <script setup>
-import { watch, onMounted } from 'vue';
-import { useTheme } from "vuetify";
-import { useColorMode } from '@vueuse/core';
+import { watch, onMounted } from "vue";
+import { useDisplay, useTheme } from "vuetify";
+import { useColorMode } from "@vueuse/core";
 
 useHead({
   title: "Theses.fr",
   viewport: "width=device-width, initial-scale=1, maximum-scale=1",
   charset: "utf-8",
-  meta: [{ name: "description", content: "Moteur de recherche des thèses françaises, theses.fr propose l’accès aux thèses de doctorat soutenues ou en préparation." }],
+  meta: [{
+    name: "description",
+    content: "Moteur de recherche des thèses françaises, theses.fr propose l’accès aux thèses de doctorat soutenues ou en préparation."
+  }],
   script: [
     {
       async: true,
       children: ` var _paq = window._paq = window._paq || []; _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://piwik.abes.fr/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '5']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);})();`
     }
-  ],
+  ]
 });
 
 //Accessibilite
-const opendys = useState('opendys', () => false);
-const interlignes = useState('interlignes', () => false);
-const justification = useState('justification', () => false);
+const opendys = useState("opendys", () => false);
+const interlignes = useState("interlignes", () => false);
+const justification = useState("justification", () => false);
 const theme = useTheme();
 
 const themesNames = ref({
   "light": "abesLightTheme",
   "dark": "abesDarkTheme"
 });
 
+const { mobile } = useDisplay();
+
 const colorMode = useColorMode({
   onChanged(color) {
     theme.global.name.value = themesNames.value[color];
   }
 });
 
 onMounted(() => {
-  opendys.value = getFromLocalStorage('opendys', false);
-  interlignes.value = getFromLocalStorage('interlignes', false);
-  justification.value = getFromLocalStorage('justification', false);
+  opendys.value = getFromLocalStorage("opendys", false);
+  interlignes.value = getFromLocalStorage("interlignes", false);
+  justification.value = getFromLocalStorage("justification", false);
 
   const currentRoute = useRoute();
   const currentQueryParams = { ...currentRoute.query };
@@ -68,15 +76,15 @@ const getFromLocalStorage = (key, defaultValue) => {
  */
 
 watch(opendys, (newValue) => {
-  localStorage.setItem('opendys', JSON.stringify(newValue));
+  localStorage.setItem("opendys", JSON.stringify(newValue));
 });
 
 watch(interlignes, (newValue) => {
-  localStorage.setItem('interlignes', JSON.stringify(newValue));
+  localStorage.setItem("interlignes", JSON.stringify(newValue));
 });
 
 watch(justification, (newValue) => {
-  localStorage.setItem('justification', JSON.stringify(newValue));
+  localStorage.setItem("justification", JSON.stringify(newValue));
 });
 
 </script>
@@ -174,7 +182,7 @@ main {
     grid-template-rows: 33% 33% 33%;
   }
 
-  .logo-menu-wrapper>.expanded-search-bar-container {
+  .logo-menu-wrapper > .expanded-search-bar-container {
     margin-bottom: 40px;
   }
 
@@ -307,17 +315,15 @@ h4 {
 .scroll-to-top-wrapper {
   z-index: 1000;
   position: sticky;
-  top: 90vh;
-  margin-left: 10%;
   width: 30px;
-  height: 30px;
+  height: 60px;
+  top: unset;
+  bottom: 5vh;
+  left: 94vw;
+  margin: -60px;
 
   @media #{ map-get(settings.$display-breakpoints, 'sm-and-down')} {
-    margin: 0 0;
-    height: 60px;
-    left: 90vw;
-    top: unset;
-    bottom: 5vh;
+    left: 88vw;
   }
 }
 
@@ -520,6 +526,6 @@ a:hover,
 a:active {
   color: inherit;
   text-decoration: none;
-  font-weight: 600;
+  font-weight: 500;
 }
 </style>
diff --git a/components/common/DomainSelector.vue b/components/common/DomainSelector.vue
@@ -1,15 +1,15 @@
 <template>
-  <div class="domain-selector">
-    <v-btn flat @click="select('theses')" title="Rechercher des thèses">
+  <div class="domain-selector" role="list">
+    <v-btn flat @click="select('theses')" title="Rechercher des thèses" role="listitem">
       <v-icon size="50" color="secondary">mdi-school</v-icon>
       <span class="title">
         <h2 :class="selected === 'theses' ? 'selected' : ''">
           {{ $t("toutesTheses") }}
         </h2>
       </span>
     </v-btn>
-    <v-divider vertical></v-divider>
-    <v-btn flat @click="select('personnes')" title="Rechercher des personnes liées aux thèses">
+    <v-divider aria-hidden="true" vertical></v-divider>
+    <v-btn flat @click="select('personnes')" title="Rechercher des personnes liées aux thèses" role="listitem">
       <v-icon size="50" color="secondary">mdi-account-multiple</v-icon>
       <span class="title">
         <h2>

diff --git a/components/common/ExportButton.vue b/components/common/ExportButton.vue
@@ -1,12 +1,12 @@
 <template>
   <v-menu location="bottom">
     <template v-slot:activator="{ props }">
-      <v-btn flat append-icon="mdi-upload-box" variant="outlined" v-bind="props">
+      <v-btn flat append-icon="mdi-upload-box" variant="outlined" v-bind="props" role="listitem">
         <p>{{ $t("theseView.exporter") }}</p>
       </v-btn>
     </template>
-    <v-list>
-      <v-list-item
+    <v-list role="list">
+      <v-list-item role="listitem"
         v-for="(exportType, index) in exportTypeList"
         :key="index"
       >

diff --git a/components/common/ExportQueryButton.vue b/components/common/ExportQueryButton.vue
@@ -5,8 +5,8 @@
         title="Exporter les données" v-bind="props">
       </v-btn>
     </template>
-    <v-list>
-      <v-list-item v-for="(exportType, index) in exportTypeList" :key="index">
+    <v-list role="list">
+      <v-list-item v-for="(exportType, index) in exportTypeList" :key="index" role="listitem">
         <v-list-item-title class="export-titles">{{ $t(index) }}</v-list-item-title>
         <v-list-item-subtitle v-for="file in exportType" class="export-buttons">
           <v-btn color="secondary-darken-3" density="compact" :href="file.url" target="_blank">

diff --git a/components/common/FooterCustom.vue b/components/common/FooterCustom.vue
@@ -12,90 +12,89 @@
           <v-icon title="Lien externe">mdi-open-in-new</v-icon>
           {{ $t("accesDirect") }}
         </h1>
-        <div class="list-1">
-          <div class="colonne1">
-            <div>
+        <div class="list-1" role="list">
+          <div role="presentation" class="colonne1">
+            <div role="listitem">
               <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 theses.fr et relatives aux thèses soutenues">
                   {{ $t("footer.opendata") }}</a></span>
             </div>
-            <div>
+            <div 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">{{
           $t("footer.idRref")
         }}</a></span>
             </div>
-            <div>
+            <div 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 theses.fr">{{
           $t("footer.doc") }}</a></span>
             </div>
           </div>
-          <div class="colonne2">
-            <div>
+          <div role="presentation" class="colonne2">
+            <div 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">{{
-          $t("footer.catalogue") }}</a></span>
+                    $t("footer.catalogue") }}</a></span>
             </div>
-            <div>
+            <div 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">{{
-          $t("footer.tef")
-        }}</a></span>
+                    $t("footer.tef")
+                  }}</a></span>
             </div>
 
-            <div>
+            <div 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">{{
-          $t("footer.assistance") }}</a></span>
+                    $t("footer.assistance") }}</a></span>
             </div>
           </div>
         </div>
       </div>
-      <div class="logos-container footer-content">
-        <a href="https://www.enseignementsup-recherche.gouv.fr/fr" target="_blank" :title='$t("footer.logoMesriAlt")'>
+      <div class="logos-container footer-content" role="list">
+        <a role="listitem" href="https://www.enseignementsup-recherche.gouv.fr/fr" target="_blank" :title='$t("footer.logoMesriAlt")'>
           <img src="../../assets/logo-mesr.svg" :alt='$t("footer.logoMesriAlt")' class="pr-4 "></a>
         <a href="https://abes.fr/" target="_blank" :title='$t("footer.logoAbesAlt")'>
           <img src="../../assets/abes-logo-cercle.svg" :alt='$t("footer.logoAbesAlt")'></a>
       </div>
     </div>
     <v-divider></v-divider>
     <v-card-text class="footerBottom">
-      <div class="text-center text-md-left pa-0 slogan">
-        {{ new Date().getFullYear() }} —
-        theses.fr, le moteur de recherche des thèses françaises
-      </div>
-      <div class="text-center text-md-right pa-0">
-        <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">
-          {{ $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") }}
-        </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">
-          {{ $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">
-          {{ $t("accessibilite") }}
-        </v-btn>
-      </div>
+        <div class="text-center text-md-left pa-0 slogan">
+          {{ new Date().getFullYear() }} —
+          theses.fr, le moteur de recherche des thèses françaises
+        </div>
+        <div class="text-center text-md-right pa-0">
+          <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">
+            {{ $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") }}
+          </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">
+            {{ $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">
+            {{ $t("accessibilite") }}
+          </v-btn>
+        </div>
     </v-card-text>
   </v-footer>
 </template>
@@ -169,9 +168,6 @@
 
     justify-content: center;
 
-    a {
-      font-weight: 400;
-    }
 
     @media #{ map-get(settings.$display-breakpoints, 'sm-and-down')} {
       justify-content: flex-start;