Skip to content

Commit 5a399dd

Browse files
l-schererolivier-rabot
l-scherer
and
olivier-rabot
authored
feat: 1273 rgaa review return 1 (#1267)
## Ticket(s) lié(s) 1273 / 1373 ## Description Prise en compte des retours sur la RGAA du ticket #1249 <img width="1238" height="729" alt="Capture d’écran du 2026-04-16 17-52-15" src="https://github.com/user-attachments/assets/79e9763e-90d0-49dd-a6e3-7df665086380" /> <img width="1248" height="838" alt="Capture d’écran du 2026-04-16 17-55-44" src="https://github.com/user-attachments/assets/fdded0de-4606-47a5-b7e7-6909e9c516a0" /> <img width="1254" height="721" alt="image" src="https://github.com/user-attachments/assets/a85b2226-937a-4d88-a560-216fc66e4012" /> --------- Co-authored-by: olivierrabot <olivier.rabot@sg.social.gouv.fr>
1 parent 7291aea commit 5a399dd

36 files changed

Lines changed: 855 additions & 920 deletions

‎.talismanrc‎

Lines changed: 423 additions & 423 deletions
Large diffs are not rendered by default.

‎packages/frontend-bo/src/assets/css/main.css‎

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
}
1212

1313
.fr-multiselect__collapse {
14-
z-index: 2!important;
14+
z-index: 2 !important;
1515
}
1616

1717
.no-background-image {
@@ -51,6 +51,10 @@
5151
gap: 1rem;
5252
}
5353

54+
.fr-my-2w {
55+
margin-top: 2rem;
56+
margin-bottom: 2rem;
57+
}
5458
/* Harmonisation des champs input, select et multiselect dans les filtres */
5559
.default-table-filters-bar .filters-bar__input-group > input,
5660
.default-table-filters-bar .filters-bar__select,
@@ -63,4 +67,8 @@
6367

6468
.fr-select .fr-input {
6569
min-height: 2.5rem; /* DSFR default input */
66-
}
70+
}
71+
72+
.separator {
73+
border-bottom: 1px solid var(--border-default-grey);
74+
}

‎packages/frontend-bo/src/components/agrements/Coordonnees.vue‎

Lines changed: 30 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -13,42 +13,29 @@
1313
Personne physique
1414
</TitleWithIcon>
1515
<dl>
16-
<dt>
17-
<strong>Prénom: </strong>
18-
</dt>
16+
<dt>Prénom:</dt>
1917
<dd>{{ props.initOrganisme?.personnePhysique.prenom || "-" }}</dd>
20-
<dt>
21-
<strong>Nom: </strong>
22-
</dt>
18+
<dt>Nom:</dt>
2319
<dd>{{ props.initOrganisme?.personnePhysique.nom || "-" }}</dd>
24-
<dt>
25-
<strong>Profession: </strong>
26-
</dt>
20+
<dt>Profession:</dt>
2721
<dd>{{ props.initOrganisme?.personnePhysique.profession || "-" }}</dd>
28-
<dt>
29-
<strong>Téléphone: </strong>
30-
</dt>
22+
<dt>Téléphone:</dt>
3123
<dd>
3224
{{ props.initOrganisme?.personnePhysique.telephone || "-" }}
3325
</dd>
34-
<dt>
35-
<strong>Adresse du siège de ses activité: </strong>
36-
</dt>
26+
<dt>Adresse du siège de ses activité:</dt>
3727
<dd>
3828
{{
3929
props.initOrganisme?.personnePhysique.adresseDomicileLabel || "-"
4030
}}
4131
</dd>
42-
<dt>
43-
<strong>Adresse de ses activités: </strong>
44-
</dt>
32+
<dt>Adresse de ses activités:</dt>
4533
<dd>
4634
{{ props.initOrganisme?.personnePhysique.adresseSiegeLabel || "-" }}
4735
</dd>
4836
</dl>
4937
</div>
50-
<hr class="fr-my-2w" />
51-
<div class="fr-col-10">
38+
<div class="fr-my-2w">
5239
<TitleWithIcon
5340
icon="fr-icon-building-line"
5441
:level="3"
@@ -57,26 +44,26 @@
5744
Personne morale
5845
</TitleWithIcon>
5946
<dl class="fr-text--sm fr-pl-0">
60-
<dt><strong>Dénomination sociale:</strong></dt>
47+
<dt>Dénomination sociale:</dt>
6148
<dd>
6249
{{ props.initOrganisme?.personneMorale?.raisonSociale || "-" }}
6350
</dd>
64-
<dt><strong>Statut, forme juridique:</strong></dt>
51+
<dt>Statut, forme juridique:</dt>
6552
<dd>{{ props.initOrganisme?.personneMorale?.statut || "-" }}</dd>
6653

