feat: improve program long description display (#2165)

close #2105

Author: ttdm

apps/nuxt/src/assets/scss/tool/_breakpoint.scss

@@ -10,7 +10,7 @@
 }
 
 @mixin respond-to($media) {
-  @debug 'afin de rester mobile first, n‘utiliser la mixin respond-to uniquement s‘il n‘y a pas d‘autre alternative, lui préférer systématiquement la mixin respond-from';
+  // @debug 'afin de rester mobile first, n‘utiliser la mixin respond-to uniquement s‘il n‘y a pas d‘autre alternative, lui préférer systématiquement la mixin respond-from';
 
   $limits: map_get(setting.$breakpoints-values, $media);
 

apps/nuxt/src/components/program/detail/ProgramLongDescription.vue

@@ -7,29 +7,18 @@
     title-class="fr-h4"
   >
     <template #content>
-      <p
-        v-for="(paragraph, idx) in descriptionParagraphs"
-        :key="`long-description-paragraph-${idx}`"
-        :class="`fr-mb-0 fr-pb-${descriptionParagraphs.length - 1 === idx ? '3v' : '0'}`"
-      >
-        {{ paragraph || '&nbsp;' }}
-      </p>
+      <div v-html="Marked.toHtml(program['description longue'])"></div>
     </template>
   </TeeContentBlock>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
 import type { ProgramTypeForFront } from '@/types'
 import Translation from '@/tools/translation'
+import { Marked } from '@/tools/marked'
 
 interface Props {
   program: ProgramTypeForFront
 }
-const props = defineProps<Props>()
-
-const descriptionParagraphs = computed(() => {
-  const textRaw = props.program['description longue']
-  return textRaw ? textRaw.split('\n') : []
-})
+defineProps<Props>()
 </script>

libs/data/programs/aide-investissement-librairie.yaml

@@ -9,7 +9,8 @@ description: >-
 description longue: >-
   Les dossiers sont examinés selon les critères suivants :
 
-  -  Intérêt et pertinence du projet présenté (emplacement, configuration et
+
+  - Intérêt et pertinence du projet présenté (emplacement, configuration et
   agencement du local, implantation des rayons, positionnement en termes
   d’offre, pertinence et qualité de l’assortiment, programme d’animation et
   inscription dans la vie culturelle locale, outils et visibilité sur internet)
@@ -19,10 +20,10 @@ description longue: >-
   de l’assortiment, gestion, vente, conseil, etc.) ;
 
   - Viabilité financière, économique et commerciale économique du projet :
-         - Charges d’exploitation, pertinence des prévisionnels d’exploitation, coûts et financement de l’opération, apport en fonds propres ou par autofinancement, niveau d’endettement, aides publiques sollicitées et obtenues, notamment au titre de la transition écologique, etc. ;
-         - Situation économique, financière et juridique du demandeur ;
-         - S’il s’agit d’un projet de reprise, prix et conditions de cession, composition et valeur du stock repris, et, le cas échéant, situation financière de l’entreprise reprise ;
-         - S’il s’agit d’un projet de restructuration, de pérennisation, analyse des difficultés internes et externes, mesures opérationnelles et financières de redressement, et, le cas échéant, indemnisations perçues ou à percevoir.
+    - Charges d’exploitation, pertinence des prévisionnels d’exploitation, coûts et financement de l’opération, apport en fonds propres ou par autofinancement, niveau d’endettement, aides publiques sollicitées et obtenues, notamment au titre de la transition écologique, etc. ;
+    - Situation économique, financière et juridique du demandeur ;
+    - S’il s’agit d’un projet de reprise, prix et conditions de cession, composition et valeur du stock repris, et, le cas échéant, situation financière de l’entreprise reprise ;
+    - S’il s’agit d’un projet de restructuration, de pérennisation, analyse des difficultés internes et externes, mesures opérationnelles et financières de redressement, et, le cas échéant, indemnisations perçues ou à percevoir.
   - Contribution au maillage territorial : concurrence ou absence de concurrence
   directe, contraintes liées à l'environnement local (isolement accentué,
   département rural, ultramarin, caractéristiques sociodémographiques

libs/data/programs/amo-chaufferie-biomasse.yaml

@@ -7,17 +7,18 @@ description: >-
   entreprise? Afin de garantir la bonne exécution de votre projet, l’ADEME vous
   aide à financer des prestations d’assistance à maîtrise d’ouvrage (AMO).
 description longue: >-
-  Les missions d’assistance à maitrise d’ouvrage vous permettront :
+  Les missions d’assistance à maitrise d’ouvrage vous permettront : 
 
-  • d’assurer la qualité du projet à travers une vision globale et en
+
+  - d’assurer la qualité du projet à travers une vision globale et en
   coordination avec les différents acteurs du projet ;
 
-  • de mettre en œuvre les différentes étapes du projet et de rédiger les
+  - de mettre en œuvre les différentes étapes du projet et de rédiger les
   cahiers des charges si nécessaire (bureau d’études, maîtrise d’œuvre) ;
 
-  • de s’assurer de la conformité réglementaire et technique de l’installation ;
+  - de s’assurer de la conformité réglementaire et technique de l’installation ;
 
-  • de s’assurer du bon fonctionnement de l’installation et des modalités de
+  - de s’assurer du bon fonctionnement de l’installation et des modalités de
   maintenance.
 début de validité: 01/01/2023
 fin de validité: 31/12/2024

libs/data/programs/bciat-biomasse-chaleur-industrie-agriculture-tertiaire.yaml

@@ -14,13 +14,8 @@ description longue: >-
   hiérarchie suivante :
 
 
-  sobriété ;
-
-  efficacité énergétique ;
-
-  valorisation de chaleur fatale ;
-
-  étude des solutions bas carbone alternatives.
+  sobriété ; efficacité énergétique ; valorisation de chaleur fatale ; étude des
+  solutions bas carbone alternatives.
 
 
   Pour les études de solutions, la solution biomasse sera priorisée pour les

libs/data/programs/booster-eco-energie-tertiaire.yaml

@@ -8,21 +8,25 @@ description: >-
   d'énergie.**
 description longue: >-
   • Votre entreprise dispose de bâtiments de moins de 1 000 m² à usage tertiaire
-  ? Le financement "Booster Entreprises Eco-Energie Tertiaire" offre un soutien
+  ? \
+
+  Le financement "Booster Entreprises Eco-Energie Tertiaire" offre un soutien
   pour réaliser un audit énergétique, un plan d'action sur 2 ans et l'ingénierie
   pour la réalisation de vos travaux d'économie d'énergie.
 
 
   • Votre entreprise dispose de bâtiments de 1 000 m², et plus, à usage
-  tertiaire ? Le dispositif "Booster Entreprises Eco-Energie Tertiaire" offre un
-  soutien uniquement à la phase 3, à savoir l'ingénierie pour la mise en œuvre
-  d'actions et de travaux permettant l’atteinte des exigences du Dispositif Eco
-  Energie Tertiaire (DEET). Le DEET est une obligation réglementaire engageant
-  les acteurs du tertiaire vers la sobriété énergétique. Issu du décret 2019?771
-  du 23 juillet 2019 dit « décret tertiaire », il impose une réduction
-  progressive de la consommation d’énergie dans les bâtiments et parties de
-  bâtiments de 1 000 m², et plus, à usage tertiaire afin de lutter contre le
-  changement climatique.
+  tertiaire ? \
+
+  Le dispositif "Booster Entreprises Eco-Energie Tertiaire" offre un soutien
+  uniquement à la phase 3, à savoir l'ingénierie pour la mise en œuvre d'actions
+  et de travaux permettant l’atteinte des exigences du Dispositif Eco Energie
+  Tertiaire (DEET). Le DEET est une obligation réglementaire engageant les
+  acteurs du tertiaire vers la sobriété énergétique. Issu du décret 2019?771 du
+  23 juillet 2019 dit « décret tertiaire », il impose une réduction progressive
+  de la consommation d’énergie dans les bâtiments et parties de bâtiments de 1
+  000 m², et plus, à usage tertiaire afin de lutter contre le changement
+  climatique.
 début de validité: 01/01/2023
 fin de validité: 31/12/2025
 illustration: images/TEE_eolienne.png

libs/data/programs/cedre-ambition.yaml

@@ -10,22 +10,15 @@ description: >-
 description longue: >-
   Les structures candidates sont notées en fonction de :
 
-  1) Votre stratégie de développement :
-
-  • Modèle économique et financier passé.
-
-  • Formalisation et cohérence de la stratégie de développement.
-
-  • Potentiel de création d’emplois.
-
-  • Stratégie de financement.
-
-  2) Vos enjeux de l’accompagnement RSE et transition écologique : 
-
-  • Enjeux territoriaux et filière.
-
-  • Niveau d’ambition de l’entreprise en RSE et transition écologique.
 
