Skip to content

Commit e425ab9

Browse files
hbaltyhbalty
committed
feat(frotend): integrating dsfr static pages
1 parent b402625 commit e425ab9

File tree

13 files changed

+430
-435
lines changed

13 files changed

+430
-435
lines changed

‎.talismanrc‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,8 @@ fileignoreconfig:
1919
checksum: 8b421c413bab4f2419972dec548a5399879f497a8c75c9b240bbf8c123cfab06
2020
- filename: packages/frontend/src/app/modules/general/components/static-pages/politique/politique.component.html
2121
checksum: b4b98ac83a35a960edeb96d560203a9afbcc2d68d01c6289c2b316c36e5cdc80
22+
- filename: packages/frontend/src/app/modules/general/components/static-pages/politique/politique.component.ts
23+
checksum: 94dd1d6db6c4ed1876bca5b077543693ee240e221ba32fab45885ed5b91e9f70
2224
- filename: packages/portail-admins/src/app/modules/admin-structures/components/admin-structures-list/admin-structures-list.component.spec.ts
2325
checksum: 8f66091255109d0da277819584c6c69d4a7f720256842851a49b0dda16af6651
2426
- filename: packages/portail-admins/src/app/modules/admin-structures/components/admin-structures-list/admin-structures-list.component.ts

‎packages/frontend/src/app/modules/general/components/contact-support/contact-support.component.html‎

Lines changed: 19 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,3 @@
1-
<div class="head-page py-4">
2-
<div class="container">
3-
<h1 class="title">Formulaire de contact</h1>
4-
</div>
5-
</div>
6-
71
<div class="step-form my-5" *ngIf="success">
82
<div class="text-center">
93
<fa-icon
@@ -18,19 +12,27 @@ <h2 class="text-success">
1812
</div>
1913
</div>
2014

21-
<div class="content py-3" *ngIf="contactForm && !success">
15+
<div class="py-3" *ngIf="contactForm && !success">
2216
<div class="container py-3">
2317
<div class="page-content p-3">
24-
<p>
25-
Un problème ? Une suggestion ? Avez-vous consulté
26-
<a [routerLink]="['/faq']" ariaCurrentWhenActive="page">notre FAQ</a>
27-
?
28-
<br />
29-
Si la réponse ne s'y trouve pas, merci de remplir les champs ci-dessous
30-
en nous donnant un maximum d'informations, ce qui nous permettra de vous
31-
répondre plus rapidement.
32-
</p>
33-
18+
<div class="row justify-content-center">
19+
<div class="col-md-8 col-lg-8 col-sm-12">
20+
<h1>Formulaire de contact</h1>
21+
</div>
22+
<div class="col-md-8 col-lg-8 col-sm-12">
23+
<p>
24+
Un problème ? Une suggestion ? Avez-vous consulté
25+
<a [routerLink]="['/faq']" ariaCurrentWhenActive="page"
26+
>notre FAQ</a
27+
>
28+
?
29+
<br />
30+
Si la réponse ne s'y trouve pas, merci de remplir les champs
31+
ci-dessous en nous donnant un maximum d'informations, ce qui nous
32+
permettra de vous répondre plus rapidement.
33+
</p>
34+
</div>
35+
</div>
3436
<div class="row justify-content-center">
3537
<div class="col-md-8 col-lg-8 col-sm-12">
3638
<form [formGroup]="contactForm" (ngSubmit)="sendContactMessage()">

‎packages/frontend/src/app/modules/general/components/faq/faq.component.html‎

Lines changed: 23 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,23 @@
1-
<div class="head-page py-4">
2-
<div class="container">
3-
<div class="row">
4-
<div class="col-md-7 col-12">
5-
<h1 class="title">Questions / Réponses sur DomiFa</h1>
6-
</div>
7-
<div class="text-start text-md-end col-12 col-md-5">
8-
<a
9-
href="/assets/files/guide_utilisateur_domifa.pdf"
10-
target="_blank"
11-
class="btn btn-white-primary"
12-
rel="noopener noreferrer"
13-
download
14-
>
15-
<fa-icon [icon]="['fas', 'download']" aria-hidden="true"></fa-icon>
16-
Télécharger le guide utilisateur
17-
</a>
18-
</div>
1+
<div class="container py-4">
2+
<div class="row">
3+
<div class="col-md-7 col-12">
4+
<h1>Questions / Réponses sur DomiFa</h1>
5+
</div>
6+
<div class="text-start text-md-end col-12 col-md-5">
7+
<a
8+
href="/assets/files/guide_utilisateur_domifa.pdf"
9+
target="_blank"
10+
class="btn btn-primary"
11+
rel="noopener noreferrer"
12+
download
13+
>
14+
<fa-icon [icon]="['fas', 'download']" aria-hidden="true"></fa-icon>
15+
Télécharger le guide utilisateur
16+
</a>
1917
</div>
2018
</div>
21-
</div>
22-
23-
<div class="content py-4">
24-
<div class="container py-4">
25-
<div class="page-content p-3">
19+
<div class="py-4">
20+
<div class="p-3">
2621
<p>
2722
Si vos questions concernent les sections ci-dessous, merci de vous
2823
référer à notre guide utilisateurr, qui se compose des parties suivantes
@@ -331,34 +326,11 @@ <h3>
331326

