Merge branch '416-email_filter' into 'main'

fix #416 : Limiter l'accès à MISIS aux mails gouvernementaux

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

src/app/app.routes.ts

@@ -205,6 +205,16 @@ export const routes: Routes = [
           skiplinks: generateSkipLinks(),
         },
       },
+      {
+        path: 'forbidden',
+        pathMatch: 'full',
+        loadComponent: () => import('./views/public/forbidden/forbidden.component'),
+        title: 'Accès interdit',
+        data: {
+          title: 'Accès interdit',
+          skiplinks: generateSkipLinks(),
+        },
+      },
       {
         path: '**',
         pathMatch: 'full',

src/app/views/protected/suivis/creation-step/creation-step2.component.ts

-import {Component, input, output} from '@angular/core';
-import {buildPagesFormGroup, CreationStep2Form, groupCreationForm} from "./creation-step-configuration";
-import {FormsModule, ReactiveFormsModule} from "@angular/forms";
-import {InputTextComponent} from "../../../../shared/components/input-text/input-text.component";
-import {InputErrorComponent} from "../../../../shared/components/input-error/input-error.component";
-import {RouterLink} from "@angular/router";
+import { Component, input, output, signal } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { InputErrorComponent } from "../../../../shared/components/input-error/input-error.component";
+import { InputTextComponent } from "../../../../shared/components/input-text/input-text.component";
+import { buildPagesFormGroup, CreationStep2Form, groupCreationForm } from "./creation-step-configuration";
 
 @Component({
   selector: 'div[misis-creation-step2]',
@@ -13,7 +12,6 @@ import {RouterLink} from "@angular/router";
     ReactiveFormsModule,
     InputTextComponent,
     InputErrorComponent,
-    RouterLink
   ],
   template: `
     <p [class.fr-col-offset-md-2]="centerInPage()" class="fr-col fr-col-md-8 fr-text--lead">
@@ -253,7 +251,7 @@ import {RouterLink} from "@angular/router";
                   </button>
                 </li>
                 <li>
-                  <button type="submit" class="fr-btn" (click)="processToNextStep($event)">
+                  <button type="submit" class="fr-btn" (click)="processToNextStep($event)" [disabled]="disableSubmitButton()">
                     Terminer
                   </button>
                 </li>
@@ -302,13 +300,14 @@ export class CreationStep2Component {
   form = input.required<CreationStep2Form>();
   processToStep = output<number>();
   currentGroupOfPagesIndex:number = 0;
-
+  disableSubmitButton = signal<boolean>(false);
 
   processToNextStep = (event:Event) => {
     event.preventDefault();
     this.form().markAllAsTouched();
 
     if (this.form().valid) {
+      this.disableSubmitButton.set(true);
       this.processToStep.emit(3)
     }
   }

src/app/views/public/forbidden/forbidden.component.ts

+import { Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
+
+@Component({
+  selector: 'misis-forbidden',
+  standalone: true,
+  imports: [
+    RouterLink
+  ],
+  template: `
+    <div class="fr-container">
+      <div class="fr-my-7w fr-mt-md-12w fr-mb-md-10w fr-grid-row fr-grid-row--gutters fr-grid-row--middle fr-grid-row--center">
+        <div class="fr-py-0 fr-col-12 fr-col-md-6">
+          <h1 class="fr-mb-3w">Accès interdit</h1>
+          <p class="fr-text--sm fr-mb-3w">Erreur 403</p>
+          <p class="fr-text--lead fr-mb-3w">La page que vous cherchez n'est pas accessible.</p>
+          <p class="fr-text--sm fr-mb-5w">
+            Votre adresse email a été rejetée. Pour obtenir l'accès, veuillez contacter l'administrateur.
+          </p>
+          <ul class="fr-btns-group fr-btns-group--inline-md">
+            <li>
+              <a class="fr-btn" routerLink="/accueil">
+                Page d'accueil
+              </a>
+            </li>
+          </ul>
+        </div>
+        <div class="fr-col-12 fr-col-md-3 fr-col-offset-md-1 fr-px-6w fr-px-md-0 fr-py-0">
+          <svg xmlns="http://www.w3.org/2000/svg" class="fr-responsive-img fr-artwork" aria-hidden="true" width="160" height="200" viewBox="0 0 160 200" alt="">
+            <use class="fr-artwork-motif" href="assets/img/artwork/background/ovoid.svg#artwork-motif"></use>
+            <use class="fr-artwork-background" href="assets/img/artwork/background/ovoid.svg#artwork-background"></use>
+            <g transform="translate(40, 60)">
+              <use class="fr-artwork-decorative" href="assets/img/artwork/pictograms/system/technical-error.svg#artwork-decorative"></use>
+              <use class="fr-artwork-minor" href="assets/img/artwork/pictograms/system/technical-error.svg#artwork-minor"></use>
+              <use class="fr-artwork-major" href="assets/img/artwork/pictograms/system/technical-error.svg#artwork-major"></use>
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+`,
+  styles: ``
+})
+export default class ForbiddenComponent {
+
+}