+  1. Votre stratégie de développement : 
+     - Modèle économique et financier passé.
+     - Formalisation et cohérence de la stratégie de développement.
+     - Potentiel de création d’emplois.
+     - Stratégie de financement.
+  2. Vos enjeux de l’accompagnement RSE et transition écologique :
+     - Enjeux territoriaux et filière.
+     - Niveau d’ambition de l’entreprise en RSE et transition écologique.
 
   Ce dispositif est éligible au régime d'aides de minimis (cumul d’aides
   publiques inférieur à 290 500 euros sur les 3 dernières années).

libs/data/programs/cedre-investissement.yaml

@@ -11,56 +11,59 @@ description: >-
 description longue: >-
   Sont éligibles : 
 
-  • Les dépenses liées au déploiement, à la mise en œuvre et à la continuité du
+
+  - Les dépenses liées au déploiement, à la mise en œuvre et à la continuité du
   plan d’actions défini lors des parcours.
 
-  • Les dépenses portant sur des projets d’investissements liés à des dépenses
+  - Les dépenses portant sur des projets d’investissements liés à des dépenses
   matérielles et/ou immatérielles prenant en compte les enjeux de la transition
   écologique et énergétique et de la décarbonation.
 
-  • Le matériel d’occasion s’il est au prix du marché de l’occasion et sur
+  - Le matériel d’occasion s’il est au prix du marché de l’occasion et sur
   présentation d'une attestation d’achat accompagnée de la facture initiale.
 
 
   À titre d'exemple (non exhaustif) : 
 