332327
Ces équipes soit joignables 5 jours sur 7, de 9h à 18h.
333328
</p>
334-
<div class="table-responsive">
335-
<table class="table">
336-
<caption class="visually-hidden">
337-
En cas d’incident majeur sur la plateforme, quel est le dispositif
338-
mis en place ?
339-
</caption>
340-
<thead>
341-
<tr>
342-
<th scope="row">Action</th>
343-
<th scope="row">Indisponibilité maximum</th>
344-
</tr>
345-
</thead>
346-
<tbody>
347-
<tr>
348-
<td>Mise à jour</td>
349-
<td>30 minutes</td>
350-
</tr>
351-
<tr>
352-
<td>Maintenance trimestrielle</td>
353-
<td>1 heure</td>
354-
</tr>
355-
<tr>
356-
<td>Désastre majeur</td>
357-
<td>48 heures</td>
358-
</tr>
359-
</tbody>
360-
</table>
361-
</div>
329+
<dsfr-datatable
330+
[columns]="shutdownDelaiColumn"
331+
[data]="shutdownDelaidata"
332+
>
333+
</dsfr-datatable>
362334
<p>
363335
Nous garantissons un taux de disponibilité des applications de 95%.
364336
<br />

‎packages/frontend/src/app/modules/general/components/faq/faq.component.scss‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,6 @@ video {
88
max-width: 98%;
99
}
1010

