Ajustements de la page contexte (#331)

* feat: add publish date in context page

* feat: hide contact name sentence if not provided

* docs: update changelog

Author: bellangerq

CHANGELOG.md

@@ -2,8 +2,14 @@
 
 Tous les changements notables de Ara sont documentés ici avec leur date, leur catégorie (nouvelle fonctionnalité, correction de bug ou autre changement) et leur pull request (PR) associée.
 
+## 24/03/2023
+
 ## 23/03/2023
 
+## Autres changements ⚙️
+
+- Petits ajustements d’affichage du contenu de la page Contexte d’un audit ([#331](https://github.com/DISIC/Ara/pull/331))
+
 ## Nouvelles fonctionnalités 🚀
 
 - Ajout d’un interrupteur pour marquer le résultat d’un critère comme transverse sur toutes les pages ([#317](https://github.com/DISIC/Ara/pull/317))

confiture-web-app/src/pages/consult/ContextPage.vue

@@ -3,7 +3,7 @@ import { useRoute } from "vue-router";
 
 import { useWrappedFetch } from "../../composables/useWrappedFetch";
 import { useReportStore } from "../../store";
-import { formatAuditType, getCriteriaCount } from "../../utils";
+import { formatDate, formatAuditType, getCriteriaCount } from "../../utils";
 import TopLink from "../../components/TopLink.vue";
 import PageMeta from "../../components/PageMeta";
 import { AuditType } from "../../types";
@@ -34,7 +34,12 @@ useWrappedFetch(() => report.fetchReport(uniqueId));
     <h1 class="fr-mb-3w fr-mb-md-9v">Contexte de l’audit</h1>
     <h2 class="fr-mb-2w fr-mb-md-3w">Introduction</h2>
     <p>
-      Cet audit est un audit
+      Cet audit
+      <template v-if="report.data.publishDate"
+        >réalisé le
+        <strong>{{ formatDate(report.data.publishDate) }}</strong></template
+      >
+      est un audit
       <strong>{{ formatAuditType(report.data.auditType).toLowerCase() }}</strong
       >,
       {{
@@ -92,10 +97,13 @@ useWrappedFetch(() => report.fetchReport(uniqueId));
     <h2 class="fr-mb-2w fr-mb-md-3w">Auditeur ou auditrice</h2>
 
     <p class="fr-mb-9v fr-mb-md-6w">
-      Cet audit a été réalisé par
-      <strong>{{ report.data.context.auditorName }}</strong
-      >. Pour toute question relative à cet audit, vous pouvez contacter
-      l’auditeur ou l’auditrice à l’adresse suivante :
+      <template v-if="report.data.context.auditorName"
+        >Cet audit a été réalisé par
+        <strong>{{ report.data.context.auditorName }}</strong
+        >.</template
+      >
+      Pour toute question relative à cet audit, vous pouvez contacter l’auditeur
+      ou l’auditrice à l’adresse suivante :
       <strong>{{ report.data.context.auditorEmail }}</strong
       >.
     </p>