Implémentation de l'affichage des commentaires assistants, de la liste des participants et de la demande de délégation

src/app/ep/details-ep/details-ep.component.html

@@ -53,7 +53,7 @@
         <mat-tab label="Les demandes de formation"></mat-tab>
 
         <mat-tab label="Commentaire assistant">
-            Ajout et consultation des commentaires (pour les assistants)
+            <ep-commentaires-assistant [ep]="ep"></ep-commentaires-assistant>
         </mat-tab>
 
         <mat-tab label="Choix de dates"> 
@@ -64,10 +64,10 @@
             Le référent propose trois dates d'entretien (référent)
         </mat-tab>
         <mat-tab label="Demande délégation">
-            Effectuer une demande de délégation (Assistant et référent)
+            <ep-demande-delegation [demande]="ep.demandesDelegation"></ep-demande-delegation>
         </mat-tab>
         <mat-tab label="Les participants">
-            Ajouter et enlever des participants (Assistants et référent)
+            <ep-participants [ep]="ep"></ep-participants>
         </mat-tab>
 
       </mat-tab-group>

src/app/ep/details-ep/ep-commentaire-assistant/ep-commentaire-assistant.component.html

@@ -1 +0,0 @@
-<h1>Consultation commentaire assistant</h1>

src/app/ep/details-ep/ep-commentaire-assistant/ep-commentaire-assistant.component.ts

@@ -1,16 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-/**
-  * Composant pour permettre au référent d'ajouter son commentaire et à tous les participants de le consulter
-  */
-@Component({
-  selector: 'app-ep-commentaire-assistant',
-  templateUrl: './ep-commentaire-assistant.component.html'
-})
-export class EpCommentaireAssistantComponent implements OnInit {
-
-  constructor() {}
-
-  ngOnInit() {
-  }
-}

src/app/ep/details-ep/ep-commentaires-assistant/ep-commentaires-assistant.component.html

@@ -0,0 +1,14 @@
+<ng-container *ngIf="ep.commentairesAssistant == undefined || ep.commentairesAssistant == []">
+    Aucun commentaire assistant
+</ng-container>
+
+
+<ng-container *ngIf="ep.commentairesAssistant != undefined && ep.commentairesAssistant != []">
+    Liste des commentaires assistants :
+    <ul>
+        <li *ngFor="let commentaire of ep.commentairesAssistant">
+            <p>Assistant : {{commentaire.assistant}}</p>
+            <p>{{commentaire.commentaire}}</p>
+        </li>
+    </ul>
+</ng-container>

src/app/ep/details-ep/ep-commentaires-assistant/ep-commentaires-assistant.component.ts

@@ -0,0 +1,17 @@
+import { Component, Input } from '@angular/core';
+import { EpDTO } from '@shared/api-swagger';
+
+/**
+  * Composant pour permettre au référent d'ajouter son commentaire et à tous les participants de le consulter
+  */
+@Component({
+  selector: 'ep-commentaires-assistant',
+  templateUrl: './ep-commentaires-assistant.component.html'
+})
+export class EpCommentairesAssistantComponent {
+
+  @Input() ep : EpDTO;
+
+  constructor() {}
+
+}

src/app/ep/details-ep/ep-demande-delegation/ep-demande-delegation.component.html

@@ -1 +1,15 @@
-<h1>Consultation demande delegation</h1>
+<ng-container *ngIf="demande == undefined">
+    <h3>Aucune demande de délégation en cours</h3>
+</ng-container>
+
+<ng-container *ngIf="demande != undefined">
+    <h3>Demande de délégation en cours :</h3>
+    <p> Receveur : {{demande.referent.nom}} {{demande.referent.prenom}}</p>
+    <p> Date de la demande : {{demande.dateDemande | date: 'dd/MM/yyyy'}}</p>
+    <p> Raison de la demande : {{demande.raisonDemande }}</p>
+    <p> {{afficherEtatDemande(demande.etatDemande)}}</p>
+    <ng-container *ngIf="demande.etatDemande == etatDemande.Rejetee" >
+        <p> Date réponse : {{demande.dateReponse | date: 'dd/MM/yyyy'}}</p>
+        <p> Raison refus : {{demande.raisonRefus}} </p>
+    </ng-container>
+</ng-container>

src/app/ep/details-ep/ep-demande-delegation/ep-demande-delegation.component.ts

@@ -1,16 +1,22 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, Input} from '@angular/core';
+import { AfficherEtatDemandeDelegation, DemandeDelegationDTO, EpDTO, EtatDemande } from '@shared/api-swagger';
 
 /**
   * Composant pour faire une demande de délégation et voir la dernière en cours
   */
 @Component({
-  selector: 'app-ep-demande-delegation',
+  selector: 'ep-demande-delegation',
   templateUrl: './ep-demande-delegation.component.html'
 })
