diff --git a/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/ExportPdf/ExportFicheActionButton.tsx b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/ExportPdf/ExportFicheActionButton.tsx index 4b07bc04b8..e0360d73ba 100644 --- a/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/ExportPdf/ExportFicheActionButton.tsx +++ b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/ExportPdf/ExportFicheActionButton.tsx @@ -7,6 +7,7 @@ import { useAnnexesFicheActionInfos } from '../FicheAction/data/useAnnexesFicheA import { useFicheActionNotesSuivi } from '../FicheAction/data/useFicheActionNotesSuivi'; import { useFichesActionLiees } from '../FicheAction/data/useFichesActionLiees'; import { useFicheActionChemins } from '../PlanAction/data/usePlanActionChemin'; +import { useGetEtapes } from '@/app/app/pages/collectivite/PlansActions/FicheAction/etapes/use-get-etapes'; import FicheActionPdf from './FicheActionPdf/FicheActionPdf'; type FicheActionPdfContentProps = { @@ -40,13 +41,18 @@ export const FicheActionPdfContent = ({ const { data: notesSuivi, isLoading: isLoadingNotesSuivi } = useFicheActionNotesSuivi(fiche); + const { data: etapes, isLoading: isLoadingEtapes } = useGetEtapes({ + id: fiche.id, + }); + const isLoading = isLoadingIndicateurs || isLoadingFichesLiees || isLoadignActionsListe || isLoadingAxes || isLoadingAnnexes || - isLoadingNotesSuivi; + isLoadingNotesSuivi || + isLoadingEtapes; useEffect(() => { if (!isLoading) { @@ -63,6 +69,7 @@ export const FicheActionPdfContent = ({ .filter((a) => a.chemin !== null) .map((a) => a.chemin!), indicateursListe, + etapes, fichesLiees, actionsLiees, annexes, diff --git a/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/ExportPdf/FicheActionPdf/Etapes.tsx b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/ExportPdf/FicheActionPdf/Etapes.tsx new file mode 100644 index 0000000000..1ab05b0a68 --- /dev/null +++ b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/ExportPdf/FicheActionPdf/Etapes.tsx @@ -0,0 +1,54 @@ +import React from 'react'; + +import { Card, Stack, Title } from '@/app/ui/export-pdf/components'; + +import { RouterOutput } from '@/api/utils/trpc/client'; +import classNames from 'classnames'; +import { Text } from '@react-pdf/renderer'; +import { tw } from '@/app/ui/export-pdf/utils'; + +const EtapesCard = () => { + + + Indicateurs de suivi + + ; +}; + +type Props = { + etapes: RouterOutput['plans']['fiches']['etapes']['list']; +}; + +const Etapes = ({ etapes }: Props) => { + const etapesRealiseesCount = etapes.filter((etape) => etape.realise).length; + + return ( + + + Étapes {etapes.length > 0 && `${etapesRealiseesCount}/${etapes.length}`} + + + {etapes.map((etape) => ( + + + + {etape.nom} + + + ))} + + + ); +}; + +export default Etapes; diff --git a/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/ExportPdf/FicheActionPdf/FicheActionPdf.tsx b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/ExportPdf/FicheActionPdf/FicheActionPdf.tsx index e2df679522..df671562c0 100644 --- a/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/ExportPdf/FicheActionPdf/FicheActionPdf.tsx +++ b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/ExportPdf/FicheActionPdf/FicheActionPdf.tsx @@ -17,6 +17,8 @@ import Notes from './Notes'; import NotesDeSuivi from './NotesDeSuivi'; import Pilotes from './Pilotes'; import Planning from './Planning'; +import Etapes from '@/app/app/pages/collectivite/PlansActions/ExportPdf/FicheActionPdf/Etapes'; +import { RouterOutput } from '@/api/utils/trpc/client'; export type FicheActionPdfProps = { fiche: FicheAction; @@ -25,6 +27,7 @@ export type FicheActionPdfProps = { export type FicheActionPdfExtendedProps = FicheActionPdfProps & { chemins: TAxeRow[][]; indicateursListe: IndicateurDefinition[] | undefined | null; + etapes?: RouterOutput['plans']['fiches']['etapes']['list']; fichesLiees: FicheResume[]; actionsLiees: TActionStatutsRow[]; annexes: AnnexeInfo[] | undefined; @@ -35,6 +38,7 @@ const FicheActionPdf = ({ fiche, chemins, indicateursListe, + etapes, fichesLiees, actionsLiees, annexes, @@ -79,6 +83,9 @@ const FicheActionPdf = ({ {/* Indicateurs */} + {/* Étapes */} + {etapes && } + {/* Notes de suivi */}