Compare commits
No commits in common. '1c41609db7bc3745608665e33cf2cdf015aa4aa6' and '1fc5aa7752269a59953f829c5eb8e3bac515e3c6' have entirely different histories.
1c41609db7
...
1fc5aa7752
@ -1,4 +1,4 @@ |
|||||||
/*.saisie { |
.saisie { |
||||||
overflow-y: scroll; |
overflow-y: scroll; |
||||||
height: 100%; |
height: 60%; |
||||||
}*/ |
} |
@ -1,5 +0,0 @@ |
|||||||
.radio-rdv { |
|
||||||
display: flex; |
|
||||||
flex-direction: column; |
|
||||||
margin-bottom: 15px; |
|
||||||
} |
|
@ -1,8 +1 @@ |
|||||||
<h3>Choisir une date</h3> |
<h1>Consultation choix date</h1> |
||||||
|
|
||||||
<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, Input } from '@angular/core'; |
import { Component, OnInit } from '@angular/core'; |
||||||
import { RDVEntretienDTO } from '@shared/api-swagger'; |
|
||||||
|
|
||||||
/** |
/** |
||||||
* Composant qui permet au collaborateur de faire un choix parmi les date proposées |
* Composant qui permet au collaborateur de faire un choix parmi les date proposées |
||||||
*/ |
*/ |
||||||
@Component({ |
@Component({ |
||||||
selector: 'ep-choix-date', |
selector: 'app-ep-choix-date', |
||||||
templateUrl: './ep-choix-date.component.html', |
templateUrl: './ep-choix-date.component.html' |
||||||
styleUrls: ["ep-choix-date.component.css"] |
|
||||||
}) |
}) |
||||||
export class EpChoixDateComponent { |
export class EpChoixDateComponent implements OnInit { |
||||||
@Input() rdvsEntretien : Array<RDVEntretienDTO>; |
|
||||||
choixRdv : RDVEntretienDTO; |
|
||||||
constructor() {} |
constructor() {} |
||||||
|
|
||||||
|
ngOnInit() { |
||||||
|
} |
||||||
} |
} |
||||||
|
@ -0,0 +1 @@ |
|||||||
|
<h1>Consultation commentaire assistant</h1> |
@ -0,0 +1,16 @@ |
|||||||
|
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() { |
||||||
|
} |
||||||
|
} |
@ -1,14 +0,0 @@ |
|||||||
<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> |
|
@ -1,17 +0,0 @@ |
|||||||
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,15 +1 @@ |
|||||||
<ng-container *ngIf="demande == undefined"> |
<h1>Consultation demande delegation</h1> |
||||||
<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,22 +1,16 @@ |
|||||||
import { Component, Input} from '@angular/core'; |
import { Component, OnInit } 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 |
* Composant pour faire une demande de délégation et voir la dernière en cours |
||||||
*/ |
*/ |
||||||
@Component({ |
@Component({ |
||||||
selector: 'ep-demande-delegation', |
selector: 'app-ep-demande-delegation', |
||||||
templateUrl: './ep-demande-delegation.component.html' |
templateUrl: './ep-demande-delegation.component.html' |
||||||
}) |
}) |
||||||
export class EpDemandeDelegationComponent{ |
export class EpDemandeDelegationComponent implements OnInit { |
||||||
|
|
||||||
etatDemande : any = EtatDemande; |
|
||||||
|
|
||||||
@Input() demande: DemandeDelegationDTO; |
|
||||||
constructor() {} |
constructor() {} |
||||||
|
|
||||||
afficherEtatDemande(etat: EtatDemande) { |
ngOnInit() { |
||||||
return AfficherEtatDemandeDelegation(etat); |
|
||||||
} |
} |
||||||
|
|
||||||
} |
} |
||||||
|
@ -1,2 +1 @@ |
|||||||
<h3 *ngIf="demandesFormation == undefined || demandesFormation == []">Aucune demande de formation</h3> |
<h1>Consultation demandes formation</h1> |
||||||
<demandes-formation-table *ngIf="demandesFormation != undefined && demandesFormation != []" [displayedColumns]="displayedColumns" [estAffichageEP]="estAffichageEP" [demandesFormation]="demandesFormation" ></demandes-formation-table> |
|
||||||
|
@ -1,19 +1,16 @@ |
|||||||
import { Component, Input } from '@angular/core'; |
import { Component, OnInit } from '@angular/core'; |
||||||
import { DemandeFormationDTO } from '@shared/api-swagger'; |
|
||||||
|
|
||||||
/** |
/** |
||||||
* Composant pour ajouter et voir les demandes de formation |
* Composant pour ajouter et voir les demandes de formation |
||||||
*/ |
*/ |
||||||
@Component({ |
@Component({ |
||||||
selector: 'ep-demandes-formation', |
selector: 'app-ep-demandes-formation', |
||||||
templateUrl: './ep-demandes-formation.component.html' |
templateUrl: './ep-demandes-formation.component.html' |
||||||
}) |
}) |
||||||
export class EpDemandesFormationComponent { |
export class EpDemandesFormationComponent implements OnInit { |
||||||
@Input() demandesFormation : Array<DemandeFormationDTO>; |
|
||||||
estAffichageEP : boolean = true; |
|
||||||
displayedColumns : Array<string> = ["libelle", "description", "etat", "demanderh"]; |
|
||||||
|
|
||||||
constructor() {} |
constructor() {} |
||||||
|
|
||||||
|
ngOnInit() { |
||||||
|
} |
||||||
} |
} |
||||||
|
@ -1,8 +0,0 @@ |
|||||||
<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> |
|
||||||
|
|
@ -1,15 +0,0 @@ |
|||||||
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(){} |
|
||||||
} |
|
@ -1,14 +0,0 @@ |
|||||||
li { |
|
||||||
margin-bottom: 1%; |
|
||||||
} |
|
||||||
.Atteint { |
|
||||||
color: green |
|
||||||
} |
|
||||||
|
|
||||||
.NonAtteint{ |
|
||||||
color: red |
|
||||||
} |
|
||||||
|
|
||||||
.Partiel { |
|
||||||
color: orange |
|
||||||
} |
|
@ -1,21 +0,0 @@ |
|||||||
<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> |
|
||||||
|
|
||||||
|
|
@ -1,19 +0,0 @@ |
|||||||
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,11 +1 @@ |
|||||||
<ng-container *ngIf="ep.participants == undefined || ep.participants == []"> |
<h1>Consultation participants </h1> |
||||||
<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, Input, OnInit } from '@angular/core'; |
import { Component, OnInit } from '@angular/core'; |
||||||
import { EpDTO } from '@shared/api-swagger'; |
|
||||||
|
|
||||||
/** |
/** |
||||||
* Composant pour afficher la liste des participants de l'EP |
* Composant pour afficher la liste des participants de l'EP |
||||||
*/ |
*/ |
||||||
@Component({ |
@Component({ |
||||||
selector: 'ep-participants', |
selector: 'app-ep-participants', |
||||||
templateUrl: './ep-participants.component.html' |
templateUrl: './ep-participants.component.html' |
||||||
}) |
}) |
||||||
export class EpParticipantsComponent { |
export class EpParticipantsComponent implements OnInit { |
||||||
|
|
||||||
@Input() ep : EpDTO; |
|
||||||
|
|
||||||
constructor() {} |
constructor() {} |
||||||
|
|
||||||
|
ngOnInit() { |
||||||
|
} |
||||||
} |
} |
||||||
|
@ -1,39 +1 @@ |
|||||||
<h3>Proposer au moins une date</h3> |
<h1>Saisie propositions dates</h1> |
||||||
|
|
||||||
<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,42 +1,16 @@ |
|||||||
import { Component, Input } from '@angular/core'; |
import { Component, OnInit } 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 |
* Composant permettant au référent de proposer ses dates d'EP à partir des préférences de lieu d'entretien du collaborateur |
||||||
*/ |
*/ |
||||||
@Component({ |
@Component({ |
||||||
selector: 'ep-propositions-dates', |
selector: 'app-ep-propositions-dates', |
||||||
templateUrl: './ep-propositions-dates.component.html' |
templateUrl: './ep-propositions-dates.component.html' |
||||||
}) |
}) |
||||||
export class EpPropositionsDatesComponent { |
export class EpPropositionsDatesComponent implements OnInit { |
||||||
nbPropositionMax = 3; |
|
||||||
dateMin: Date; |
|
||||||
dateProposee: Date; |
|
||||||
choixEntretien : TypeEntretienDTO; |
|
||||||
|
|
||||||
@Input() choixTypeEntretien : Array<TypeEntretienDTO>; |
constructor() {} |
||||||
|
|
||||||
propositionsRdvEntretien : Array<RDVEntretienDTO> = []; |
ngOnInit() { |
||||||
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