affichage des demandes de formation d'un EP

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

@@ -1,4 +1,4 @@
-.saisie {
+/*.saisie {
     overflow-y: scroll;
-    height: 60%;
+    height: 100%;
-}
+}*/

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

@@ -1,22 +1,22 @@
 <app-nav-menu></app-nav-menu>
-<div class="detailsep">
+<div *ngIf="ep!=undefined" class="detailsep">
-    <p> Collaborateur : NOM PRENOM (AGENCE) <button mat-stroked-button>Accéder au détails</button></p> 
+    <p> Collaborateur : {{ep.collaborateur.nom}} {{ep.collaborateur.prenom}} ({{ep.collaborateur.businessUnit.nom}}) <button mat-stroked-button [routerLink]="['/collaborateurs',ep.collaborateur.id]">Accéder au détails collaborateur</button></p> 
-    <p> Référent : NOM PRENOM </p>
+    <p> Référent : {{ep.referent.nom}} {{ep.referent.prenom}} </p>
-    <p> Entretien le : dd/MM/yyyy</p>
+    <p> Entretien le : {{ep.datePrevisionnelle | date: 'dd/MM/yyyy'}}</p>
-    <p> EPA</p>
+    <p> Statut : {{afficherTypeEP(ep.statut)}}</p>
 
     <button mat-raised-button color="primary" title="Valider le déroulement de l'entretien">Valider entretien</button>
 
     <button mat-raised-button color="primary" title="Signer l'EP">Signer</button>
 
     <mat-tab-group mat-align-tabs="start">
+        <mat-tab label="Les objectifs">
+            <ep-objectifs [ep]="ep"></ep-objectifs>
+        </mat-tab>
+       
         <mat-tab label="La saisie">
             
             <mat-vertical-stepper class="saisie" linear  #stepper>
-                <mat-step label="Les objectifs précédents" completed="true">
-
-                </mat-step>
-
                 <mat-step label="Mission/Projet" completed="true">
 
                 </mat-step>
@@ -33,19 +33,7 @@
 
                 </mat-step>
 
-                <mat-step label="Objectifs" completed="true">
-
-                </mat-step>
-
-
-                <mat-step label="Engagements" completed="true">
-
-
-                </mat-step>
-
-                <mat-step label="Demandes de formation" completed="true">
 
-                </mat-step>
                 <mat-step label="Demande d'augmentation salaire" completed="true">
 
                 </mat-step>
@@ -59,34 +47,38 @@
                 </mat-step>
 
             </mat-vertical-stepper>
+        </mat-tab>
 
-
+        <mat-tab label="Les engagements">
-
+            <ep-engagements [engagements]="ep.engagements"></ep-engagements>
-
+        </mat-tab>
-
+        <mat-tab label="Les demandes de formation">
-
+            <ep-demandes-formation [demandesFormation]="ep.demandesFormation"></ep-demandes-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"> 
-            Le collaborateur choisi une date parmi la liste des dates proposés (collaborateur)
+            <ep-choix-date [rdvsEntretien]="ep.propositionsEntretien"></ep-choix-date>
         </mat-tab>
 
         <mat-tab label="Proposition de date">
-            Le référent propose trois dates d'entretien (référent)
+            <ep-propositions-dates [choixTypeEntretien]="ep.choixTypeEntretien"></ep-propositions-dates>
         </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>
 </div>
-
+<ng-container *ngIf="ep==undefined">
+    <mat-spinner></mat-spinner>
+</ng-container>
 <!--
 
     <ng-container *ngIf="ep == undefined" >

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

@@ -1,6 +1,6 @@
 import { Component, OnInit } from "@angular/core";
 import { ActivatedRoute } from "@angular/router";
-import { EpDTO, EpService } from "@shared/api-swagger";
+import { affichageStatut, EpDTO, EpService, StatutEp } from "@shared/api-swagger";
 import { AuthService } from "@shared/auth/auth.service";
 import { Role } from "@shared/utils/roles";
 import { Subscription } from "rxjs";
@@ -28,11 +28,17 @@ export class DetailsEPComponent implements OnInit {
     }
 
     ngOnInit() {
-        /*
         this.idEp = this.route.snapshot.paramMap.get("id");
         this.epSubscription = this.epService.getEPById(this.idEp).subscribe(
-            ep => this.ep = ep,
+            ep => {
+                this.ep = ep;
+                console.log(this.ep);
+            },
             err => console.log(err) 
-        );*/
+        );
+    }
+
+    afficherTypeEP(statutEP: StatutEp) {
+        return affichageStatut(statutEP);
     }
 }

