Feat dsfr page connexion mon domifa

packages/backend/src/modules/stats/controllers/stats.public.controller.spec.ts

@@ -19,7 +19,6 @@ import { UsersModule } from "../../users/users.module";
 describe("Stats Public Controller", () => {
   let controller: StatsPublicController;
   let context: AppTestContext;
-
   afterAll(async () => {
     jest.useRealTimers();
     await AppTestHelper.tearDownTestApp(context);

packages/portail-usagers/src/app/app.component.html

@@ -40,9 +40,8 @@
   </div>
   <dsfr-header
     [logoLabel]="'République<br/>Française'"
-    [operatorImageAlt]="'Mon DomiFa'"
+    operatorImageAlt="'Retour à l'accueil de Mon DomiFa'"
     [operatorImagePath]="'/assets/images/logo-dsfr.svg'"
-    [ariaLabel]="'Menu principal'"
     [logoLink]="{ routerLink: '/' }"
     [headerToolsLinks]="headerToolsLinks"
     (linkSelect)="logout()"

packages/portail-usagers/src/app/modules/shared/components/faq/faq.component.html

@@ -0,0 +1,103 @@
+<div class="row d-flex gap-5 mb-4">
+  <h2 class="fr-text-label--blue-ecume">Les questions fréquentes</h2>
+  <div class="d-flex flex-column">
+    <dsfr-accordion
+      [expanded]="false"
+      heading="Qu’est-ce que Mon DomiFa ?"
+      headingLevel="H2"
+      headingAriaLabel="Qu’est-ce que Mon DomiFa ?"
+    >
+      <p>
+        Mon DomiFa est
+        <b>un portail en ligne dédié aux personnes domiciliées</b>. <br />
+        Il vous permet de savoir si vous avez du courrier dans la structure qui
+        vous domicilie, à condition que celle-ci utilise l’outil DomiFa.
+      </p>
+    </dsfr-accordion>
+    <dsfr-accordion
+      [expanded]="false"
+      heading="Est-ce un service payant ?"
+      headingLevel="H2"
+      headingAriaLabel="Est-ce un service payant ?"
+    >
+      <p>
+        Non. L’accès à votre espace Mon DomiFa est entièrement gratuit, à
+        condition que votre structure a activé votre compte.
+      </p>
+    </dsfr-accordion>
+    <dsfr-accordion
+      [expanded]="false"
+      heading="Comment me connecter à mon espace personnel ?"
+      headingLevel="H2"
+      headingAriaLabel="Comment me connecter à mon espace personnel ?"
+    >
+      <p>
+        Rendez-vous sur
+        <a class="fr-link" [routerLink]="['/auth/login']">
+          mon-domifa.fabrique.social.gouv.fr/auth/login</a
+        >
+      </p>
+      <ul>
+        <li>
+          Lors de votre <b>première connexion</b>, utilisez
+          <b
+            >l’identifiant et le mot de passe temporaire fourni par votre
+            structure</b
+          >.
+        </li>
+        <li>
+          À la première connexion, il vous sera demandé de
+          <b>créer un nouveau mot de passe personnel</b>, qui servira pour
+          toutes vos connexions suivantes.
+        </li>
+      </ul>
+    </dsfr-accordion>
+    <dsfr-accordion
+      [expanded]="false"
+      heading="Que faire si j’ai perdu mes identifiants ?"
+      headingLevel="H2"
+      headingAriaLabel="Que faire si j’ai perdu mes identifiants ?"
+    >
+      <p>
+        En cas de perte d’identifiant ou de mot de passe,
+        <b>contactez directement votre structure de domiciliation</b>.
+      </p>
+      <div class="fr-notice fr-notice--warning">
+        <div class="fr-container">
+          <div class="fr-notice__body">
+            <p>
+              <span class="fr-notice__desc"
+                >Aucun identifiant ou mot de passe ne peut être envoyé par
+                internet.</span
+              >
+            </p>
+          </div>
+        </div>
+      </div>
+    </dsfr-accordion>
+    <dsfr-accordion
+      [expanded]="false"
+      heading="
+        Puis-je faire une demande en ligne (renouvellement, Cerfa, etc.) ?
+      "
+      headingLevel="H2"
+      headingAriaLabel="
+        Puis-je faire une demande en ligne (renouvellement, Cerfa, etc.) ?
+      "
+    >
+      <p>
+        Non. Mon DomiFa est aujourd’hui un
+        <b>outil de consultation uniquement</b>. Pour toute demande
+        (renouvellement, justificatif, Cerfa, etc.), vous devez
+        <b>contacter directement votre structure de domiciliation</b>.
+      </p>
+    </dsfr-accordion>
+  </div>
+  <dsfr-button
+    class="d-flex justify-content-center"
+    label="Consulter l'aide en ligne"
+    type="button"
+    variant="secondary"
+    size="LG"
+  ></dsfr-button>
+</div>

packages/portail-usagers/src/app/modules/shared/components/faq/faq.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from "@angular/core/testing";
+
+import { FaqComponent } from "./faq.component";
+
+describe("FaqComponent", () => {
+  let component: FaqComponent;
+  let fixture: ComponentFixture<FaqComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [FaqComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(FaqComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it("should create", () => {
+    expect(component).toBeTruthy();
+  });
+});

packages/portail-usagers/src/app/modules/shared/components/faq/faq.component.ts

@@ -0,0 +1,12 @@
+import { Component } from "@angular/core";
+import { RouterModule } from "@angular/router";
+import { DsfrAccordionModule, DsfrButtonModule } from "@edugouvfr/ngx-dsfr";
+
+@Component({
+  selector: "app-faq",
+  standalone: true,
+  imports: [DsfrAccordionModule, DsfrButtonModule, RouterModule],
+  templateUrl: "./faq.component.html",
+  styleUrl: "./faq.component.css",
+})
+export class FaqComponent {}

packages/portail-usagers/src/app/modules/shared/shared.module.ts

@@ -10,10 +10,17 @@ import { CustomToastrComponent } from "./components/custom-toastr/custom-toastr.
 import { SeoService } from "./services/seo.service";
 import { ReplaceLineBreaks } from "./pipes/nl2br.pipe";
 import {
+  DsfrAccordionModule,
+  DsfrButtonModule,
   DsfrFooterModule,
+  DsfrFormFieldsetModule,
+  DsfrFormInputModule,
+  DsfrFormPasswordModule,
   DsfrHeaderModule,
+  DsfrLinkModule,
   DsfrSkiplinksModule,
 } from "@edugouvfr/ngx-dsfr";
+import { FaqComponent } from "./components/faq/faq.component";
 
 @NgModule({
   declarations: [CustomToastrComponent, ReplaceLineBreaks],
@@ -22,6 +29,13 @@ import {
     ReplaceLineBreaks,
     DsfrFooterModule,
     DsfrSkiplinksModule,
+    DsfrFormFieldsetModule,
+    DsfrFormInputModule,
+    DsfrFormPasswordModule,
+    DsfrLinkModule,
+    DsfrAccordionModule,
+    DsfrButtonModule,
+    FaqComponent,
     DsfrHeaderModule,
   ],
   providers: [SeoService],
@@ -30,6 +44,11 @@ import {
     FontAwesomeModule,
     DsfrFooterModule,
     DsfrSkiplinksModule,
+    DsfrFormInputModule,
+    DsfrFormPasswordModule,
+    DsfrButtonModule,
+    DsfrLinkModule,
+    FaqComponent,
     DsfrHeaderModule,
   ],
 })

packages/portail-usagers/src/app/modules/usager-auth/usager-login/password-validator.service.ts

@@ -3,7 +3,7 @@ import { AbstractControl, ValidationErrors, ValidatorFn } from "@angular/forms";
 export class PasswordValidator {
   public static patternValidator(
     regex: RegExp,
-    error: ValidationErrors,
+    error: ValidationErrors
   ): ValidatorFn {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return (control: AbstractControl): { [key: string]: any } | null => {