Merge pull request #282 from dnum-mi/feat/footer-links

feat: ✨ Implémente la possibilité de changer les liens de l'…

Author: laruiss

src/components/DsfrFooter/DsfrFooter.e2e.js

@@ -3,7 +3,6 @@ import DsfrFooter from './DsfrFooter.vue'
 import DsfrFooterLinkList from './DsfrFooterLinkList.vue'
 import VIcon from '../../icons.js'
 import '../../main.css'
-import { ecosystemLinks } from '../../constants.js'
 
 const data = {
   dark: false,
@@ -52,6 +51,23 @@ const data = {
   },
 
 }
+const ecosystemLinks = [{
+  label: 'legifrance.gouv.fr',
+  href: 'https://legifrance.gouv.fr',
+},
+{
+  label: 'gouvernement.fr',
+  href: 'https://gouvernement.fr',
+},
+{
+  label: 'service-public.fr',
+  href: 'https://service-public.fr',
+},
+{
+  label: 'data.gouv.fr',
+  href: 'https://data.gouv.fr',
+},
+]
 const a11yCompliance = 'partiellement conforme'
 const allLinks = [
   ...data.beforeMandatoryLinks,
@@ -87,6 +103,7 @@ const DsfrFooterWrapper = {
       :a11y-compliance="a11yCompliance"
       :before-mandatory-links="beforeMandatoryLinks"
       :after-mandatory-links="afterMandatoryLinks"
+      :ecosystem-links="ecosystemLinks"
       :logo-text="logoText"
       :legal-link="legalLink"
       :personal-data-link="personalDataLink"

src/components/DsfrFooter/DsfrFooter.stories.js

@@ -23,6 +23,10 @@ export default {
       control: 'object',
       description: 'Liste de liens succédant aux liens par défaut (liens obligatoires)',
     },
+    ecosystemLinks: {
+      control: 'object',
+      description: 'Liste de liens relatifs au gouvernement (par défaut si la props n\'est pas renseignée elle contient les quatre liens obligatoires pour un site public)',
+    },
     a11yCompliance: {
       control: 'radio',
       options: [
@@ -72,6 +76,7 @@ export const PiedDePageSimple = (args) => ({
     :desc-text="descText"
     :home-link="homeLink"
     :partners="partners"
+    :ecosystem-links="ecosystemLinks"
   >
     <template v-slot:description>
       <p>
@@ -101,6 +106,24 @@ PiedDePageSimple.args = {
   a11yComplianceLink: '/a11y-conformite',
   descText: 'Description',
   homeLink: '/',
+  ecosystemLinks: [
+    {
+      label: 'legifrance.gouv.fr',
+      href: 'https://legifrance.gouv.fr',
+    },
+    {
+      label: 'gouvernement.fr',
+      href: 'https://gouvernement.fr',
+    },
+    {
+      label: 'service-public.fr',
+      href: 'https://service-public.fr',
+    },
+    {
+      label: 'data.gouv.fr',
+      href: 'https://data.gouv.fr',
+    },
+  ],
   partners: {
     mainPartner: {
       name: 'Partenaire principal',
@@ -135,6 +158,7 @@ export const PiedDePage = (args) => ({
     :a11y-compliance="a11yCompliance"
     :before-mandatory-links="beforeMandatoryLinks"
     :after-mandatory-links="afterMandatoryLinks"
+    :ecosystem-links="ecosystemLinks"
     :logo-text="logoText"
     :legal-link="legalLink"
     :personal-data-link="personalDataLink"
@@ -194,6 +218,24 @@ PiedDePage.args = {
     { label: 'Lien 2.1', to: '/lien2/1' },
     { label: 'Lien 2.2', to: '/lien 2/2' },
   ],
+  ecosystemLinks: [
+    {
+      label: 'legifrance.gouv.fr',
+      href: 'https://legifrance.gouv.fr',
+    },
+    {
+      label: 'gouvernement.fr',
+      href: 'https://gouvernement.fr',
+    },
+    {
+      label: 'service-public.fr',
+      href: 'https://service-public.fr',
+    },
+    {
+      label: 'data.gouv.fr',
+      href: 'https://data.gouv.fr',
+    },
+  ],
   partners: {
     mainPartner: {
       name: 'Partenaire principal',

src/components/DsfrFooter/DsfrFooter.vue

@@ -4,8 +4,6 @@ import { defineComponent } from 'vue'
 import DsfrLogo from '../DsfrLogo/DsfrLogo.vue'
 import DsfrFooterPartners from '../DsfrFooter/DsfrFooterPartners.vue'
 
-import { ecosystemLinks } from '../../constants.js'
-
 export default defineComponent({
   name: 'DsfrFooter',
 
@@ -59,11 +57,32 @@ export default defineComponent({
       type: Array,
       default: () => [],
     },
+    ecosystemLinks: {
+      type: Array,
+      default: () => [
+        {
+          label: 'legifrance.gouv.fr',
+          href: 'https://legifrance.gouv.fr',
+        },
+        {
+          label: 'gouvernement.fr',
+          href: 'https://gouvernement.fr',
+        },
+        {
+          label: 'service-public.fr',
+          href: 'https://service-public.fr',
+        },
+        {
+          label: 'data.gouv.fr',
+          href: 'https://data.gouv.fr',
+        },
+      ],
+    },
+
   },
 
   data () {
     return {
-      ecosystemLinks,
       mandatoryLinks: [
         {
           label: `Accessibilité : ${this.a11yCompliance}`,