src/app/ep/details-ep/ep-choix-date/ep-choix-date.component.css

@@ -0,0 +1,5 @@
+.radio-rdv {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 15px;
+}

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

@@ -1 +1,8 @@
-<h1>Consultation choix date</h1>
+<h3>Choisir une date</h3>
+
+<mat-radio-group class="radio-rdv"  [(ngModel)]="choixRdv">
+    <mat-radio-button  *ngFor="let rdv of rdvsEntretien" [value]="rdv">
+        {{rdv.typeEntretien.libelle}} le {{rdv.dateEntretien | date : 'dd/MM/yyyy à hh:mm'}}
+      </mat-radio-button>
+</mat-radio-group>
+<button mat-raised-button color="primary">Valider le choix</button>

src/app/ep/details-ep/ep-choix-date/ep-choix-date.component.ts

@@ -1,16 +1,16 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, Input } from '@angular/core';
+import { RDVEntretienDTO } from '@shared/api-swagger';
 
 /**
   * Composant qui permet au collaborateur de faire un choix parmi les date proposées
   */
 @Component({
-  selector: 'app-ep-choix-date',
+  selector: 'ep-choix-date',
-  templateUrl: './ep-choix-date.component.html'
+  templateUrl: './ep-choix-date.component.html',
+  styleUrls: ["ep-choix-date.component.css"]
 })
-export class EpChoixDateComponent implements OnInit {
+export class EpChoixDateComponent  {
-
+  @Input() rdvsEntretien : Array<RDVEntretienDTO>;
+  choixRdv : RDVEntretienDTO;
   constructor() {}
-
-  ngOnInit() {
-  }
 }

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-demandes-formation/ep-demandes-formation.component.html

@@ -1 +1,2 @@
-<h1>Consultation demandes formation</h1>
+<h3 *ngIf="demandesFormation == undefined || demandesFormation == []">Aucune demande de formation</h3>
+<demandes-formation-table *ngIf="demandesFormation != undefined && demandesFormation != []" [displayedColumns]="displayedColumns" [estAffichageEP]="estAffichageEP" [demandesFormation]="demandesFormation"  ></demandes-formation-table>

src/app/ep/details-ep/ep-demandes-formation/ep-demandes-formation.component.ts

@@ -1,16 +1,19 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, Input } from '@angular/core';
+import { DemandeFormationDTO } from '@shared/api-swagger';
 
 /**
   * Composant pour ajouter et voir les demandes de formation
   */
 @Component({
-  selector: 'app-ep-demandes-formation',
+  selector: 'ep-demandes-formation',
   templateUrl: './ep-demandes-formation.component.html'
 })
