Repository: MTES-MCT/monitorenv
Pull request #2141: [Brief] Ajout de définitions 
Author: login: maximeperraultdev
Created: 2025-03-03T09:27:06Z | Merged: 2025-03-04T16:46:10Z

+ fix typo AMP => Aires Marines Protégées

## Related Pull Requests & Issues

- Resolve #1992 


Linked issue #1992: PDF Tableau de bord - nommage, explications, rappel définitions
Charlotte
Charlotte : **Renommer "Zones AMP" en "Aire Maritime Protégée"**
XA : dans PDF je pense.

Charlotte
Difficulté pour l’unité si envoi du PDF de faire la **différence entre zones de vigilance et signalement** ? 
XA : ajouter une explications peut-être sur ce que sont les ZV et les signalements ?

Charlotte
Concernant la pression territoriale des contrôle et surveillance ; connotation négative ? que veut-on indiquer ? principales zones d’infraction ou **effort de surveillance et contrôle** comme dans Metabase


Antoine : 
Quelle utilisation des signalements dans les briefs ? Ont-ils vocation à éclairer les unités sur le type de comportements ou de suspicions d'infractions rencontrés dans une zone (ex : plusieurs signalements de chiens dans une réserve il y a quelques jours ; sans qu’une zone de vigilance ne soit créée) ou à mobiliser une unité rapidement ? 

Avec la mise en place d’une fenêtre commentaire, ce type de signalements “chien dans une réserve” peut simplement se transformer en commentaire près de la réglementation réserve. 

XA : de façon génrale, faire en sorte que le pdf soit plus compréhensible des unités, donc peut être rappeler qq définitions

XA : peut etre dans une dernière page du pdf ; une page "notice" ?
Linked issue comments: user: login: xauffret
created_at: 2025-01-24T09:13:55Z
body: Une page de garde ? un lexique ?
author_association: COLLABORATOR
user: login: thrulight
created_at: 2025-02-19T16:48:59Z
body: @claire2212 @maximeperraultdev On a décidé de ne pas faire de page dédiée pour le lexique supplémentaire, mais plutôt de rajouter une description sous les titres "Zones de vigilance" et "Signalements". 

