reco_graphique #9
Merged
Clement.Ferrere
merged 7 commits from reco_graphique
into develop
3 years ago
@ -0,0 +1,8 @@ |
|||||||
|
<div class="row mb-2"> |
||||||
|
|
||||||
|
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> |
||||||
|
|
||||||
|
<label for="agence-name" class="form-label">Nom</label> |
||||||
|
<input class="form-control" id="agence-name" [(ngModel)]="agence.name" placeholder="name"> |
||||||
|
</div> |
||||||
|
</div> |
@ -0,0 +1,31 @@ |
|||||||
|
import {Component, Input, OnInit} from '@angular/core'; |
||||||
|
import {Agence} from "../../../interfaces/agence"; |
||||||
|
import {HttpClient} from "@angular/common/http"; |
||||||
|
import {AgenceService} from "../../../services/agence.service"; |
||||||
|
@Component({ |
||||||
|
selector: 'app-agence-detail', |
||||||
|
templateUrl: './agence-detail.component.html', |
||||||
|
styleUrls: ['./agence-detail.component.scss'] |
||||||
|
}) |
||||||
|
export class AgenceDetailComponent implements OnInit { |
||||||
|
|
||||||
|
agences : Agence[] = []; |
||||||
|
@Input() |
||||||
|
agence = {} as Agence ; |
||||||
|
|
||||||
|
constructor( |
||||||
|
private http : HttpClient, |
||||||
|
private agenceService: AgenceService, |
||||||
|
) { } |
||||||
|
|
||||||
|
ngOnInit(): void { |
||||||
|
this.getAgences(); |
||||||
|
this.getAgences(); |
||||||
|
} |
||||||
|
|
||||||
|
getAgences():void { |
||||||
|
this.agenceService.getAgences() |
||||||
|
.subscribe(agences => this.agences = agences); |
||||||
|
} |
||||||
|
|
||||||
|
} |
@ -1,17 +1,20 @@ |
|||||||
<div class = mb-3> |
<div class="row mb-4"> |
||||||
<table> |
|
||||||
<tr> |
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> |
||||||
<th>Name</th> |
<label for="businessunit-name" class="form-label">Nom</label> |
||||||
</tr> |
<input class="form-control" id="businessunit-name" [(ngModel)]="businessunit.name" placeholder="Nom"> |
||||||
<tr> |
</div> |
||||||
<td> |
|
||||||
<input id="businessunit-name" [(ngModel)]="businessunit.name" placeholder="name"> |
</div> |
||||||
</td> |
|
||||||
</tr> |
<div class="row mb-5"> |
||||||
</table> |
|
||||||
|
<div class="form-group col-12 col-md-6"> |
||||||
|
<label class="form-label">Agence</label> |
||||||
|
<select class="form-select" name="agence" id="agence-select" [(ngModel)]="businessunit.agenceId"> |
||||||
|
<option value="" disabled selected>Choisissez l'agence de cette business Unit</option> |
||||||
|
<option *ngFor="let agence of agences" [ngValue]="agence.id">{{agence.name}}</option> |
||||||
|
</select> |
||||||
|
</div> |
||||||
|
|
||||||
<select name="agence" id="agence-select" [(ngModel)]="businessunit.agenceId"> |
|
||||||
<option value="">-- Choisissez l'agence de cette business Unit --</option> |
|
||||||
<option *ngFor="let agence of agences" [ngValue]="agence.id">{{agence.name}}</option> |
|
||||||
</select> |
|
||||||
</div> |
</div> |
||||||
|
@ -1,54 +1,96 @@ |
|||||||
<div *ngIf="collaborateur" style="overflow-x:auto;" class="mb-3"> |
<div *ngIf="collaborateur" class="mb-3"> |
||||||
|
|
||||||
<table class="mb-3"> |
<div class="row mb-2"> |
||||||
<tr> |
|
||||||
<th>Name</th> |
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> |
||||||
<th>First Name</th> |
<label for="collaborateur-name" class="form-label">Nom</label> |
||||||
<th>Birth Date</th> |
<input class="form-control" id="collaborateur-name" [(ngModel)]="collaborateur.name" placeholder="Nom"> |
||||||
<th>Gender</th> |
</div> |
||||||
<th>Status</th> |
|
||||||
<th>Children Number</th> |
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> |
||||||
<th>Address</th> |
<label for="collaborateur-firstName" class="form-label">Prénom</label> |
||||||
<th>Telephone</th> |
<input class="form-control" id="collaborateur-firstName" [(ngModel)]="collaborateur.firstName" placeholder="Prénom"> |
||||||
<th>Personal Mail</th> |
</div> |
||||||
<th>Apside Mail</th> |
|
||||||
<th>Resignation Date</th> |
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> |
||||||
</tr> |
<label for="collaborateur-birthDate" class="form-label">Date de naissance</label> |
||||||
|
<input type="date" class="form-control" id="collaborateur-birthDate" (change)="onBirthDateChange($event)" [(ngModel)]="bDate" placeholder="Date de naissance"> |
||||||
<tr> |
</div> |
||||||
<td><input id="collaborateur-name" [(ngModel)]="collaborateur.name" placeholder="name"></td> |
|
||||||
<td><input id="collaborateur-firstName" [(ngModel)]="collaborateur.firstName" placeholder="firstname"></td> |
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> |
||||||
<td><input id="collaborateur-birthDate" [(ngModel)]="collaborateur.birthDate" placeholder="birthDate"></td> |
<label class="form-label">Genre</label> |
||||||
<td><input id="collaborateur-gender" [(ngModel)]="collaborateur.gender" placeholder="gender"></td> |
<select class="form-select" name="genre" id="collaborateur-gender" [(ngModel)]="collaborateur.gender"> |
||||||
<td><input id="collaborateur-status" [(ngModel)]="collaborateur.status" placeholder="status"></td> |
<option value="" disabled selected>Genre</option> |
||||||
<td><input id="collaborateur-childrenNumber" [(ngModel)]="collaborateur.childrenNumber" placeholder="childrenNumber"></td> |
<option value="MASCULIN">Masculin</option> |
||||||
<td><input id="collaborateur-address" [(ngModel)]="collaborateur.address" placeholder="address"></td> |
<option value="FEMININ">Féminin</option> |
||||||
<td><input id="collaborateur-telephone" [(ngModel)]="collaborateur.telephone" placeholder="telephone"></td> |
<option value="AUTRE">Autre</option> |
||||||
<td><input id="collaborateur-personalMail" [(ngModel)]="collaborateur.personalMail" placeholder="personalMail"></td> |
</select> |
||||||
<td><input id="collaborateur-apsideMail" [(ngModel)]="collaborateur.apsideMail" placeholder="apsideMail"></td> |
</div> |
||||||
<td><input id="collaborateur-resignationDate" [(ngModel)]="collaborateur.resignationDate" placeholder="resignationDate"></td> |
</div> |
||||||
</tr> |
|
||||||
|
<div class="row mb-2"> |
||||||
</table> |
|
||||||
|
|
||||||
<select name="referrer" id="referrer-select" [(ngModel)]="collaborateur.referrerId"> |
|
||||||
<option value="">-- Choisissez un référent pour le nouveau collaborateur --</option> |
|
||||||
<option *ngFor="let collaborateur of collaborateurs" [ngValue]="collaborateur.id">{{collaborateur.name}} {{collaborateur.firstName}}</option> |
|
||||||
</select> |
|
||||||
|
|
||||||
<select name="businessunit" id="businessunit-select" [(ngModel)]="collaborateur.businessUnitId"> |
|
||||||
<option value="">-- Choisissez la Business Unit pour le nouveau collaborateur --</option> |
|
||||||
<option *ngFor="let businessunit of businessunits" [ngValue]="businessunit.id">{{businessunit.name}} </option> |
|
||||||
</select> |
|
||||||
<br/> |
|
||||||
<span> |
|
||||||
*Tous les champs sont obligatoires |
|
||||||
</span> |
|
||||||
|
|
||||||
|
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> |
||||||
|
<label for="collaborateur-status" class="form-label">Statut</label> |
||||||
|
<input class="form-control" id="collaborateur-status" [(ngModel)]="collaborateur.status" placeholder="Statut"> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> |
||||||
|
<label for="collaborateur-childrenNumber" class="form-label">Nombre d'enfants</label> |
||||||
|
<input type="number" min="0" onkeyup="if(this.value<0){this.value= this.value * -1}" class="form-control" id="collaborateur-childrenNumber" [(ngModel)]="collaborateur.childrenNumber" placeholder="Nombre d'enfants"> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> |
||||||
|
<label for="collaborateur-address" class="form-label">Adresse</label> |
||||||
|
<input class="form-control" id="collaborateur-address" [(ngModel)]="collaborateur.address" placeholder="Adresse"> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> |
||||||
|
<label for="collaborateur-telephone" class="form-label">Téléphone</label> |
||||||
|
<input class="form-control" id="collaborateur-telephone" [(ngModel)]="collaborateur.telephone" placeholder="Téléphone"> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="row mb-4"> |
||||||
|
|
||||||
|
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> |
||||||
|
<label for="collaborateur-personalMail" class="form-label">Mail personnel</label> |
||||||
|
<input type="email" class="form-control" id="collaborateur-personalMail" [(ngModel)]="collaborateur.personalMail" placeholder="prenom.nom@example.com"> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> |
||||||
|
<label for="collaborateur-apsideMail" class="form-label">Mail Apside</label> |
||||||
|
<input type="email" class="form-control" id="collaborateur-apsideMail" [(ngModel)]="collaborateur.apsideMail" placeholder="prenom.nom@apside-groupe.com"> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> |
||||||
|
<label for="collaborateur-resignationDate" class="form-label">Date de départ</label> |
||||||
|
<input type="date" class="form-control" id="collaborateur-resignationDate" (change)="onResignationDateChange($event)" [ngModel]="rDate" placeholder="Date de départ"> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="row mb-2"> |
||||||
|
|
||||||
|
<div class="form-group col-12 col-md-6"> |
||||||
|
<label class="form-label">Référent</label> |
||||||
|
<select class="form-select" name="referrer" id="referrer-select" [(ngModel)]="collaborateur.referrerId"> |
||||||
|
<option value="" disabled selected>Choisissez un référent pour le collaborateur</option> |
||||||
|
<option *ngFor="let collaborateur of collaborateurs" [ngValue]="collaborateur.id">{{collaborateur.name}} {{collaborateur.firstName}}</option> |
||||||
|
</select> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="form-group col-12 col-md-6"> |
||||||
|
<label class="form-label">Business Unit</label> |
||||||
|
<select class="form-select" name="businessunit" id="businessunit-select" [(ngModel)]="collaborateur.businessUnitId"> |
||||||
|
<option value="" disabled selected>Choisissez la Business Unit pour le collaborateur</option> |
||||||
|
<option *ngFor="let businessunit of businessunits" [ngValue]="businessunit.id">{{businessunit.name}} </option> |
||||||
|
</select> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
<br/> |
||||||
|
<span> |
||||||
|
*Tous les champs sont obligatoires |
||||||
|
</span> |
||||||
</div> |
</div> |
||||||
|
@ -1,3 +1,3 @@ |
|||||||
export const collaborateursUrl = 'https://localhost:8081/api/collaborateurs'; |
export const collaborateursUrl = 'https://localhost:5001/api/collaborateurs'; |
||||||
export const agencesUrl = 'https://localhost:8081/api/agences'; |
export const agencesUrl = 'https://localhost:5001/api/agences'; |
||||||
export const businessunitsUrl = 'https://localhost:8081/api/businessunits'; |
export const businessunitsUrl = 'https://localhost:5001/api/businessunits'; |
||||||
|
@ -0,0 +1,3 @@ |
|||||||
|
export const collaborateursUrl = 'https://collaborateur-epa.apsdigit.lan/api/collaborateurs'; |
||||||
|
export const agencesUrl = 'https://collaborateur-epa.apsdigit.lan/api/agences'; |
||||||
|
export const businessunitsUrl = 'https://collaborateur-epa.apsdigit.lan/api/businessunits'; |
Loading…
Reference in new issue