-export class EpDemandesFormationComponent implements OnInit {
+export class EpDemandesFormationComponent {
+  @Input() demandesFormation : Array<DemandeFormationDTO>;
+  estAffichageEP : boolean = true;
+  displayedColumns : Array<string> = ["libelle", "description", "etat", "demanderh"];
 
   constructor() {}
 
-  ngOnInit() {
+  
-  }
 }

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

@@ -0,0 +1,8 @@
+<ng-container *ngIf="engagements == undefined || engagements == []">
+    <h3>Aucun engagements pris</h3>
+</ng-container>
+
+<ng-container *ngIf="engagements != undefined && engagements != []">
+    <engagements-table [displayedColumns]="displayedColumns" [estAffichageEP]="estAffichageEP" [engagementsSaisis]="engagements"></engagements-table>
+</ng-container>
+

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

@@ -0,0 +1,15 @@
+import { Component, Input } from "@angular/core";
+import { EngagementDTO } from "@shared/api-swagger";
+
+@Component({
+    selector: "ep-engagements",
+    templateUrl: "./ep-engagements.component.html"
+})
+export class EpEngagementsCompenent {
+    @Input()engagements : EngagementDTO[];
+
+    displayedColumns : string[] = ["action", "dispositif", "modalite", "datelimite", "etat"];
+    estAffichageEP : boolean = true;
+
+    constructor(){}
+}

src/app/ep/details-ep/ep-objectifs/ep-objectifs.component.css

@@ -0,0 +1,14 @@
+li {
+    margin-bottom: 1%;
+}
+.Atteint {
+    color: green
+}
+
+.NonAtteint{
+    color: red
+}
+
+.Partiel {
+    color: orange
+}

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

@@ -0,0 +1,21 @@
+<ng-container  *ngIf="ep.objectifs != undefined && ep.objectifs != []">
+    <h3>Nouveaux objectifs</h3>
+    <ul>
+        <li *ngFor= "let objectif of ep.objectifs; let index = index" >
+            Objectif {{index +1}} : {{objectif.libelle}} 
+            
+        </li>
+    </ul>
+</ng-container>
+
+<ng-container *ngIf="ep.objectifsPrecedent != undefined && ep.objectifsPrecedent != []">
+    <h3>Objectifs précédents</h3>
+    <ul>
+        <li *ngFor= "let objectif of ep.objectifsPrecedent; let index = index">
+            <p [ngClass]="objectif.statutObjectif"> Objectif {{index +1}} : {{objectif.libelle}} ({{afficherStatutObjectif(objectif.statutObjectif)}})</p>
+            <p *ngIf="objectif.commentaire != undefined && objectif.commentaire != ''"> Commentaire : {{objectif.commentaire}}</p>
+        </li>
+    </ul>
+</ng-container>
+
+

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

@@ -0,0 +1,19 @@
+import {  Component, Input } from "@angular/core";
+import { afficherStatutObjectif, EpDTO, StatutObjectif } from "@shared/api-swagger";
+
+
+@Component({
+    selector : "ep-objectifs",
+    templateUrl: "ep-objectifs.component.html",
+    styleUrls: ["ep-objectifs.component.css"]
+})
+export class EpObjectifsComponent {
+    
+    @Input() ep : EpDTO;
+
+    constructor(){}
+
+    afficherStatutObjectif(statut: StatutObjectif) {
+        return afficherStatutObjectif(statut);
+    }
+}

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/details-ep/ep-propositions-dates/ep-propositions-dates.component.html

@@ -1 +1,39 @@
-<h1>Saisie propositions dates</h1>
+<h3>Proposer au moins une date</h3>
+
+<mat-chip-list>
+    Préférences du collaborateur :
+    <mat-chip *ngFor="let choix of choixTypeEntretien; let index = index">
+        N°{{index+1}} {{choix.libelle}}
+    </mat-chip>
+</mat-chip-list>
+
+<ng-container *ngIf="propositionsRdvEntretien.length != nbPropositionMax ">
+    <div>
+        <mat-form-field>
+            <input matInput [(ngModel)]="dateProposee" [ngxMatDatetimePicker]="dateProposeePicker" placeholder="Proposer une date" [min]="dateMin">
+            <mat-datepicker-toggle matSuffix [for]="dateProposeePicker"> </mat-datepicker-toggle>
+            <ngx-mat-datetime-picker #dateProposeePicker></ngx-mat-datetime-picker>
+        </mat-form-field>
+
+        <mat-form-field appearance="fill">
+            <mat-label>Choisir le type d'entretien</mat-label>
+            <mat-select [(value)]="choixEntretien">
+              <mat-option></mat-option>
+              <mat-option *ngFor="let choix of choixTypeEntretien; let index = index" [value]="choix">N°{{index+1}} {{choix.libelle}}</mat-option>
+            </mat-select>
+        </mat-form-field>
+        <p *ngIf="choixEntretien != undefined">Choix : {{choixEntretien.libelle}}</p>
+    </div>
+    <div>
+        <button mat-raised-button (click)="enregistrerChoix()">Ajouter proposition</button>
+    </div>
+</ng-container>
+
+<ul>
+    <li *ngFor="let proposition of propositionsRdvEntretien; let index = index">
+        Proposition {{index+1}} : {{proposition.typeEntretien.libelle.toLowerCase()}} le {{proposition.dateEntretien | date : "dd/MM/yyyy à hh:mm"}}
+        <mat-icon (click)="annulerProposition(proposition)">delete</mat-icon>
+    </li>
+</ul>
+
+<button mat-raised-button color="primary">Valider les dates proposés</button>

src/app/ep/details-ep/ep-propositions-dates/ep-propositions-dates.component.ts

@@ -1,16 +1,42 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, Input } from '@angular/core';
+import { RDVEntretienDTO, TypeEntretienDTO } from '@shared/api-swagger';
 
 /**
   * Composant permettant au référent de proposer ses dates d'EP à partir des préférences de lieu d'entretien du collaborateur
   */
 @Component({
-  selector: 'app-ep-propositions-dates',
+  selector: 'ep-propositions-dates',
   templateUrl: './ep-propositions-dates.component.html'
 })
