From e7deabc6cc546addd32df0fd45256c120eaa2db3 Mon Sep 17 00:00:00 2001 From: Fabien Lamarque Date: Tue, 28 May 2024 10:14:14 +0000 Subject: [PATCH] Ajoute un bouton FranceConnect aux normes https://docs.partenaires.franceconnect.gouv.fr/fs/integration-graphique/integration-bouton-fc/ --- .../franceconnect-btn-principal-hover.svg | 9 ++++++ .../images/franceconnect-btn-principal.svg | 9 ++++++ public/assets/images/square.svg | 7 +++++ public/assets/styles/pageAccueil.css | 13 ++++++++ src/siteVitrine.js | 2 ++ src/vues/pageAccueil.mustache | 31 +++++++++++++------ 6 files changed, 61 insertions(+), 10 deletions(-) create mode 100644 public/assets/images/franceconnect-btn-principal-hover.svg create mode 100644 public/assets/images/franceconnect-btn-principal.svg create mode 100644 public/assets/images/square.svg create mode 100644 public/assets/styles/pageAccueil.css diff --git a/public/assets/images/franceconnect-btn-principal-hover.svg b/public/assets/images/franceconnect-btn-principal-hover.svg new file mode 100644 index 0000000..6369697 --- /dev/null +++ b/public/assets/images/franceconnect-btn-principal-hover.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/images/franceconnect-btn-principal.svg b/public/assets/images/franceconnect-btn-principal.svg new file mode 100644 index 0000000..a2f3785 --- /dev/null +++ b/public/assets/images/franceconnect-btn-principal.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/images/square.svg b/public/assets/images/square.svg new file mode 100644 index 0000000..c067ff4 --- /dev/null +++ b/public/assets/images/square.svg @@ -0,0 +1,7 @@ + + + + external link + + + \ No newline at end of file diff --git a/public/assets/styles/pageAccueil.css b/public/assets/styles/pageAccueil.css new file mode 100644 index 0000000..a7d3198 --- /dev/null +++ b/public/assets/styles/pageAccueil.css @@ -0,0 +1,13 @@ +.bouton-franceconnect { + width: 209px; + height: 56px; + background-image: url("/statique/assets/images/franceconnect-btn-principal.svg"); + border: none; + cursor: pointer; + display: block; + margin: 12px; +} + +.bouton-franceconnect:hover { + background-image: url("/statique/assets/images/franceconnect-btn-principal-hover.svg"); +} diff --git a/src/siteVitrine.js b/src/siteVitrine.js index 033b2fb..235e73e 100644 --- a/src/siteVitrine.js +++ b/src/siteVitrine.js @@ -22,6 +22,8 @@ const creeServeur = (config) => { app.set('view engine', 'mustache'); app.engine('mustache', mustacheExpress()); + app.use('/statique', express.static('public')); + app.use(cookieSession({ maxAge: 15 * 60 * 1000, name: 'session', diff --git a/src/vues/pageAccueil.mustache b/src/vues/pageAccueil.mustache index aecf2cd..c3653b5 100644 --- a/src/vues/pageAccueil.mustache +++ b/src/vues/pageAccueil.mustache @@ -1,18 +1,29 @@ - + OOTS-France + + {{#avecConnexionFCPlus}} -{{#infosUtilisateur}} -

Utilisateur courant : {{given_name}} {{family_name}}

- Déconnexion -{{/infosUtilisateur}} -{{^infosUtilisateur}} -

Pas d'utilisateur courant

- Connexion -{{/infosUtilisateur}} + {{#infosUtilisateur}} +

Utilisateur courant : {{given_name}} {{family_name}}

+ Déconnexion + {{/infosUtilisateur}} + {{^infosUtilisateur}} +

Pas d'utilisateur courant

+
+

+ FranceConnect est la solution proposée par l’État pour sécuriser et simplifier la connexion à vos + services en ligne. +

+ + + Qu'est-ce que FranceConnect? Icône de lien + +
+ {{/infosUtilisateur}} {{/avecConnexionFCPlus}} {{^avecConnexionFCPlus}} -

Pas d'utilisateur courant

+

Pas d'utilisateur courant

{{/avecConnexionFCPlus}}