Compare commits
6 Commits
1fc5aa7752
...
1c41609db7
| Author | SHA1 | Date |
|---|---|---|
Yanaël GRETTE
|
1c41609db7 | 4 years ago |
|
Yanaël GRETTE
|
283663f9cb | 4 years ago |
|
Yanaël GRETTE
|
9f348c1b7f | 4 years ago |
|
Yanaël GRETTE
|
09059dee66 | 4 years ago |
|
Yanaël GRETTE
|
1c228628f1 | 4 years ago |
|
Yanaël GRETTE
|
2e6b60f5c0 | 4 years ago |
@ -1,4 +1,4 @@ |
||||
.saisie { |
||||
/*.saisie { |
||||
overflow-y: scroll; |
||||
height: 60%; |
||||
} |
||||
height: 100%; |
||||
}*/ |
||||
@ -0,0 +1,5 @@ |
||||
.radio-rdv { |
||||
display: flex; |
||||
flex-direction: column; |
||||
margin-bottom: 15px; |
||||
} |
||||
@ -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> |
||||
@ -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', |
||||
templateUrl: './ep-choix-date.component.html' |
||||
selector: 'ep-choix-date', |
||||
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() { |
||||
} |
||||
} |
||||
|
||||
@ -1 +0,0 @@ |
||||
<h1>Consultation commentaire assistant</h1> |
||||
@ -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() { |
||||
} |
||||
} |
||||
@ -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> |
||||
@ -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() {} |
||||
|
||||
} |
||||
@ -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> |
||||
@ -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); |
||||
} |
||||
|
||||
} |
||||
|
||||
@ -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> |
||||
@ -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() { |
||||
} |
||||
|
||||
} |
||||
|
||||
@ -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> |
||||
|
||||
@ -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(){} |
||||
} |
||||
@ -0,0 +1,14 @@ |
||||
li { |
||||
margin-bottom: 1%; |
||||
} |
||||
.Atteint { |
||||
color: green |
||||
} |
||||
|
||||
.NonAtteint{ |
||||
color: red |
||||
} |
||||
|
||||
.Partiel { |
||||
color: orange |
||||
} |
||||
@ -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> |
||||
|
||||
|
||||
@ -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); |
||||
} |
||||
} |
||||
@ -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> |
||||
@ -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() {} |
||||
} |
||||
|
||||
@ -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> |
||||
|
||||
@ -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); |
||||
} |
||||
|
||||
|
||||
} |
||||
|
||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue