parent
d388efdb3b
commit
248ccc2e0c
@ -1 +1,57 @@ |
|||||||
<p>referencement-edit works!</p> |
<h3>Ajouter un collaborateur : </h3> |
||||||
|
|
||||||
|
<form [formGroup]="registerForm" (ngSubmit)="onSubmit()"> |
||||||
|
|
||||||
|
<div class="row mb-2"> |
||||||
|
|
||||||
|
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> |
||||||
|
<label class="form-label">Date de début</label> |
||||||
|
<input type="date" class="form-control" formControlName="startingDate" |
||||||
|
(change)="onStartingDateChange($event)" |
||||||
|
[ngClass]="{ 'is-invalid': submitted && form.startingDate.errors }"> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="form-group col-12 col-sm-6 col-md-4 col-lg-3"> |
||||||
|
<label class="form-label">Date de fin</label> |
||||||
|
<input type="date" class="form-control" formControlName="endingDate" |
||||||
|
(change)="onEndingDateChange($event)" |
||||||
|
[ngClass]="{ 'is-invalid': submitted && form.endingDate.errors }"> |
||||||
|
</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" formControlName="referrerId" |
||||||
|
[ngClass]="{ 'is-invalid': submitted && form.referrerId.errors }"> |
||||||
|
<option value="" disabled selected>Choisissez le référent du référencement</option> |
||||||
|
<option *ngFor="let collaborateur of collaborateurs" [ngValue]="collaborateur.id">{{collaborateur.name}} </option> |
||||||
|
</select> |
||||||
|
<div *ngIf="submitted && form.referrerId.errors" class="invalid-feedback"> |
||||||
|
<div *ngIf="form.referrerId.errors.required">Vous devez préciser le référent du référencement</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="form-group col-12 col-md-6"> |
||||||
|
<label class="form-label">Référé</label> |
||||||
|
<select class="form-select" formControlName="referredId" |
||||||
|
[ngClass]="{ 'is-invalid': submitted && form.referredId.errors }"> |
||||||
|
<option value="" disabled selected>Choisissez le référé du référencement</option> |
||||||
|
<option *ngFor="let collaborateur of collaborateurs" [ngValue]="collaborateur.id">{{collaborateur.name}} {{collaborateur.firstName}}</option> |
||||||
|
</select> |
||||||
|
<div *ngIf="submitted && form.referredId.errors" class="invalid-feedback"> |
||||||
|
<div *ngIf="form.referredId.errors.required">Vous devez préciser le référent du référencement</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
|
||||||
|
<div> |
||||||
|
<button type="submit" (click)="onSubmit()">Sauvegarder les changements</button> |
||||||
|
<button type="button" (click)="delete()">Supprimer le référencement</button> |
||||||
|
<button type="reset" (click)="onReset()">Effacer</button> |
||||||
|
<button (click)="goBack()">Retour</button> |
||||||
|
</div> |
||||||
|
</form> |
||||||
|
@ -1 +1,35 @@ |
|||||||
<p>referencement works!</p> |
<div> |
||||||
|
|
||||||
|
<h2 class=mb-4>Référencements</h2> |
||||||
|
|
||||||
|
<div style="display: flex"> |
||||||
|
<p style="margin: 10px 0 10px 0">Pour ajouter un nouveau référencement, cliquez ici : </p> |
||||||
|
<button routerLink="/referencements/add">Ajouter</button> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
<div style="overflow-x:auto;" class="mb-5 col-12"> |
||||||
|
<table class="table"> |
||||||
|
<thead> |
||||||
|
<tr> |
||||||
|
<th scope="col">Id du référent</th> |
||||||
|
<th scope="col">ID du référé</th> |
||||||
|
<th scope="col">Date de début</th> |
||||||
|
<th scope="col">Date de fin</th> |
||||||
|
</tr> |
||||||
|
</thead> |
||||||
|
|
||||||
|
<tbody> |
||||||
|
<tr *ngFor="let referencement of referencements"> |
||||||
|
<th scope="row">{{referencement.referrerId}}</th> |
||||||
|
<td> {{referencement.referredId}} </td> |
||||||
|
<td> {{referencement.startingDate}} </td> |
||||||
|
<td> {{referencement.endingDate}} </td> |
||||||
|
<td><a routerLink="{{referencement.id}}"> Modifier </a></td> |
||||||
|
</tr> |
||||||
|
</tbody> |
||||||
|
</table> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
</div> |
||||||
|
Loading…
Reference in new issue