-export class EpDemandeDelegationComponent implements OnInit {
+export class EpDemandeDelegationComponent{
 
+  etatDemande : any = EtatDemande;
+
+  @Input() demande: DemandeDelegationDTO;
   constructor() {}
 
-  ngOnInit() {
+  afficherEtatDemande(etat: EtatDemande) {
+    return AfficherEtatDemandeDelegation(etat);
   }
+
 }

src/app/ep/details-ep/ep-participants/ep-participants.component.html

@@ -1 +1,11 @@
-<h1>Consultation participants </h1>
+<ng-container *ngIf="ep.participants == undefined || ep.participants == []">
+    <h3> Aucun participant</h3>
+</ng-container>
+
+<ng-container *ngIf="ep.participants != undefined && ep.participants != []">
+    <ul>
+        <li *ngFor=" let participant of ep.participants">
+            {{participant.participant}}
+        </li>
+    </ul>
+</ng-container>

src/app/ep/details-ep/ep-participants/ep-participants.component.ts

@@ -1,16 +1,16 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
+import { EpDTO } from '@shared/api-swagger';
 
 /**
   * Composant pour afficher la liste des participants de l'EP
   */
 @Component({
-  selector: 'app-ep-participants',
+  selector: 'ep-participants',
   templateUrl: './ep-participants.component.html'
 })
-export class EpParticipantsComponent implements OnInit {
+export class EpParticipantsComponent {
 
-  constructor() {}
+  @Input() ep : EpDTO;
 
-  ngOnInit() {
-  }
+  constructor() {}
 }

src/app/ep/ep.module.ts

@@ -14,13 +14,17 @@ import { MatTablesModule } from "@shared/mat-tables/mat-tables.module";
 import { EpSignesComponent } from "./ep-signes/ep-signes.component";
 import { DetailsEPComponent } from "./details-ep/details-ep.component";
 import { EpObjectifsComponent } from "./details-ep/ep-objectifs/ep-objectifs.component";
+import { EpParticipantsComponent } from "./details-ep/ep-participants/ep-participants.component";
+import { EpDemandeDelegationComponent } from "./details-ep/ep-demande-delegation/ep-demande-delegation.component";
+import { EpCommentairesAssistantComponent } from "./details-ep/ep-commentaires-assistant/ep-commentaires-assistant.component";
 
 /**
   * Module de l'ep
   */
 @NgModule({
   declarations: [
-    EpComponent, EpSignesComponent, DetailsEPComponent, EpObjectifsComponent
+    EpComponent, EpSignesComponent, DetailsEPComponent, EpObjectifsComponent,
+     EpParticipantsComponent, EpDemandeDelegationComponent, EpCommentairesAssistantComponent
   ],
   exports: [EpComponent, DetailsEPComponent
   ],

src/app/shared/api-swagger/model/commentaireAssistantDTO.ts

@@ -2,7 +2,7 @@
  * API du serveur de l'application de digitalisation des EP
  * API qui sra utilisée afin de faire communiquer le client et le serveur ainsi que le serveur et la boîte noire.
  *
- * OpenAPI spec version: 1.3.6
+ * OpenAPI spec version: 1.3.7
  * 
  *
  * NOTE: This class is auto generated by the swagger code generator program.
@@ -13,7 +13,7 @@
 /**
  * DTO contenant le commentaire d'un assistant sur l'EP.
  */
-export interface CommentaireAssistantDTO { 
+ export interface CommentaireAssistantDTO { 
     /**
      * Id du commentaire assistant
      */
@@ -21,7 +21,8 @@ export interface CommentaireAssistantDTO {
     /**
      * Id de l'assistant qui a écrit le commentaire
      */
-    idAssistante?: string;
+    idAssistant: string;
+    assistant?: string;
     /**
      * Le commentaire de l’assistant
      */

src/app/shared/api-swagger/model/epDTO.ts

@@ -74,7 +74,7 @@ export interface EpDTO {
     participants?: Array<ParticipationEPDTO>;
     engagements?: Array<EngagementDTO>;
     augmentationSalaire?: AugmentationSalaireDTO;
-    demandesDelegation?: Array<DemandeDelegationDTO>;
+    demandesDelegation?: DemandeDelegationDTO;
     demandeEPI?: DemandeEPIDTO;
     documents: Array<DocumentDTO>;
     commentairesAssistant?: Array<CommentaireAssistantDTO>;

src/app/shared/api-swagger/model/etatDemande.ts

@@ -19,4 +19,15 @@ export const EtatDemande = {
     EnAttente: 'EnAttente' as EtatDemande,
     Validee: 'Validee' as EtatDemande,
     Rejetee: 'Rejetee' as EtatDemande
-};
+};
+
+export function AfficherEtatDemandeDelegation(etat: EtatDemande) {
+    switch(etat) {
+        case EtatDemande.Rejetee :
+            return "Demande rejetée";
+        case EtatDemande.Validee:
+            return "Demande acceptée";
+        case EtatDemande.EnAttente:
+            return "Demande en attente";
+    }
+}