-  • Équipements économes en ressources.
 
-  • Équipements permettant un meilleur tri des déchets ou de l’incorporation de
+  - Équipements économes en ressources.
+
+  - Équipements permettant un meilleur tri des déchets ou de l’incorporation de
   matières premières secondaires.
 
-  • Équipements de vrac.
+  - Équipements de vrac.
 
-  • Équipements favorisant l'efficacité énergétique (machines moins énergivores,
+  - Équipements favorisant l'efficacité énergétique (machines moins énergivores,
   éclairage plus performant, isolation).
 
-  • Récupérateurs d’eau.
+  - Récupérateurs d’eau.
+
+  - Études préalables à des investissements.
 
-  • Études préalables à des investissements.
 
+  Sont exclus :
 
-  Sont exclus : 
 
-  • Travaux de construction de bâtiments, extensions, voirie.
+  - Travaux de construction de bâtiments, extensions, voirie.
 
-  • Travaux d’aménagement sauf ceux favorisant explicitement les économies
+  - Travaux d’aménagement sauf ceux favorisant explicitement les économies
   d’énergie avec des précisions sur les économies attendues.
 
-  • Climatisations.
+  - Climatisations.
 
-  • Acquisition de terrains ou de bâtiments.
+  - Acquisition de terrains ou de bâtiments.
 
-  • Équipements informatiques.
+  - Équipements informatiques.
 
-  • Acquisitions effectuées par crédit-bail.
+  - Acquisitions effectuées par crédit-bail.
 
-  • Dépenses de R&D ou développement expérimental.
+  - Dépenses de R&D ou développement expérimental.
 
-  • Toutes dépenses de fonctionnement, y compris les dépenses de personnel ou
+  - Toutes dépenses de fonctionnement, y compris les dépenses de personnel ou
   d’abonnements pouvant être liées au projet d’investissement.
 
 
-  • Les investissements portant sur l'installation de panneaux photovoltaïques,
+  Les investissements portant sur l'installation de panneaux photovoltaïques,
   pompes à chaleur géothermiques et le solaire thermique collectif sont
   également exclus. Des dispositifs spécifiques sont mobilisables.
 illustration: images/TEE_ampoule.png

libs/data/programs/decarb-ind-25.yaml

@@ -9,24 +9,21 @@ description: >-
 description longue: >-
   Les dépenses d’investissement éligibles correspondent notamment aux :
 
+
   - Equipements de production (outil productif) ;
 
   - Equipements nécessaires à l'outil productif telles que les utilités (vapeur,
   air comprimé, etc.) ;
 
   - Equipements périphériques tels que : raccordement/armoire électrique,
-  tuyauterie,
-
-  automatisme, etc. ;
-
+  tuyauterie,\
+    automatisme, etc. ;
   - Equipements de mesure, comptage, suivi et reporting des consommations
   d'énergie ou des émissions de GES ;
 
   - Les travaux d'installation des équipements listés ci-dessus, y compris le
-  génie civil,
-
-  terrassement, VRD ;
-
+  génie civil,\
+    terrassement, VRD ;
   - Les études d'ingénierie ainsi que les études de suivi de réalisation et la
   coordination des travaux. Pour les études réalisées en interne, les dépenses
   seront limitées à 10% de l'ensemble des autres dépenses éligibles ; le
@@ -39,46 +36,23 @@ description longue: >-
 
   Quatre thématiques sont éligibles :
 
