From 11d2676efd412c0a61af83a963b8669fded92317 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yana=C3=ABl=20GRETTE?= <yanael.grette@outlook.com>
Date: Wed, 10 Feb 2021 11:49:18 +0100
Subject: [PATCH] =?UTF-8?q?Ajout=20d'un=20stepper=20pour=20g=C3=A9rer=20le?=
 =?UTF-8?q?s=20diff=C3=A9rentes=20=C3=A9tapes=20de=20l'assignation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assignation-referent.component.html          | 16 ++++++++++++++++
 .../angular-material/angular-material.module.ts  |  6 +++---
 .../nav-menu-assistante.component.html           |  2 +-
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/app/referents/assignation-referent/assignation-referent.component.html b/src/app/referents/assignation-referent/assignation-referent.component.html
index 6fcb867..5c08cde 100644
--- a/src/app/referents/assignation-referent/assignation-referent.component.html
+++ b/src/app/referents/assignation-referent/assignation-referent.component.html
@@ -1,2 +1,18 @@
 <app-nav-menu></app-nav-menu>
 <h1>Assignation référent</h1>
+
+<mat-horizontal-stepper linear  #stepper>
+    <mat-step label="Choix du référent" [completed]="true">
+        <button mat-button matStepperNext>Suivant</button>
+    </mat-step>
+
+    <mat-step label="Choix des collaborateurs" [completed]="false">
+        <button mat-button matStepperPrevious>Retour</button>
+      <button mat-button matStepperNext>Suivant</button>
+    </mat-step>
+
+    <mat-step label="Confirmation">
+        <button mat-button matStepperPrevious>Retour</button>
+        <button mat-button >Valider</button>
+    </mat-step>
+</mat-horizontal-stepper>
\ No newline at end of file
diff --git a/src/app/shared/angular-material/angular-material.module.ts b/src/app/shared/angular-material/angular-material.module.ts
index b7071bb..39dd4b9 100644
--- a/src/app/shared/angular-material/angular-material.module.ts
+++ b/src/app/shared/angular-material/angular-material.module.ts
@@ -16,7 +16,7 @@ import {MatDatepickerModule} from '@angular/material/datepicker';
 import {MatNativeDateModule} from '@angular/material/core';
 import {MatCheckboxModule} from '@angular/material/checkbox';
 import {MatSelectModule} from '@angular/material/select';
-
+import {MatStepperModule} from '@angular/material/stepper';
 
 import { NgxMatDatetimePickerModule, NgxMatTimepickerModule, NgxMatNativeDateModule } from '@angular-material-components/datetime-picker';
 
@@ -33,7 +33,7 @@ import { NgxMatDatetimePickerModule, NgxMatTimepickerModule, NgxMatNativeDateMod
     MatTabsModule, MatFormFieldModule,
     NgxMatDatetimePickerModule, MatDatepickerModule,
     NgxMatNativeDateModule, MatNativeDateModule,
-    MatCheckboxModule, MatSelectModule
+    MatCheckboxModule, MatSelectModule, MatStepperModule
   ],
   exports : [MatCardModule,
     MatButtonModule, MatMenuModule,
@@ -43,7 +43,7 @@ import { NgxMatDatetimePickerModule, NgxMatTimepickerModule, NgxMatNativeDateMod
     MatTabsModule, MatFormFieldModule,
     NgxMatDatetimePickerModule, MatDatepickerModule,
     NgxMatNativeDateModule, MatNativeDateModule,
-    MatCheckboxModule, MatSelectModule
+    MatCheckboxModule, MatSelectModule, MatStepperModule
   ]
 })
 export class MaterialModule {}
diff --git a/src/app/shared/nav-menu/nav-menu-assistante/nav-menu-assistante.component.html b/src/app/shared/nav-menu/nav-menu-assistante/nav-menu-assistante.component.html
index d616202..2f2f4ae 100644
--- a/src/app/shared/nav-menu/nav-menu-assistante/nav-menu-assistante.component.html
+++ b/src/app/shared/nav-menu/nav-menu-assistante/nav-menu-assistante.component.html
@@ -8,7 +8,7 @@
 </mat-menu>
 
 <button mat-button [matMenuTriggerFor]="menuReferents">
-  <span>Référent</span>
+  <span>Référents</span>
   <mat-icon>more_vert</mat-icon>
 </button>
 <mat-menu #menuReferents="matMenu">