From 9464c38b532be2df35bd999c9e2525d4255e71b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9o=20Chambon?= <chambon@levant.abes.fr>
Date: Wed, 18 Oct 2023 14:23:01 +0200
Subject: [PATCH] ajout page erreur

---
 components/theses/ThesisSkeleton.vue |  3 +-
 error.vue                            | 81 ++++++++++++++++++++++++++++
 pages/[id].vue                       |  3 ++
 pages/index.vue                      |  6 ---
 4 files changed, 86 insertions(+), 7 deletions(-)
 create mode 100644 error.vue

diff --git a/components/theses/ThesisSkeleton.vue b/components/theses/ThesisSkeleton.vue
index 27a12c96..8af6d708 100644
--- a/components/theses/ThesisSkeleton.vue
+++ b/components/theses/ThesisSkeleton.vue
@@ -7,7 +7,8 @@
     <v-skeleton-loader type="table-row"></v-skeleton-loader>
     <v-skeleton-loader type="table-row"></v-skeleton-loader>
     <v-skeleton-loader type="table-row" class="px-4"></v-skeleton-loader>
-    <v-skeleton-loader type="button" class="d-flex flex-row-reverse pe-7 w-25"></v-skeleton-loader>
+    <v-skeleton-loader type="article"></v-skeleton-loader>
+    <v-skeleton-loader type="article"></v-skeleton-loader>
     <v-skeleton-loader type="article"></v-skeleton-loader>
 </template>
 
diff --git a/error.vue b/error.vue
new file mode 100644
index 00000000..63f1ea68
--- /dev/null
+++ b/error.vue
@@ -0,0 +1,81 @@
+<script setup lang="ts">
+const props = defineProps({
+    error: Object
+})
+
+const handleError = () => clearError({ redirect: '/' })
+</script>
+
+<template>
+    <v-app>
+        <CommonHeaderCustom></CommonHeaderCustom>
+        <v-main>
+            <h1>Erreur {{ error.statusCode }} : <div v-if="error.statusCode.toString().startsWith('4')">Page
+                    Introuvable</div>
+                <div v-if="error.statusCode.toString().startsWith('5')">Serveur
+                    Indisponible</div>
+            </h1>
+            <p v-if="error.statusCode.toString().startsWith('5')"><strong>Merci d'essayer à nouveau dans quelques instants.
+                    Si le problème persiste vous
+                    pouvez contacter le guichet
+                    d'assistance de l'Abes : <a href="https://stp.abes.fr/node/3?origine=thesesFr"
+                        target="_blank">https://stp.abes.fr/node/3?origine=thesesFr</a>.</strong>
+                <br /><br />
+                Vous pouvez joindre les informations suivantes à votre demande d'assistance :
+                <br /><br />
+            <pre>{{ error.message }}</pre>
+            <br />
+            <span v-html="error.stack" />
+            </p>
+            <p v-if="error.statusCode.toString().startsWith('4')"><strong>La page à laquelle vous tentez d'accéder n'existe
+                    pas, ou
+                    n'est plus disponible.</strong></p>
+            <br /><br />
+            <button @click="handleError">Retour à l'accueil</button>
+        </v-main>
+        <CommonFooterCustom></CommonFooterCustom>
+    </v-app>
+</template>
+
+<style scoped>
+h1 {
+    padding-top: 20px;
+    padding-bottom: 20px;
+    font-size: 3rem;
+    width: 80%;
+}
+
+button {
+    font-size: 2em;
+    color: #252C61;
+    border: solid 2px #252C61;
+    border-radius: 5px;
+    background-color: transparent;
+    padding: 10px;
+    margin-bottom: 50px;
+
+}
+
+p {
+    width: 90%;
+    padding: 20px;
+}
+
+pre {
+    width: 80%;
+    white-space: pre-wrap;
+    display: grid !important;
+
+}
+
+:deep(.stack) {
+    display: contents;
+    width: 80%;
+    white-space: pre-wrap;
+    word-break: break-all;
+}
+
+div {
+    display: inline;
+}
+</style>
\ No newline at end of file
diff --git a/pages/[id].vue b/pages/[id].vue
index 18e2e858..25bc42ba 100644
--- a/pages/[id].vue
+++ b/pages/[id].vue
@@ -45,6 +45,9 @@ function checkId(id) {
             }).catch(() => { return "personne" })
     }
     else if (regexSujet.test(id)) type.value = "sujet";
+    else {
+        throw createError({ statusCode: 404, statusMessage: 'Page Not Found' })
+    }
 }
 
 </script>
diff --git a/pages/index.vue b/pages/index.vue
index 65947f7e..2276257b 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -50,12 +50,6 @@ const { data: nbSujets } = await getStatsSujets();
 const { data: nbTheses } = await getStatsTheses();
 const { data: nbPersonnes } = await getStatsPersonnes();
 
-useSeoMeta({
-    title: `Theses.fr`,
-    ogTitle: `Theses.fr`,
-    description: "Moteur de recherche des thèses françaises, theses.fr propose l’accès aux thèses de doctorat soutenues ou en préparation.",
-    ogDescription: "Moteur de recherche des thèses françaises, theses.fr propose l’accès aux thèses de doctorat soutenues ou en préparation."
-})
 onMounted(() => {
     // réinitialiser les éléments liés à la recherche au retour à la page d'accueil
     reinitializeResultData();