-export class EpPropositionsDatesComponent implements OnInit {
+export class EpPropositionsDatesComponent {
+  nbPropositionMax = 3;
+  dateMin: Date;
+  dateProposee: Date;
+  choixEntretien : TypeEntretienDTO;
 
-  constructor() {}
+  @Input() choixTypeEntretien : Array<TypeEntretienDTO>;
 
-  ngOnInit() {
+  propositionsRdvEntretien : Array<RDVEntretienDTO> = [];
+  constructor() {
+    this.dateMin = new Date();
+    this.dateMin.setDate( this.dateMin.getDate() +1);
   }
+
+  enregistrerChoix() {
+    if(this.dateProposee != undefined && this.choixEntretien != undefined) {
+      let rdv : RDVEntretienDTO = {
+        dateEntretien : this.dateProposee,
+        typeEntretien : this.choixEntretien
+      };
+      this.propositionsRdvEntretien.push(rdv);
+      this.dateProposee = undefined;
+      this.choixEntretien = undefined;
+    }
+  }
+
+  annulerProposition(proposition:RDVEntretienDTO) {
+    this.propositionsRdvEntretien = this.propositionsRdvEntretien.filter( p => p!= proposition);
+  }
+
+
 }

src/app/ep/ep.module.ts

@@ -1,6 +1,6 @@
 import { NgModule } from "@angular/core";
 import { CommonModule } from "@angular/common";
-import { FormsModule } from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
 
 import { MaterialModule } from "@shared/angular-material/angular-material.module";
@@ -13,13 +13,24 @@ import { EpRoutingModule } from './ep.routing.module';
 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";
+import { EpEngagementsCompenent } from "./details-ep/ep-engagements/ep-engagements.component";
+import { EpPropositionsDatesComponent } from "./details-ep/ep-propositions-dates/ep-propositions-dates.component";
+import { EpChoixDateComponent } from "./details-ep/ep-choix-date/ep-choix-date.component";
+import { EpDemandesFormationComponent } from "./details-ep/ep-demandes-formation/ep-demandes-formation.component";
 
 /**
   * Module de l'ep
   */
 @NgModule({
   declarations: [
-    EpComponent, EpSignesComponent, DetailsEPComponent
+    EpComponent, EpSignesComponent, DetailsEPComponent, EpObjectifsComponent,
+     EpParticipantsComponent, EpDemandeDelegationComponent, EpCommentairesAssistantComponent,
+     EpEngagementsCompenent, EpPropositionsDatesComponent, EpChoixDateComponent,
+    EpDemandesFormationComponent
   ],
   exports: [EpComponent, DetailsEPComponent
   ],
@@ -30,6 +41,8 @@ import { DetailsEPComponent } from "./details-ep/details-ep.component";
     RouterModule,
     MatTablesModule,
     CommonModule,
+    FormsModule,
+    ReactiveFormsModule
   ],
 })
 export class EpModule {}

src/app/home/home-collaborateur/home-collaborateur.component.ts

@@ -63,7 +63,7 @@ export class HomeCollaborateurComponent implements OnInit {
   }
 
   checkEPReferent() {
-    this.countEPReferent = this.epService.getEPEnCoursReferentCount(this.collaborateurConnecte.id, "", undefined, undefined).subscribe(
+    this.countEPReferent = this.epService.getEPEnCoursReferentCount(this.collaborateurConnecte.id,  "", undefined, undefined).subscribe(
       count => this.estReferentEPEnCours = count > 0,
       err => console.log(err)
     );

src/app/home/home-commercial/home-commercial.component.ts

@@ -45,7 +45,7 @@ export class HomeCommercialComponent implements OnInit {
   }
 
   checkEPReferent() {
-    this.countEPReferent = this.epService.getEPEnCoursReferentCount(this.collaborateurConnecte.id,"", undefined, undefined).subscribe(
+    this.countEPReferent = this.epService.getEPEnCoursReferentCount(this.collaborateurConnecte.id, "",undefined, undefined).subscribe(
       count => this.estReferentEPEnCours = count > 0,
       err => console.log(err)
     );

src/app/shared/angular-material/angular-material.module.ts

@@ -12,6 +12,7 @@ import {MatSortModule} from '@angular/material/sort';
 import {MatListModule} from '@angular/material/list';
 import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
 import {MatTabsModule} from '@angular/material/tabs';
+import {MatRadioModule} from '@angular/material/radio';
 import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatDatepickerModule} from '@angular/material/datepicker';
 import {MatNativeDateModule} from '@angular/material/core';
@@ -39,7 +40,8 @@ import { NgxMatDatetimePickerModule, NgxMatTimepickerModule, NgxMatNativeDateMod
     NgxMatDatetimePickerModule, MatDatepickerModule,
     NgxMatNativeDateModule, MatNativeDateModule, MatListModule,
     MatCheckboxModule, MatSelectModule, MatStepperModule,
-    MatChipsModule, MatSnackBarModule, MatSlideToggleModule
+    MatChipsModule, MatSnackBarModule, MatSlideToggleModule,
+    MatRadioModule
   ],
   exports : [MatCardModule,
     MatButtonModule, MatMenuModule,
@@ -50,7 +52,8 @@ import { NgxMatDatetimePickerModule, NgxMatTimepickerModule, NgxMatNativeDateMod
     NgxMatDatetimePickerModule, MatDatepickerModule,
     NgxMatNativeDateModule, MatNativeDateModule, MatListModule,
     MatCheckboxModule, MatSelectModule, MatStepperModule,
-    MatChipsModule, MatSnackBarModule, MatSlideToggleModule
+    MatChipsModule, MatSnackBarModule, MatSlideToggleModule,
+    MatRadioModule
   ]
 })
 export class MaterialModule {}

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

@@ -61,7 +61,7 @@ export interface EpDTO {
     cv: string;
     propositionsEntretien?: Array<RDVEntretienDTO>;
     rdvEntretien?: RDVEntretienDTO;
-    choixTypeEntretien?: TypeEntretienDTO;
+    choixTypeEntretien?: Array<TypeEntretienDTO>;
     /**
      * Indique si oui ou non l'EP doit obligatoirement être effectué
      */
@@ -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

@@ -21,6 +21,17 @@ export const 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";
+    }
+}
+
 export function afficherEtatDemande(etatDemande: EtatDemande) {
     switch(etatDemande) {
         case EtatDemande.Validee:

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

@@ -19,4 +19,16 @@ export const StatutObjectif = {
     Atteint: 'Atteint' as StatutObjectif,
     Partiel: 'Partiel' as StatutObjectif,
     NonAtteint: 'NonAtteint' as StatutObjectif
-};
+};
+
+
+export function afficherStatutObjectif(statut : StatutObjectif) {
+    switch(statut) {
+        case StatutObjectif.Atteint:
+            return "Objectif atteint";
+        case StatutObjectif.NonAtteint:
+            return "Objectif non atteint";
+        case StatutObjectif.Partiel:
+            return "Objectif partiellement atteint";
+    }
+}

src/app/shared/mat-tables/demandes-formation-table/demandes-formation.table.html

@@ -105,6 +105,17 @@
                 </ng-container>
             </ng-container>
 
+            <ng-container matColumnDef="libelle">
+                <mat-header-cell *matHeaderCellDef mat-sort-header>Libellé</mat-header-cell>
+                <mat-cell *matCellDef="let row">{{row.libelle}}</mat-cell>
+            </ng-container>
+
+            <ng-container matColumnDef="description">
+                <mat-header-cell *matHeaderCellDef mat-sort-header>Description</mat-header-cell>
+                <mat-cell *matCellDef="let row">{{row.description}}</mat-cell>
+            </ng-container>
+
+
             <ng-container matColumnDef="etat">
                 <mat-header-cell *matHeaderCellDef mat-sort-header>Réponse</mat-header-cell>
                 <mat-cell *matCellDef="let row">{{afficherEtat(row.etatDemande)}}</mat-cell>

src/app/shared/mat-tables/demandes-formation-table/demandes-formation.table.ts

@@ -126,7 +126,9 @@ export class DemandesFormationTableComponent implements OnInit {
     ngOnInit() {
         if(this.estAffichageEP) {
             this.taille = this.demandesFormation.length;
+            this.parPage = this.taille;
             this.dataSource = new MatTableDataSource(this.demandesFormation);
+            this.chargement = false;
         }
         else
             this.setBUsId();

src/app/shared/mat-tables/engagements-table/engagements-table.ts

@@ -77,6 +77,9 @@ export class EngagementTableComponent implements OnInit {
         * Liste des colonnes du tableau à afficher.
         */
     @Input() displayedColumns : string[] = [];
+    /**
+     * True si il s'agit d'une liste d'engagement affichés lors de la saisie EP référent ou de l'affichage des détails EP
+     */
     @Input() estAffichageEP: boolean = false;
     @Input() engagementsSaisis: EngagementDTO[] = [];
 
@@ -92,7 +95,9 @@ export class EngagementTableComponent implements OnInit {
     ngOnInit() {
         if(this.estAffichageEP) {
             this.taille = this.engagementsSaisis.length;
+            this.parPage = this.taille;
             this.dataSource = new MatTableDataSource(this.engagementsSaisis);
+            this.chargement = false;
         }
         else
             this.setBUsId();