Merge branch '298-donnees-personnelles-et-cookies' into 'main'

feat #298 : Créer une page d'information sur l'utilisation des données à caractère personnel et modalités d'exercice de droits

See merge request pub/numeco/misis/misis-frontend!129

src/app/app.routes.ts

@@ -186,15 +186,6 @@ export const routes: Routes = [
           skiplinks: generateSkipLinks(),
         }
       },
-      {
-        path: 'gestion-des-cookies',
-        loadComponent: () => import('./views/public/home/gestion-des-cookies.component'),
-        title: 'Gestion des cookies',
-        data:{
-          title: 'Gestion des cookies',
-          skiplinks: generateSkipLinks(),
-        }
-      },
       {
         path: 'erreur-inattendue',
         pathMatch: 'full',

src/app/core/layout/footer/footer.component.ts

@@ -62,13 +62,13 @@ import { environment } from '../../../../environments/environment';
             </li>
             <li class="fr-footer__bottom-item">
               <a class="fr-footer__bottom-link" [routerLink]="['donnees-personnelles']">
-                Données personnelles
+                Données personnelles et cookies
               </a>
             </li>
             <li class="fr-footer__bottom-item">
-              <a class="fr-footer__bottom-link" [routerLink]="['gestion-des-cookies']">
-                Gestion des cookies
-              </a>
+              <button class="fr-footer__bottom-link" data-fr-opened="false" aria-controls="fr-consent-modal">
+                  Gestion des cookies
+              </button>
             </li>
             <li class="fr-footer__bottom-item">
               <button class="fr-footer__bottom-link fr-icon-theme-fill fr-btn--icon-left" aria-controls="fr-theme-modal" data-fr-opened="false">

src/app/views/public/home/donnees-personnelles.component.ts

@@ -6,7 +6,23 @@ import {Component} from '@angular/core';
   imports: [
   ],
   template: `
-    <h1>Données personnelles</h1>
+  <div class="fr-col-12 fr-col-md-8">
+      <h1>Données personnelles et cookies</h1>
+      <h2>Données personnelles</h2>
+      <p>Ce site ne prélève aucune donnée à caractère personnel.</p>
+      <h2>Gestion des cookies</h2>
+      <p>La CNIL définit les cookies comme « un petit fichier stocké par un serveur dans le terminal (ordinateur, téléphone, etc.) d’un utilisateur et associé à un domaine web (c'est-à-dire dans la majorité des cas à l’ensemble des pages d’un même site web). Ce fichier est automatiquement renvoyé lors de contacts ultérieurs avec le même domaine ».</p>
+      <p>En savoir plus sur les cookies utilisés :</p>
+      <p>MISIS ne gère que les outils liés à l'authentification des utilisateurs.</p>
+      <h2>En savoir plus sur la réglementation</h2>
+      <p>
+        <a class="fr-link fr-icon-arrow-right-line fr-link--icon-left" rel="noopener external" target="_blank" title="Le règlement général sur la protection des données (RGPD) - nouvelle fenêtre" href="https://www.cnil.fr/fr/reglement-europeen-protection-donnees">Le règlement général sur la protection des données (RGPD)</a>
+      </p>
+      <p>
+        <a class="fr-link fr-icon-arrow-right-line fr-link--icon-left" rel="noopener external" target="_blank" title="La loi n° 78-17 du 6 janvier 1978 relative à l'informatique, aux fichiers et aux libertés - nouvelle fenêtre" href="https://www.legifrance.gouv.fr/loda/id/JORFTEXT000000886460/">La loi n° 78-17 du 6 janvier 1978 relative à l'informatique, aux fichiers et aux libertés</a>
+      </p>
+      <hr />
+  </div>
   `,
   styles: ``
 })

src/app/views/public/home/gestion-des-cookies.component.ts

-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'div [class="fr-container"] [misis-gestion-des-cookies]',
-  standalone: true,
-  imports: [
-  ],
-  template: `
-    <h1>Gestion des cookies</h1>
-  `,
-  styles: ``
-})
-export default class GestionDesCookiesComponent {
-
-}