11-
h2 {
12-
font-size: 1.6rem;
13-
}
14-
1511
ol {
1612
list-style-type: non;
1713

‎packages/frontend/src/app/modules/general/components/faq/faq.component.ts‎

Lines changed: 30 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,42 @@ import { Meta, Title } from "@angular/platform-browser";
33
import { MatomoTracker } from "ngx-matomo-client";
44
import { GeneralService } from "../../services/general.service";
55
import { ImportDocumentType } from "@domifa/common";
6+
import { DsfrColumn } from "@edugouvfr/ngx-dsfr";
67

78
@Component({
89
selector: "app-faq",
910
styleUrls: ["./faq.component.scss"],
1011
templateUrl: "./faq.component.html",
1112
})
1213
export class FaqComponent implements OnInit {
14+
public shutdownDelaiColumn: DsfrColumn[] = [
15+
{
16+
label: "Action",
17+
field: "action",
18+
},
19+
{
20+
label: "Indisponibilité maximum",
21+
field: "maxShutdownTime",
22+
},
23+
];
24+
25+
public shutdownDelaidata: {
26+
action: string;
27+
maxShutdownTime: string;
28+
}[] = [
29+
{
30+
action: "Mise à jour",
31+
maxShutdownTime: "30 minutes",
32+
},
33+
{
34+
action: "Maintenance trimestrielle ",
35+
maxShutdownTime: "1 heure",
36+
},
37+
{
38+
action: "Désastre majeur",
39+
maxShutdownTime: "48 heures",
40+
},
41+
];
1342
constructor(
1443
private readonly titleService: Title,
1544
private readonly meta: Meta,
@@ -19,7 +48,7 @@ export class FaqComponent implements OnInit {
1948

2049
public ngOnInit(): void {
2150
this.titleService.setTitle("Foire aux question de DomiFa");
22-
51+
// /assets/files/guide_utilisateur_domifa.pdf
2352
this.meta.updateTag({
2453
name: "description",
2554
content:

‎packages/frontend/src/app/modules/general/components/news/news.component.html‎

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,6 @@
1-
<div class="head-page py-4">
2-
<div class="container">
3-
<h1 class="title">Les dernières nouveautés de DomiFa</h1>
4-
</div>
5-
</div>
6-
7-
<div class="content py-3" *ngIf="DOMIFA_NEWS">
1+
<div class="py-3" *ngIf="DOMIFA_NEWS">
82
<div class="container py-3">
3+
<h1 class="title">Les dernières nouveautés de DomiFa</h1>
94
<div class="card my-3 text-start" *ngFor="let news of DOMIFA_NEWS">
105
<h2 class="my-2">
116
Nouveautés du {{ news.date | date : "d MMMM y"

‎packages/frontend/src/app/modules/general/components/news/news.component.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,6 @@ export class NewsComponent implements OnInit {
1313
public readonly DOMIFA_NEWS: any = DOMIFA_NEWS;
1414

1515
public constructor(private readonly seoService: SeoService) {}
16-
1716
public ngOnInit(): void {
1817
this.seoService.updateTitleAndTags(
1918
"Les dernières nouveautés de DomiFa",

‎packages/frontend/src/app/modules/general/components/static-pages/politique/politique.component.html‎

Lines changed: 47 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
<div class="container">
22
<div class="page-content p-3">
3-
<h1>Politique de confidentialité - DomiFa</h1>
43
<h2>Qui est responsable de DomiFa ?</h2>
54
<p>
65
DomiFa, développé au sein de la Fabrique numérique des ministères sociaux,
@@ -54,43 +53,35 @@ <h2>Qu’est-ce qui nous autorise à traiter ces données ?</h2>
5453
</p>
5554

5655
<h2>Pendant combien de temps conservons-nous ces données ?</h2>
57-
<div class="table-responsive">
58-
<table class="table">
59-
<caption class="visually-hidden">
60-
Pendant combien de temps conservons-nous ces données ?
61-
</caption>
62-
<thead>
63-
<tr>
64-
<th scope="col">Catégories de données</th>
65-
<th scope="col">Durées de conservation</th>
66-
</tr>
67-
</thead>
68-
<tbody>
69-
<tr>
70-
<td>
71-
Durée de conservation sur les données relatives aux agents
72-
utilisateurs
73-
</td>
74-
<td>2 ans à compter du dernier contact</td>
75-
</tr>
76-
<tr>
77-
<td>
78-
Durée de conservation sur les données relatives aux personnes
79-
domiciliées
80-
</td>
81-
<td>2 ans à compter du dernier contact</td>
82-
</tr>
83-
<tr>
84-
<td>
85-
Durée de conservation sur les données relatives aux ayants droit
86-
des personnes domiciliées
87-
</td>
88-
<td>2 ans à compter du dernier contact</td>
89-
</tr>
90-
</tbody>
91-
</table>
92-
</div>
93-
56+
<dsfr-datatable
57+
[data]="[
58+
{
59+
catDonnees: 'Données relatives aux agents utilisateurs',
60+
dureeConservation: '2 ans à compter du dernier contact'
61+
},
62+
{
63+
catDonnees: 'Données relatives aux personnes domiciliées',
64+
dureeConservation: '2 ans à compter du dernier contact'
65+
},
66+
{
67+
catDonnees:
68+
'Données relatives aux ayants droit des personnes domiciliées',
69+
dureeConservation: '2 ans à compter du dernier contact'
70+
}
71+
]"
72+
[columns]="[
73+
{
74+
label: 'Catégories de données',
75+
field: 'catDonnees',
76+
sortable: false
77+
},
78+
{
79+
label: 'Durées de conservation',
80+
field: 'dureeConservation',
81+
sortable: false,
82+
}
83+
]"
84+
></dsfr-datatable>
9485
<h2>Quels sont vos droits ?</h2>
9586

9687
<p>Vous disposez d’un :</p>
@@ -141,47 +132,24 @@ <h2>Sous-traitants</h2>
141132
sous-traitants de garanties adéquates et du respect de conditions strictes
142133
de confidentialité, d’usage et de protection des données.
143134
</p>
144-
<div class="table-responsive">
145-
<table class="table">
146-
<caption class="visually-hidden">
147-
Sous-traitants liés à la donnée
148-
</caption>
149-
<thead>
150-
<tr>
151-
<th scope="col">Sous-traitant</th>
152-
<th scope="col">Pays destinataire</th>
153-
<th scope="col">Traitement réalisé</th>
154-
<th scope="col">Garanties</th>
155-
</tr>
156-
</thead>
157-
<tbody>
158-
<tr>
159-
<td>OVH</td>
160-
<td>France</td>
161-
<td>Hébergement</td>
162-
<td>
163-
<a
164-
href="https://storage.gra.cloud.ovh.net/v1/AUTH_325716a587c64897acbef9a4a4726e38/contracts/9e74492-OVH_Data_Protection_Agreement-FR-6.0.pdf
165-
"
166-
>https://storage.gra.cloud.ovh.net/v1/AUTH_325716a587c64897acbef9a4a4726e38/contracts/9e74492-OVH_Data_Protection_Agreement-FR-6.0.pdf
167-
</a>
168-
</td>
169-
</tr>
170-
<tr>
171-
<td>Tally</td>
172-
<td>Belgique</td>
173-
<td>Mesure de satisfaction</td>
174-
<td>
175-
<a
176-
href="https://tally.so/help/privacy-policy
177-
"
178-
>https://tally.so/help/privacy-policy
179-
</a>
180-
</td>
181-
</tr>
182-
</tbody>
183-
</table>
184-
</div>
135+
<dsfr-datatable
136+
[caption]="'Sous-traitants liés à la donnée'"
137+
[data]="data"
138+
[columns]="columns"
139+
>
140+
<ng-template #tableBodyTemplate let-row>
141+
<tr>
142+
<td>{{ row.sousTraitant }}</td>
143+
<td>{{ row.paysDestinataire }}</td>
144+
<td>{{ row.traitementRealise }}</td>
145+
<td>
146+
<a href="{{ row.garanties }}" target="_blank">
147+
{{ row.garanties }}</a
148+
>
149+
</td>
150+
</tr>
151+
</ng-template>
152+
</dsfr-datatable>
185153
<h2>Cookies</h2>
186154
<p>
187155
Un cookie est un fichier déposé sur votre terminal lors de la visite d’un

0 commit comments

Comments
 (0)