@gouvfr/dsfr-roller 1.0.78 → 1.0.80
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gouvfr/dsfr-roller",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.80",
|
|
4
4
|
"description": "Le module `dsfr-roller` permet de publier le site de documentation du Système de Design de l’État - DSFR",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Système de Design de l'État",
|
|
@@ -60,8 +60,8 @@
|
|
|
60
60
|
],
|
|
61
61
|
"main": "./index.js",
|
|
62
62
|
"dependencies": {
|
|
63
|
-
"@gouvfr/dsfr-forge": "=1.0.
|
|
64
|
-
"@gouvfr/dsfr-kit": "=1.0.
|
|
63
|
+
"@gouvfr/dsfr-forge": "=1.0.80",
|
|
64
|
+
"@gouvfr/dsfr-kit": "=1.0.80",
|
|
65
65
|
"@gouvfr/dsfr-publisher": "npm:@gouvfr/dsfr@1.14.3",
|
|
66
66
|
"deepmerge": "^4.3.1",
|
|
67
67
|
"ejs": "^3.1.10",
|
package/src/page/body/cgu.js
CHANGED
|
@@ -6,6 +6,7 @@ class CGU extends Renderable {
|
|
|
6
6
|
super(data);
|
|
7
7
|
this._requireCGU = data.cgu.required;
|
|
8
8
|
this._version = data.cgu.version;
|
|
9
|
+
this._isCGUActive = data.cgu.isActive;
|
|
9
10
|
this._content = nodeFactory.create({
|
|
10
11
|
type: 'root',
|
|
11
12
|
children: data.cgu.nodes
|
|
@@ -13,7 +14,7 @@ class CGU extends Renderable {
|
|
|
13
14
|
}
|
|
14
15
|
|
|
15
16
|
async render () {
|
|
16
|
-
if (!this._requireCGU) {
|
|
17
|
+
if (!this._requireCGU || !this._isCGUActive) {
|
|
17
18
|
return '';
|
|
18
19
|
}
|
|
19
20
|
|
|
@@ -60,13 +60,15 @@ class ConsentCGU extends Element {
|
|
|
60
60
|
<button aria-controls="modal-cgu" title="Fermer" type="button" id="button-cgu-accepted-close" class="fr-btn fr-btn--close">Fermer</button>
|
|
61
61
|
</div>
|
|
62
62
|
<div class="fr-modal__content dsfr-doc-modal-cgu-accepted__content">
|
|
63
|
-
<
|
|
64
|
-
<
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
63
|
+
<div class="dsfr-doc-modal-cgu-accepted__content-center">
|
|
64
|
+
<svg aria-hidden="true" class="fr-artwork fr-artwork--green-emeraude dsfr-doc-modal-cgu-accepted__pictogram" viewBox="0 0 80 80" width="80px" height="80px">
|
|
65
|
+
<use class="fr-artwork-decorative" href="/dist/artwork/pictograms/system/success.svg#artwork-decorative"></use>
|
|
66
|
+
<use class="fr-artwork-minor" href="/dist/artwork/pictograms/system/success.svg#artwork-minor"></use>
|
|
67
|
+
<use class="fr-artwork-major" href="/dist/artwork/pictograms/system/success.svg#artwork-major"></use>
|
|
68
|
+
</svg>
|
|
69
|
+
<p id="modal-cgu-title" role="alert" class="fr-h4">Merci, votre consentement a été enregistré</p>
|
|
70
|
+
<button type="button" id="button-cgu-accepted-confirm" aria-controls="modal-cgu" class="fr-btn dsfr-doc-modal-cgu-accepted__button">Accéder à la documentation</button>
|
|
71
|
+
</div>
|
|
70
72
|
<p class="dsfr-doc-modal-cgu-accepted__info">Le formulaire « Conditions générales d’utilisation du Système de Design de l’État » s’inscrit dans le cadre d’un traitement de données personnelles géré par la Direction des Services Administratifs et Financiers du Premier ministre (DSAF). Vous disposez de droits sur vos données personnelles collectées et utilisées dans ce cadre (opposition, accès, rectification, suppression, limitation, portabilité, testament numérique). Pour en savoir plus, consulter la page “Données personnelles”.</p>
|
|
71
73
|
</div>`;
|
|
72
74
|
}
|
|
@@ -18,13 +18,35 @@
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
&-accepted {
|
|
21
|
+
.fr-modal__body {
|
|
22
|
+
height: var(--modal-max-height);
|
|
23
|
+
|
|
24
|
+
@media (min-width: 48em) {
|
|
25
|
+
height: 80vh;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
21
29
|
&__content {
|
|
22
30
|
padding: 0.5rem 1rem 0 1rem;
|
|
23
31
|
margin-bottom: 0;
|
|
24
|
-
|
|
32
|
+
display: flex;
|
|
33
|
+
flex-direction: column;
|
|
34
|
+
justify-content: center;
|
|
35
|
+
align-items: center;
|
|
36
|
+
height: calc(100% - 3.5rem);
|
|
25
37
|
|
|
26
38
|
@media (min-width: 48em) {
|
|
27
39
|
padding: 0.5rem 3rem 0.5rem 3rem;
|
|
40
|
+
height: calc(100% - 4rem);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&-center {
|
|
44
|
+
display: flex;
|
|
45
|
+
height: 100%;
|
|
46
|
+
flex-direction: column;
|
|
47
|
+
align-items: center;
|
|
48
|
+
text-align: center;
|
|
49
|
+
justify-content: center;
|
|
28
50
|
}
|
|
29
51
|
}
|
|
30
52
|
|
|
@@ -53,7 +75,8 @@
|
|
|
53
75
|
}
|
|
54
76
|
|
|
55
77
|
&__buttons {
|
|
56
|
-
margin-bottom: -
|
|
78
|
+
margin-bottom: -2rem;
|
|
79
|
+
margin-top: 3rem;
|
|
57
80
|
}
|
|
58
81
|
}
|
|
59
82
|
|