refactor(Mentions légales): Migration de la page sur vue 3 (#4725)

2024-frontend/src/components/AppFooter.vue

@@ -10,6 +10,7 @@ const descText =
     :logo-text
     a11yCompliance="partiellement conforme"
     :a11yComplianceLink="{ name: 'AccessibilityDeclaration' }"
+    :legalLink="{ name: 'LegalNotices' }"
     :personalDataLink="{ name: 'PrivacyPolicy' }"
     :cookiesLink="{ name: 'Cookies' }"
     :afterMandatoryLinks="[{ text: 'Plan du site', to: { name: 'SiteMap' } }]"

2024-frontend/src/css/global.css

@@ -0,0 +1,3 @@
+address {
+    font-style: normal;
+}

2024-frontend/src/main.js

@@ -16,6 +16,8 @@ import LeafIcon from "mdi-icons/Leaf"
 // https://www.npmjs.com/package/vue-material-design-icons
 import "mdi-icons/styles.css"
 
+import "./css/global.css"
+
 import App from "./App.vue"
 import { router } from "./router"
 

2024-frontend/src/router/index.js

@@ -2,6 +2,7 @@ import { createRouter, createWebHistory } from "vue-router"
 import WasteMeasurementTunnel from "@/views/WasteMeasurementTunnel"
 import ImportSelection from "@/views/ImportSelection"
 import WasteMeasurements from "@/views/WasteMeasurements"
+import LegalNotices from "@/views/LegalNotices"
 import { useRootStore } from "@/stores/root"
 
 const routes = [
@@ -39,6 +40,14 @@ const routes = [
       ],
     },
   },
+  {
+    path: "/mentions-legales",
+    name: "LegalNotices",
+    component: LegalNotices,
+    meta: {
+      title: "Mentions légales",
+    },
+  },
 ]
 
 const VUE3_PREFIX = "/v2"

2024-frontend/src/views/LegalNotices/index.vue

@@ -0,0 +1,76 @@
+<template>
+  <div class="legal-notices fr-col-12 fr-col-md-8">
+    <h1>Mentions légales</h1>
+    <section>
+      <h2>Éditeur de la Plateforme</h2>
+      <p>
+        La Plateforme
+        <router-link :to="{ name: 'Vue2Home' }">https://ma-cantine.agriculture.gouv.fr/</router-link>
+        est éditée par la Direction générale de l’alimentation du ministère de l’Agriculture et de la Souveraineté
+        Alimentaire.
+      </p>
+    </section>
+    <section>
+      <h2>Directeur ou directrice de la publication</h2>
+      <p>
+        Maud FAIPOUX, directrice générale de l’alimentation du ministère de l’Agriculture et de la Souveraineté
+        Alimentaire.
+      </p>
+    </section>
+    <section>
+      <h2>Hébergement de la Plateforme</h2>
+      <p>Cette plateforme est hébergé par:</p>
+      <address class="fr-mb-3w">
+        Clevercloud <br />
+        3 rue de l'Allier <br />
+        44000 Nantes <br />
+        France
+      </address>
+    </section>
+    <section>
+      <h2>Accessibilité</h2>
+      <p>
+        La conformité aux normes d’accessibilité numérique est un objectif ultérieur mais nous tâchons de rendre cette
+        plateforme accessible à toutes et à tous.
+      </p>
+      <p>
+        Pour en savoir plus sur la politique d’accessibilité numérique de l’État :
+        <a target="_blank" href="https://accessibilite.numerique.gouv.fr/">
+          https://accessibilite.numerique.gouv.fr/
+        </a>
+        .
+      </p>
+      <p>
+        Pour nous signaler des problèmes ou suggestions d'amélioration concernant l'accessibilité de la plateforme, deux
+        options :
+      </p>
+      <ul>
+        <li>
+          nous signaler par email :
+          <a rel="noopener" href="mailto:support-egalim@beta.gouv.fr">support-egalim@beta.gouv.fr</a>
+        </li>
+        <li>
+          créer une “issue” sur
+          <a target="_blank" href="https://github.com/betagouv/ma-cantine">le dépôt de code sur GitHub</a>
+        </li>
+      </ul>
+      <p>
+        Si vous n’obtenez pas de réponse rapide de notre part, vous êtes en droit de faire parvenir vos doléances ou une
+        demande de saisine au Défenseur des droits.
+      </p>
+    </section>
+    <section>
+      <h2>Code source</h2>
+      <p>
+        Le code source est ouvert et les contributions sont bienvenues :
+        <a target="_blank" href="https://github.com/betagouv/ma-cantine">voir le code source</a>.
+      </p>
+    </section>
+    <section>
+      <h2>Signaler un dysfonctionnement ou une question</h2>
+      <p>
+        Envoyez-nous un courriel à <a rel="noopener" href="mailto:support-egalim@beta.gouv.fr">support-egalim@beta.gouv.fr</a>.
+      </p>
+    </section>
+  </div>
+</template>

frontend/src/router/index.js

@@ -13,7 +13,6 @@ import CanteenWidget from "@/views/CanteensPage/CanteenWidget"
 import CanteenSearchLanding from "@/views/CanteenSearchLanding"
 import CanteensHome from "@/views/CanteensPage/CanteensHome"
 import CanteenPage from "@/views/CanteensPage/CanteenPage"
-import LegalNotices from "@/views/LegalNotices"
 import AccountSummaryPage from "@/views/AccountSummaryPage"
 import AccountEditor from "@/views/AccountSummaryPage/AccountEditor"
 import PasswordChangeEditor from "@/views/AccountSummaryPage/PasswordChangeEditor"
@@ -210,15 +209,6 @@ const routes = [
     component: CanteenWidget,
     props: true,
   },
-  {
-    path: "/mentions-legales",
-    name: "LegalNotices",
-    component: LegalNotices,
-    meta: {
-      title: "Mentions légales",
-    },
-    sitemapGroup: Constants.SitemapGroups.SITE,
-  },
   {
     path: "/blog",
     component: BlogsPage,
@@ -615,6 +605,14 @@ const vue3Routes = [
     path: "/evaluation-gaspillage-alimentaire/:canteenUrlComponent/:id?",
     name: "WasteMeasurementTunnel",
   },
+  {
+    path: "/mentions-legales",
+    name: "LegalNotices",
+    meta: {
+      title: "Mentions Légales",
+    },
+    sitemapGroup: Constants.SitemapGroups.SITE,
+  },
 ]
 const VUE3_PREFIX = "/v2"
 vue3Routes.forEach((r) => {