67-
<dt><strong>Téléphone:</strong></dt>
54+
<dt>Téléphone:</dt>
6855
<dd>
6956
{{ props.initOrganisme?.personneMorale?.telephone || "-" }}
7057
</dd>
71-
<dt><strong>Email:</strong></dt>
58+
<dt>Email:</dt>
7259
<dd>
7360
{{ props.initOrganisme?.personneMorale?.email || "-" }}
7461
</dd>
75-
<dt><strong>Adresse du siège social:</strong></dt>
62+
<dt>Adresse du siège social:</dt>
7663
<dd>{{ props.initOrganisme?.personneMorale?.adresse || "-" }}</dd>
7764
</dl>
7865

79-
<h4 class="fr-text--lg fr-mt-4w">Représentant legal</h4>
66+
<h4 class="fr-text--lg fr-mt-4w">Représentant légal</h4>
8067

8168
<div
8269
v-for="(rep, idx) in representants"
@@ -85,20 +72,20 @@
8572
:data-idx="Number(idx)"
8673
>
8774
<template v-if="Number(idx) > 0">
88-
<h5 class="fr-text--md fr-mb-1w">
75+
<h4 class="fr-text--md fr-mb-1w">
8976
Représentant n°{{ Number(idx) + 1 }}
90-
</h5>
77+
</h4>
9178
</template>
9279
<dl class="fr-text--sm fr-pl-0">
93-
<dt><strong>Prénom:</strong></dt>
80+
<dt>Prénom:</dt>
9481
<dd>{{ rep.prenom || "-" }}</dd>
95-
<dt><strong>Nom:</strong></dt>
82+
<dt>Nom:</dt>
9683
<dd>{{ rep.nom || "-" }}</dd>
97-
<dt><strong>Téléphone:</strong></dt>
84+
<dt>Téléphone:</dt>
9885
<dd>{{ rep.telephoneRepresentant || "-" }}</dd>
99-
<dt><strong>Email:</strong></dt>
86+
<dt>Email:</dt>
10087
<dd>{{ rep.emailRepresentant || "-" }}</dd>
101-
<dt><strong>Adresse du domicile:</strong></dt>
88+
<dt>Adresse du domicile:</dt>
10289
<dd>
10390
{{
10491
rep.adresseDomicile && rep.adresseDomicile.label
@@ -113,15 +100,15 @@
113100
</div>
114101
</div>
115102

116-
<h4 class="fr-text--lg fr-mt-4w">Procès verbal</h4>
103+
<h3 class="fr-text--lg fr-mt-4w">Procès verbal</h3>
117104
<FileUpload
118105
v-model="fileProcesVerbal"
119106
:cdn-url="props.cdnUrl"
120107
label="Dernier procès verbal d'assemblée générale"
121108
:modifiable="false"
122109
/>
123-
<hr class="fr-mt-4w" />
124-
<DisplayInputCommon
110+
<div class="separator fr-my-2w"></div>
111+
<DisplayLabel
125112
:value="props.initAgrement.commentaire"
126113
:input="AgrementDisplayInput.AgrementInput['commentaire']"
127114
/>
@@ -132,7 +119,7 @@
132119
import {
133120
FileUpload,
134121
TitleWithIcon,
135-
DisplayInputCommon,
122+
DisplayLabel,
136123
AgrementDisplayInput,
137124
} from "@vao/shared-ui";
138125
import { getFileByCategory, FILE_CATEGORY } from "@vao/shared-bridge";
@@ -170,4 +157,10 @@ dd {
170157
.full-width {
171158
grid-column: 1 / span 2;
172159
}
160+
dt {
161+
font-weight: bold;
162+
}
163+
.separator {
164+
border-top: 1px solid #ddd;
165+
}
173166
</style>

‎packages/frontend-bo/src/components/agrements/Dossier.vue‎

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,33 @@
11
<template>
22
<div id="agrement-dossier">
33
<DsfrAccordionsGroup v-model="expandedIndex">
4-
<DsfrAccordion>
4+
<DsfrAccordion title-tag="h2">
55
<template #title> Coordonnées </template>
66
<AgrementsCoordonnees
77
:init-organisme="props.initOrganisme ?? {}"
88
:init-agrement="props.initAgrement ?? {}"
99
:cdn-url="cdnUrl"
1010
/>
1111
</DsfrAccordion>
12-
<DsfrAccordion>
12+
13+
<DsfrAccordion title-tag="h2">
1314
<template #title> Dossier candidature </template>
1415
<AgrementsDossierCandidature
1516
class="fr-my-2w"
1617
:init-agrement="props.initAgrement ?? {}"
1718
:cdn-url="cdnUrl"
1819
/>
1920
</DsfrAccordion>
20-
<DsfrAccordion>
21-
<template #title> Bilan des 4 années précédentes </template>
2221

22+
<DsfrAccordion title-tag="h2">
23+
<template #title> Bilan des 4 années précédentes </template>
2324
<AgrementsBilan
2425
:init-agrement="props.initAgrement ?? {}"
2526
:cdn-url="cdnUrl"
2627
/>
2728
</DsfrAccordion>
28-
<DsfrAccordion>
29+
30+
<DsfrAccordion title-tag="h2">
2931
<template #title> Projet de séjours envisagés </template>
3032
<AgrementsProjets
3133
:init-agrement="props.initAgrement ?? {}"
@@ -37,6 +39,8 @@
3739
</template>
3840

3941
<script setup lang="ts">
42+
import { ref } from "vue";
43+
4044
const props = defineProps({
4145
initAgrement: { type: Object, required: true },
4246
initOrganisme: { type: Object, required: true },

‎packages/frontend-bo/src/components/agrements/DossierCandidature.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
</TitleWithIcon>
99
<div class="fr-fieldset__element">
1010
<div class="fr-col-12">
11-
<DisplayInputCommon
11+
<DisplayLabel
1212
:value="props.initAgrement?.motivations"
1313
:input="AgrementDisplayInput.AgrementInput['motivations']"
1414
/>
@@ -45,7 +45,7 @@
4545

4646
<div class="fr-fieldset__element">
4747
<div class="fr-col-12">
48-
<DisplayInputCommon
48+
<DisplayLabel
4949
:value="formatFR(props.initAgrement?.dateObtentionCertificat)"
5050
:input="AgrementDisplayInput.AgrementInput['dateObtentionCertificat']"
5151
/>
@@ -83,7 +83,7 @@
8383
import {
8484
FileUpload,
8585
TitleWithIcon,
86-
DisplayInputCommon,
86+
DisplayLabel,
8787
AgrementDisplayInput,
8888
MultiFilesUpload,
8989
} from "@vao/shared-ui";

‎packages/frontend-bo/src/components/agrements/TypeDeficiences.vue‎

Lines changed: 0 additions & 17 deletions
This file was deleted.

‎packages/frontend-bo/src/components/agrements/bilan/BilanFinancier.vue‎

Lines changed: 41 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -7,62 +7,54 @@
77
Bilan financier sur les 4 dernières années
88
</TitleWithIcon>
99
<div class="fr-mt-8v">
10-
<div class="fr-fieldset__element">
11-
<div class="fr-col-12">
12-
<DisplayInputCommon
13-
:value="props.initAgrement?.bilanFinancierComptabilite"
14-
:input="
15-
AgrementDisplayInput.AgrementBilanAnnuelInput[
16-
'bilanFinancierComptabilite'
17-
]
18-
"
19-
/>
20-
</div>
10+
<div class="fr-col-12">
11+
<DisplayLabel
12+
:value="props.initAgrement?.bilanFinancierComptabilite"
13+
:input="
14+
AgrementDisplayInput.AgrementBilanAnnuelInput[
15+
'bilanFinancierComptabilite'
16+
]
17+
"
18+
/>
2119
</div>
2220
</div>
23-
<div class="fr-mt-8v">
24-
<div class="fr-fieldset__element">
25-
<div class="fr-col-12">
26-
<DisplayInputCommon
27-
:value="props.initAgrement?.bilanFinancierComparatif"
28-
:input="
29-
AgrementDisplayInput.AgrementBilanAnnuelInput[
30-
'bilanFinancierComparatif'
31-
]
32-
"
33-
/>
34-
</div>
21+
<div class="fr-my-2w">
22+
<div class="fr-col-12">
23+
<DisplayLabel
24+
:value="props.initAgrement?.bilanFinancierComparatif"
25+
:input="
26+
AgrementDisplayInput.AgrementBilanAnnuelInput[
27+
'bilanFinancierComparatif'
28+
]
29+
"
30+
/>
3531
</div>
3632
</div>
37-
<div class="fr-mt-8v">
38-
<div class="fr-fieldset__element">
39-
<div class="fr-col-12">
40-
<DisplayInputCommon
41-
:value="props.initAgrement?.bilanFinancierRessourcesHumaines"
42-
:input="
43-
AgrementDisplayInput.AgrementBilanAnnuelInput[
44-
'bilanFinancierRessourcesHumaines'
45-
]
46-
"
47-
/>
48-
</div>
33+
<div class="fr-my-2w">
34+
<div class="fr-col-12">
35+
<DisplayLabel
36+
:value="props.initAgrement?.bilanFinancierRessourcesHumaines"
37+
:input="
38+
AgrementDisplayInput.AgrementBilanAnnuelInput[
39+
'bilanFinancierRessourcesHumaines'
40+
]
41+
"
42+
/>
4943
</div>
5044
</div>
51-
<div class="fr-mt-8v">
52-
<div class="fr-fieldset__element">
53-
<div class="fr-col-12">
54-
<DisplayInputCommon
55-
:value="props.initAgrement?.bilanFinancierCommentaire"
56-
:input="
57-
AgrementDisplayInput.AgrementBilanAnnuelInput[
58-
'bilanFinancierCommentaire'
59-
]
60-
"
61-
/>
62-
</div>
45+
<div class="fr-my-2w">
46+
<div class="fr-col-12">
47+
<DisplayLabel
48+
:value="props.initAgrement?.bilanFinancierCommentaire"
49+
:input="
50+
AgrementDisplayInput.AgrementBilanAnnuelInput[
51+
'bilanFinancierCommentaire'
52+
]
53+
"
54+
/>
6355
</div>
6456
</div>
65-
<div class="fr-fieldset__element fr-mt-6v">
57+
<div class="fr-my-2w">
6658
<MultiFilesUpload
6759
v-model="filesBilanFinancierQuatreAnnees"
6860
:modifiable="false"
@@ -77,7 +69,7 @@ import { FILE_CATEGORY } from "@vao/shared-bridge";
7769
import {
7870
TitleWithIcon,
7971
AgrementDisplayInput,
80-
DisplayInputCommon,
72+
DisplayLabel,
8173
MultiFilesUpload,
8274
} from "@vao/shared-ui";
8375
import type { AgrementFilesDto } from "@vao/shared-bridge";

0 commit comments

Comments
 (0)