-  1- Efficacité énergétique
-
-  - Remplacement d'un équipement par un équipement énergétiquement plus
-  performant
-
-  - Mise en place d’équipements de récupération de chaleur 
-
-  - Valorisation de combustible fatal sous forme 100 % thermique
-
-
-  2- Modification du mix énergétique
-
-  - Electrification des procédés et des utilités : (four électrique, compression
-  mécanique de vapeur, pompe à chaleur, séparation membranaire ...) ;
-
-  - Intégration d’énergies thermiques renouvelables ou de récupération 
-
-
-  3- Modification du mix matières
-
-  - Procédés de recyclage ou utilisation de matière recyclée conduisant à une
-  réduction des émissions de GES ;
-
-  - Procédés d'efficacité matière ;
-
-  - Utilisation de matières premières alternatives conduisant à une réduction
-  des émissions de GES ;
-
-  - Réduction d’autres GES que le CO2 (exemples : le méthane (CH4), le protoxyde
-  d’azote ((N2O),
-
-  etc.).
-
-
-  4-Captage, stockage et utilisation du CO2
-
-  - Captage et séquestration du carbone.
 
-  - Captage et utilisation de carbone, uniquement pour des projets de
-  minéralisation.
+  1. Efficacité énergétique
+     - Remplacement d'un équipement par un équipement énergétiquement plus performant
+     - Mise en place d’équipements de récupération de chaleur
+     - Valorisation de combustible fatal sous forme 100 % thermique
+  2. Modification du mix énergétique
+     - Electrification des procédés et des utilités : (four électrique, compression mécanique de vapeur, pompe à chaleur, séparation membranaire ...) ;
+     - Intégration d’énergies thermiques renouvelables ou de récupération
+  3. Modification du mix matières
+     - Procédés de recyclage ou utilisation de matière recyclée conduisant à une réduction des émissions de GES ;
+     - Procédés d'efficacité matière ;
+     - Utilisation de matières premières alternatives conduisant à une réduction des émissions de GES ;
+     - Réduction d’autres GES que le CO2 (exemples : le méthane (CH4), le protoxyde d’azote ((N2O),\
+       etc.).
+  4. Captage, stockage et utilisation du CO2
+     - Captage et séquestration du carbone.
+     - Captage et utilisation de carbone, uniquement pour des projets de minéralisation.
 début de validité: 09/12/2024
 fin de validité: 15/05/2025
 illustration: images/TEE_eolienne.png

libs/data/programs/deploiement-flottes-hydrogene.yaml

@@ -10,31 +10,28 @@ description: >-
 description longue: >-
   Les coûts admissibles sont les suivants :
 
-  a) en ce qui concerne les investissements consistant en l’achat de véhicules
+
+  - en ce qui concerne les investissements consistant en l’achat de véhicules
   propres ou de véhicules à émission nulle, les coûts supplémentaires liés à
   l’achat du véhicule propre ou du véhicule à émission nulle. Ils sont calculés
   comme étant la différence entre les coûts d’investissement liés à l’achat du
   véhicule propre ou du véhicule à émission nulle et les coûts d’investissement
   liés à l’achat d’un véhicule de la même catégorie qui est conforme aux normes
   de l’Union applicables déjà en vigueur et qui aurait été acquis sans l’aide ;
 
-  b) en ce qui concerne les investissements consistant en la location de
+  - en ce qui concerne les investissements consistant en la location de
   véhicules propres ou de véhicules à émission nulle, les coûts supplémentaires
   liés à la location du véhicule propre ou du véhicule à émission nulle. Ils
   sont calculés comme étant la différence entre la valeur actuelle nette liée à
   la location du véhicule propre ou du véhicule à émission nulle et la valeur
-  actuelle nette liée à la
-
-  location d’un véhicule de la même catégorie qui est conforme aux normes de
-  l’Union applicables déjà en vigueur et qui aurait été loué sans l’aide. Aux
-  fins de la détermination des coûts admissibles, les coûts d’exploitation liés
-  à l’exploitation du véhicule, y compris les coûts de l’énergie, les coûts
-  d’assurance et les coûts d’entretien, ne sont pas pris en considération,
-  qu’ils soient ou non inclus dans
-
-  le contrat de location;
+  actuelle nette liée à la location d’un véhicule de la même catégorie qui est
+  conforme aux normes de l’Union applicables déjà en vigueur et qui aurait été
+  loué sans l’aide. Aux fins de la détermination des coûts admissibles, les
+  coûts d’exploitation liés à l’exploitation du véhicule, y compris les coûts de
+  l’énergie, les coûts d’assurance et les coûts d’entretien, ne sont pas pris en
+  considération, qu’ils soient ou non inclus dans le contrat de location;
 
-  c) en ce qui concerne les investissements consistant en la mise à niveau de
+  - en ce qui concerne les investissements consistant en la mise à niveau de
   véhicules leur permettant d’être considérés comme des véhicules propres ou des
   véhicules à émission nulle, les coûts de l’investissement dans la mise à
   niveau.