[Voici les maquettes](https://xd.adobe.com/view/f7a125f9-14bc-41b3-b365-d57e5044220a-a2f2/)
author_association: COLLABORATOR

Diff:
diff --git a/frontend/src/features/Dashboard/components/Pdf/v1/Layout/Cover.tsx b/frontend/src/features/Dashboard/components/Pdf/v1/Layout/Cover.tsx
index 2765cb4b83..111504bf41 100644
--- a/frontend/src/features/Dashboard/components/Pdf/v1/Layout/Cover.tsx
+++ b/frontend/src/features/Dashboard/components/Pdf/v1/Layout/Cover.tsx
@@ -9,7 +9,7 @@ import type { Dashboard } from '@features/Dashboard/types'
 const footerHeight = 137
 const footerPadding = 20
 const styles = StyleSheet.create({
-  confidential: { ...layoutStyle.italic, fontSize: 9.3, marginBottom: 42 },
+  confidential: { ...layoutStyle.definition, fontSize: 9.3, marginBottom: 42 },
   contact: { alignItems: 'center', display: 'flex', flexDirection: 'row', gap: 12 },
   description: {
     fontSize: 13,
diff --git a/frontend/src/features/Dashboard/components/Pdf/v1/Reportings/index.tsx b/frontend/src/features/Dashboard/components/Pdf/v1/Reportings/index.tsx
index 17f6a984f7..80181f7505 100644
--- a/frontend/src/features/Dashboard/components/Pdf/v1/Reportings/index.tsx
+++ b/frontend/src/features/Dashboard/components/Pdf/v1/Reportings/index.tsx
@@ -163,10 +163,21 @@ export function Reportings({
   return (
     <>
       <View style={layoutStyle.header2}>
-        <Text style={layoutStyle.title}>Signalements</Text>
+        <Text style={layoutStyle.title}>Signalements (détails)</Text>
         <Text style={layoutStyle.selected}>{reportings.length} sélectionnée(s)</Text>
       </View>
 
+      <View style={[layoutStyle.definition, { marginBottom: 15 }]}>
+        <Text>
+          Les signalements sont des remontées d&apos;informations ponctuelles faites par le terrain (unités,
+          sémaphores...).
+        </Text>
+        <Text>
+          Ils peuvent concerner des suspicions d&apos;infractions ou des observations et appellent à une prise en compte
+          rapide.
+        </Text>
+      </View>
+
       <View style={layoutStyle.cardWrapper}>
         <View style={styles.legendCard}>
           <View style={layoutStyle.row}>
diff --git a/frontend/src/features/Dashboard/components/Pdf/v1/Table/index.tsx b/frontend/src/features/Dashboard/components/Pdf/v1/Table/index.tsx
index 99c28225b2..ea4ec6f95c 100644
--- a/frontend/src/features/Dashboard/components/Pdf/v1/Table/index.tsx
+++ b/frontend/src/features/Dashboard/components/Pdf/v1/Table/index.tsx
@@ -142,7 +142,7 @@ export function AreaTable({
       <View break style={layoutStyle.row}>
         <View style={{ width: '50%' }}>
           <View style={[styles.amp, styles.header]}>
-            <Text>Zones AMP</Text>
+            <Text>Aires marines protégées</Text>
             <Text>{amps.length} sélectionnée(s)</Text>
           </View>
           <View style={styles.table}>
diff --git a/frontend/src/features/Dashboard/components/Pdf/v1/VigilanceAreas/index.tsx b/frontend/src/features/Dashboard/components/Pdf/v1/VigilanceAreas/index.tsx
index 0b5205c9d9..fd18cd4781 100644
--- a/frontend/src/features/Dashboard/components/Pdf/v1/VigilanceAreas/index.tsx
+++ b/frontend/src/features/Dashboard/components/Pdf/v1/VigilanceAreas/index.tsx
@@ -25,6 +25,16 @@ export function VigilanceAreas({
         <Text style={layoutStyle.title}>Zones de vigilances</Text>
         <Text style={layoutStyle.selected}>{vigilanceAreas.length} sélectionnée(s)</Text>
       </View>
+      <View style={[layoutStyle.definition, { marginBottom: 15 }]}>
+        <Text>
+          Une zone de vigilance permet d&apos;orienter les contrôles en attirant l&apos;attention et rappelant des
+          informations utiles sur un endroit / une période donnés.
+        </Text>
+        <Text>
+          Les informations consignées dans les ZV ont – contrairement aux signalements – une validité dans le temps plus
+          longue ou récurrente.
+        </Text>
+      </View>
       <View style={layoutStyle.cardWrapper}>
         {vigilanceAreas.map(vigilanceArea => {
           const formattedStartPeriod = vigilanceArea.startDatePeriod
diff --git a/frontend/src/features/Dashboard/components/Pdf/v1/style.ts b/frontend/src/features/Dashboard/components/Pdf/v1/style.ts
index 2fad4c3d03..06afe4585e 100644
--- a/frontend/src/features/Dashboard/components/Pdf/v1/style.ts
+++ b/frontend/src/features/Dashboard/components/Pdf/v1/style.ts
@@ -56,6 +56,7 @@ export const layoutStyle = StyleSheet.create({
   column: {
     flexDirection: 'column'
   },
+  definition: { fontSize: 8, fontStyle: 'italic' },
   header1: {
     fontSize: 18.6,
     fontWeight: 'bold',
@@ -81,6 +82,7 @@ export const layoutStyle = StyleSheet.create({
   link: {
     color: '#295edb'
   },
+
   page: {
     color: THEME.color.gunMetal,
     fontFamily: 'Mariane',
diff --git a/frontend/src/features/Dashboard/components/Pdf/v2/Amps/index.tsx b/frontend/src/features/Dashboard/components/Pdf/v2/Amps/index.tsx
index ee05188e4f..ed983fc85c 100644
--- a/frontend/src/features/Dashboard/components/Pdf/v2/Amps/index.tsx
+++ b/frontend/src/features/Dashboard/components/Pdf/v2/Amps/index.tsx
@@ -14,7 +14,7 @@ export function Amps({ amps, images }: { amps: AMPFromAPI[]; images: ExportImage
   return (
     <>
       <View style={layoutStyle.header2}>
-        <Text style={layoutStyle.title}>Zones AMP</Text>
+        <Text style={layoutStyle.title}>Aires marines protégées</Text>
         <Text style={layoutStyle.selected}>{amps.length} sélectionnée(s)</Text>
       </View>
       <View style={layoutStyle.cardWrapper}>
diff --git a/frontend/src/features/Dashboard/components/Pdf/v2/Layout/Cover.tsx b/frontend/src/features/Dashboard/components/Pdf/v2/Layout/Cover.tsx
index 5917a91f78..ab43da82a8 100644
--- a/frontend/src/features/Dashboard/components/Pdf/v2/Layout/Cover.tsx
+++ b/frontend/src/features/Dashboard/components/Pdf/v2/Layout/Cover.tsx
@@ -9,7 +9,7 @@ import type { Dashboard } from '@features/Dashboard/types'
 const footerHeight = 137
 const footerPadding = 20
 const styles = StyleSheet.create({
-  confidential: { ...layoutStyle.italic, fontSize: 9.3, marginBottom: 42 },
+  confidential: { ...layoutStyle.definition, fontSize: 9.3, marginBottom: 42 },
   contact: { alignItems: 'center', display: 'flex', flexDirection: 'row', gap: 12 },
   description: {
     fontSize: 13,
diff --git a/frontend/src/features/Dashboard/components/Pdf/v2/Reportings/index.tsx b/frontend/src/features/Dashboard/components/Pdf/v2/Reportings/index.tsx
index f7dbfb4470..1c5df3854c 100644
--- a/frontend/src/features/Dashboard/components/Pdf/v2/Reportings/index.tsx
+++ b/frontend/src/features/Dashboard/components/Pdf/v2/Reportings/index.tsx
@@ -163,10 +163,21 @@ export function Reportings({
   return (
     <>
       <View style={layoutStyle.header2}>
-        <Text style={layoutStyle.title}>Signalements</Text>
+        <Text style={layoutStyle.title}>Signalements (détails)</Text>
         <Text style={layoutStyle.selected}>{reportings.length} sélectionnée(s)</Text>
       </View>
 
+      <View style={[layoutStyle.definition, { marginBottom: 15 }]}>
+        <Text>
+          Les signalements sont des remontées d&apos;informations ponctuelles faites par le terrain (unités,
+          sémaphores...).
+        </Text>
+        <Text>
+          Ils peuvent concerner des suspicions d&apos;infractions ou des observations et appellent à une prise en compte
+          rapide.
+        </Text>
+      </View>
+
       <View style={layoutStyle.cardWrapper}>
         <View style={styles.legendCard}>
           <View style={layoutStyle.row}>
diff --git a/frontend/src/features/Dashboard/components/Pdf/v2/Table/index.tsx b/frontend/src/features/Dashboard/components/Pdf/v2/Table/index.tsx
index 99c28225b2..ea4ec6f95c 100644
--- a/frontend/src/features/Dashboard/components/Pdf/v2/Table/index.tsx
+++ b/frontend/src/features/Dashboard/components/Pdf/v2/Table/index.tsx
@@ -142,7 +142,7 @@ export function AreaTable({
       <View break style={layoutStyle.row}>
         <View style={{ width: '50%' }}>
           <View style={[styles.amp, styles.header]}>
-            <Text>Zones AMP</Text>
+            <Text>Aires marines protégées</Text>
             <Text>{amps.length} sélectionnée(s)</Text>
           </View>
           <View style={styles.table}>
diff --git a/frontend/src/features/Dashboard/components/Pdf/v2/VigilanceAreas/index.tsx b/frontend/src/features/Dashboard/components/Pdf/v2/VigilanceAreas/index.tsx
index bff5b1ce3d..2a09aea701 100644
--- a/frontend/src/features/Dashboard/components/Pdf/v2/VigilanceAreas/index.tsx
+++ b/frontend/src/features/Dashboard/components/Pdf/v2/VigilanceAreas/index.tsx
@@ -30,6 +30,16 @@ export function VigilanceAreas({
         <Text style={layoutStyle.title}>Zones de vigilances</Text>
         <Text style={layoutStyle.selected}>{vigilanceAreas.length} sélectionnée(s)</Text>
       </View>
+      <View style={[layoutStyle.definition, { marginBottom: 15 }]}>
+        <Text>
+          Une zone de vigilance permet d&apos;orienter les contrôles en attirant l&apos;attention et rappelant des
+          informations utiles sur un endroit / une période donnés.
+        </Text>
+        <Text>
+          Les informations consignées dans les ZV ont – contrairement aux signalements – une validité dans le temps plus
+          longue ou récurrente.
+        </Text>
+      </View>
       <View style={layoutStyle.cardWrapper}>
         {vigilanceAreas.map(vigilanceArea => {
           const formattedStartPeriod = vigilanceArea.startDatePeriod
diff --git a/frontend/src/features/Dashboard/components/Pdf/v2/style.ts b/frontend/src/features/Dashboard/components/Pdf/v2/style.ts
index 175a9d82f4..567d7fabb1 100644
--- a/frontend/src/features/Dashboard/components/Pdf/v2/style.ts
+++ b/frontend/src/features/Dashboard/components/Pdf/v2/style.ts
@@ -56,6 +56,7 @@ export const layoutStyle = StyleSheet.create({
   column: {
     flexDirection: 'column'
   },
+  definition: { fontSize: 8, fontStyle: 'italic' },
   header1: {
     fontSize: 18.6,
     fontWeight: 'bold',


Reviews:
user: login: claire2212
state: APPROVED
author_association: COLLABORATOR
submitted_at: 2025-03-04T13:37:06Z
user: login: maximeperraultdev
state: COMMENTED
author_association: COLLABORATOR
submitted_at: 2025-03-04T16:45:53Z

Review comments:
diff_hunk: @@ -14,7 +14,7 @@ export function Amps({ amps, images }: { amps: AMPFromAPI[]; images: ExportImage
   return (
     <>
       <View style={layoutStyle.header2}>
-        <Text style={layoutStyle.title}>Zones AMP</Text>
+        <Text style={layoutStyle.title}>Aires marines protégées</Text>
path: frontend/src/features/Dashboard/components/Pdf/v2/Amps/index.tsx
user: login: claire2212
body: pas de majuscule sur le M et le P?
created_at: 2025-03-04T13:36:46Z
author_association: COLLABORATOR
diff_hunk: @@ -14,7 +14,7 @@ export function Amps({ amps, images }: { amps: AMPFromAPI[]; images: ExportImage
   return (
     <>
       <View style={layoutStyle.header2}>
-        <Text style={layoutStyle.title}>Zones AMP</Text>
+        <Text style={layoutStyle.title}>Aires marines protégées</Text>
path: frontend/src/features/Dashboard/components/Pdf/v2/Amps/index.tsx
user: login: maximeperraultdev
body: J'ai mis la même chose que dans la V1. Ca n'a pas l'air de poser de pb
created_at: 2025-03-04T16:45:49Z
author_association: COLLABORATOR

PR comments:
user: login: sonarqubecloud[bot]
created_at: 2025-03-04T16:29:35Z
body: ## [![Quality Gate Passed](https://sonarsource.github.io/sonarcloud-github-static-resources/v2/checks/QualityGateBadge/qg-passed-20px.png 'Quality Gate Passed')](https://sonarcloud.io/dashboard?id=MTES-MCT_monitorenv&pullRequest=2141) **Quality Gate passed**  
Issues  
![](https://sonarsource.github.io/sonarcloud-github-static-resources/v2/common/passed-16px.png '') [0 New issues](https://sonarcloud.io/project/issues?id=MTES-MCT_monitorenv&pullRequest=2141&issueStatuses=OPEN,CONFIRMED&sinceLeakPeriod=true)  
![](https://sonarsource.github.io/sonarcloud-github-static-resources/v2/common/accepted-16px.png '') [0 Accepted issues](https://sonarcloud.io/project/issues?id=MTES-MCT_monitorenv&pullRequest=2141&issueStatuses=ACCEPTED)

Measures  
![](https://sonarsource.github.io/sonarcloud-github-static-resources/v2/common/passed-16px.png '') [0 Security Hotspots](https://sonarcloud.io/project/security_hotspots?id=MTES-MCT_monitorenv&pullRequest=2141&issueStatuses=OPEN,CONFIRMED&sinceLeakPeriod=true)  
![](https://sonarsource.github.io/sonarcloud-github-static-resources/v2/common/passed-16px.png '') [0.0% Coverage on New Code](https://sonarcloud.io/component_measures?id=MTES-MCT_monitorenv&pullRequest=2141&metric=new_coverage&view=list)  
![](https://sonarsource.github.io/sonarcloud-github-static-resources/v2/common/passed-16px.png '') [0.0% Duplication on New Code](https://sonarcloud.io/component_measures?id=MTES-MCT_monitorenv&pullRequest=2141&metric=new_duplicated_lines_density&view=list)  
  
[See analysis details on SonarQube Cloud](https://sonarcloud.io/dashboard?id=MTES-MCT_monitorenv&pullRequest=2141)


author_association: NONE