feat: affichage partenaire aide (#874)

betagouv · Jan 16, 2025 · 006b6bd · 006b6bd
1 parent a609b2b
commit 006b6bd
Show file tree

Hide file tree

Showing 6 changed files with 81 additions and 3 deletions.
diff --git a/src/components/custom/Aides/Aides.vue b/src/components/custom/Aides/Aides.vue
@@ -12,8 +12,16 @@
           <div v-for="aide in aides" :id="`aide_${aide.id}`" :key="aide.id" class="fr-mb-2w">
             <Accordeon :label="aide.titre" :name-id="aide.id" @click="trackAideClick(aide)">
               <template v-slot:titre>
-                <span class="fr-col-12 fr-pr-2w">
-                  <ThematiqueTag :tag="aide.thematiqueTag" aria-hidden="true" />
+                <div class="fr-col-12 fr-pr-2w">
+                  <div class="flex flex-space-between align-items--center">
+                    <ThematiqueTag :tag="aide.thematiqueTag" aria-hidden="true" />
+                    <img
+                      v-if="aide.partenaire"
+                      :alt="aide.partenaire.accessibilite"
+                      :src="aide.partenaire.logoUrl"
+                      height="50"
+                    />
+                  </div>
                   <span class="aide__titre fr-mt-2w">
                     <span class="fr-h4 text--gris">
                       {{ aide.titre }}
@@ -32,7 +40,7 @@
                       </span>
                     </span>
                   </span>
-                </span>
+                </div>
               </template>
               <template v-slot:contenu>
                 <div class="cms__content" v-html="aide.contenu" />

diff --git a/src/domaines/aides/adapters/chargementAides.presenter.impl.ts b/src/domaines/aides/adapters/chargementAides.presenter.impl.ts
@@ -43,6 +43,12 @@ export class ChargementAidesPresenterImpl implements ChargementAidesPresenter {
           style: TagThematique.getTagThematiqueUtilitaire(aide.thematique),
         },
         urlCommencerVotreDemarche: aide.urlCommencerVotreDemarche,
+        partenaire: aide.partenaire
+          ? {
+              logoUrl: aide.partenaire.logoUrl,
+              accessibilite: `proposé par ${aide.partenaire.nom}`,
+            }
+          : undefined,
       };
 
       map[thematiqueLabel].push(aideToPush);

diff --git a/src/domaines/aides/adapters/chargementAidesAxiosRepository.ts b/src/domaines/aides/adapters/chargementAidesAxiosRepository.ts
@@ -18,6 +18,8 @@ interface AideApiModel {
   thematiques: string[];
   montant_max: number;
   url_demande?: string;
+  partenaire_logo_url?: string;
+  partenaire_nom?: string;
 }
 
 export class ChargementAidesAxiosRepository implements ChargementAidesRepository {
@@ -43,6 +45,12 @@ export class ChargementAidesAxiosRepository implements ChargementAidesRepository
           isSimulateur: aide.is_simulateur,
           montantMaximum: aide.montant_max,
           urlCommencerVotreDemarche: aide.url_demande,
+          partenaire: aide.partenaire_logo_url
+            ? {
+                logoUrl: aide.partenaire_logo_url!,
+                nom: aide.partenaire_nom!,
+              }
+            : undefined,
         })),
     };
   }

diff --git a/src/domaines/aides/chargementAides.usecase.ts b/src/domaines/aides/chargementAides.usecase.ts
@@ -17,6 +17,10 @@ export interface Aide {
   montantMaximum?: number;
   thematique: ClefThematiqueAPI;
   urlCommencerVotreDemarche?: string;
+  partenaire?: {
+    logoUrl: string;
+    nom: string;
+  };
 }
 
 export default class ChargementAidesUsecase {

diff --git a/src/domaines/aides/ports/chargementAides.presenter.ts b/src/domaines/aides/ports/chargementAides.presenter.ts
@@ -11,6 +11,10 @@ export interface AideViewModel {
   thematiqueLabel: string;
   thematiqueTag: { label: string; style: TagStyle };
   urlCommencerVotreDemarche?: string;
+  partenaire?: {
+    logoUrl: string;
+    accessibilite: string;
+  };
 }
 
 export interface AidesViewModel {

diff --git a/tests/aides/chargementAides.usecase.spec.ts b/tests/aides/chargementAides.usecase.spec.ts
@@ -112,6 +112,26 @@ class ChargementAidesRepositoryForTest implements ChargementAidesRepository {
           idDuContenu: '',
           isSimulateur: true,
         },
+        {
+          id: 'id-7',
+          titre: 'Aide test',
+          sousTitre: '',
+          categorie: '🥦 Alimentation',
+          thematique: ClefThematiqueAPI.alimentation,
+          nombreDePointsAGagner: '25',
+          miseEnAvant: '',
+          type: 'AIDE',
+          illustrationURL: 'https://picsum.photos/200/300',
+          url: 'vos-aides-velo',
+          isUrlExterne: false,
+          contenu: '<h3>Titre test</h3><p>lorem ipsum dolor test</p>',
+          idDuContenu: '',
+          isSimulateur: true,
+          partenaire: {
+            logoUrl: 'https://',
+            nom: 'Partenaire test',
+          },
+        },
       ],
     });
   }
@@ -151,6 +171,7 @@ describe('Fichier de tests pour charger toutes les aides', () => {
               titre: "Simulez vos aides pour l'achat d'un vélo",
               url: 'vos-aides-velo',
               urlCommencerVotreDemarche: 'urlCommencerVotreDemarche',
+              partenaire: undefined,
             },
             {
               contenu: '<h3>Titre test</h3><p>lorem ipsum dolor test</p>',
@@ -169,6 +190,7 @@ describe('Fichier de tests pour charger toutes les aides', () => {
               titre: 'Simulez vos aides pour convertir votre voiture thermique en électrique',
               url: 'vos-aides-retrofit',
               urlCommencerVotreDemarche: undefined,
+              partenaire: undefined,
             },
           ],
           '🥗 Me nourrir': [
@@ -189,6 +211,7 @@ describe('Fichier de tests pour charger toutes les aides', () => {
               titre: 'Aide test',
               url: 'vos-aides-velo',
               urlCommencerVotreDemarche: undefined,
+              partenaire: undefined,
             },
             {
               contenu: '<h3>Titre test</h3><p>lorem ipsum dolor test</p>',
@@ -207,6 +230,7 @@ describe('Fichier de tests pour charger toutes les aides', () => {
               titre: 'Aide test',
               url: 'vos-aides-velo',
               urlCommencerVotreDemarche: undefined,
+              partenaire: undefined,
             },
             {
               contenu: '<h3>Titre test</h3><p>lorem ipsum dolor test</p>',
@@ -225,6 +249,7 @@ describe('Fichier de tests pour charger toutes les aides', () => {
               titre: 'Aide test',
               url: 'vos-aides-velo',
               urlCommencerVotreDemarche: undefined,
+              partenaire: undefined,
             },
             {
               contenu: '<h3>Titre test</h3><p>lorem ipsum dolor test</p>',
@@ -243,6 +268,29 @@ describe('Fichier de tests pour charger toutes les aides', () => {
               titre: 'Aide test',
               url: 'vos-aides-velo',
               urlCommencerVotreDemarche: undefined,
+              partenaire: undefined,
+            },
+            {
+              contenu: '<h3>Titre test</h3><p>lorem ipsum dolor test</p>',
+              id: 'id-7',
+              isSimulateur: true,
+              montantMaximum: undefined,
+              partenaire: {
+                accessibilite: 'proposé par Partenaire test',
+                logoUrl: 'https://',
+              },
+              thematiqueLabel: '🥗 Me nourrir',
+              thematiqueTag: {
+                label: 'Me nourrir',
+                style: {
+                  backgroundColor: '#E3FBAF',
+                  color: '#175202',
+                  emoji: '🥗',
+                },
+              },
+              titre: 'Aide test',
+              url: 'vos-aides-velo',
+              urlCommencerVotreDemarche: undefined,
             },
           ],
         },