From 334a014a7a90160252a8309e642b65b552b883d4 Mon Sep 17 00:00:00 2001
From: Clement FERRERE <clement.ferrere@apside-groupe.com>
Date: Tue, 5 Jul 2022 14:43:33 +0200
Subject: [PATCH] =?UTF-8?q?reformattage=20complet=20d'IntelliJ=20+=20modif?=
 =?UTF-8?q?=20p=C3=A9riode=20d'essai?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../periode-essai-edit.component.html         | 88 +++++++++++--------
 1 file changed, 51 insertions(+), 37 deletions(-)

diff --git a/src/app/components/periode-essai/periode-essai-edit/periode-essai-edit.component.html b/src/app/components/periode-essai/periode-essai-edit/periode-essai-edit.component.html
index e0b8f56..befa087 100644
--- a/src/app/components/periode-essai/periode-essai-edit/periode-essai-edit.component.html
+++ b/src/app/components/periode-essai/periode-essai-edit/periode-essai-edit.component.html
@@ -7,7 +7,8 @@
 
     <div class="form-group col-12 col-md-6">
       <label class="form-label">Collaborateur</label>
-      <select [ngClass]="{ 'is-invalid': submitted && f.collaborateurId.errors }" class="form-select" formControlName="collaborateurId"
+      <select [ngClass]="{ 'is-invalid': submitted && f.collaborateurId.errors }" class="form-select"
+              formControlName="collaborateurId"
               id="collaborateur-select">
         <option disabled selected value="">Choisissez le collaborateur concerné par cette période d'essai</option>
         <option *ngFor="let collaborateur of collaborateurs"
@@ -20,50 +21,63 @@
       </div>
     </div>
 
-    <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 (change)="onStartingDateChange($event)" [ngClass]="{ 'is-invalid': submitted && f.startingDate.errors }" [value]="periodeEssai.startingDate | date:'yyyy-MM-dd'"
-             class="form-control" formControlName="startingDate"
-             type="date">
-      <div *ngIf="submitted && f.startingDate.errors" class="invalid-feedback">
-        <div *ngIf="f.startingDate.errors.required">La date de début d'une période d'essai est obligatoire</div>
+    <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 (change)="onStartingDateChange($event)" [ngClass]="{ 'is-invalid': submitted && f.startingDate.errors }"
+               [value]="periodeEssai.startingDate | date:'yyyy-MM-dd'"
+               class="form-control" formControlName="startingDate"
+               type="date">
+        <div *ngIf="submitted && f.startingDate.errors" class="invalid-feedback">
+          <div *ngIf="f.startingDate.errors.required">La date de début d'une période d'essai est obligatoire</div>
+        </div>
       </div>
-    </div>
 
-    <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
-      <label class="form-label">Date de fin prévue</label>
-      <input (change)="onPlannedEndingDateChange($event)" [ngClass]="{ 'is-invalid': submitted && f.plannedEndingDate.errors }" [value]="periodeEssai.plannedEndingDate | date:'yyyy-MM-dd'"
-             class="form-control"
-             formControlName="plannedEndingDate"
-             type="date">
-      <div *ngIf="submitted && f.plannedEndingDate.errors" class="invalid-feedback">
-        <div *ngIf="f.plannedEndingDate.errors.required">La date de fin prévue d'une période d'essai est obligatoire
+
+      <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
+        <label class="form-label">Date de fin prévue</label>
+        <input (change)="onPlannedEndingDateChange($event)"
+               [ngClass]="{ 'is-invalid': submitted && f.plannedEndingDate.errors }"
+               [value]="periodeEssai.plannedEndingDate | date:'yyyy-MM-dd'"
+               class="form-control"
+               formControlName="plannedEndingDate"
+               type="date">
+        <div *ngIf="submitted && f.plannedEndingDate.errors" class="invalid-feedback">
+          <div *ngIf="f.plannedEndingDate.errors.required">La date de fin prévue d'une période d'essai est obligatoire
+          </div>
         </div>
       </div>
-    </div>
 
-    <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
-      <label class="form-label">Date de fin réelle</label>
-      <input (change)="onRealEndingDateChange($event)" [value]="periodeEssai.realEndingDate | date:'yyyy-MM-dd'" class="form-control"
-             formControlName="realEndingDate" type="date">
-    </div>
+      <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3">
+        <label class="form-label">Date de fin réelle</label>
+        <input (change)="onRealEndingDateChange($event)" [value]="periodeEssai.realEndingDate | date:'yyyy-MM-dd'"
+               class="form-control"
+               formControlName="realEndingDate" type="date">
+      </div>
 
-    <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3 mb-2">
-      <label class="form-label">Commentaire</label>
-      <input class="form-control" formControlName="comment">
     </div>
 
-    <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3 mb-2">
-      <label class="form-label">Issue</label>
-      <select class="form-select" formControlName="issue">
-        <option disabled selected value="">Statut</option>
-        <option value="VALIDEE">Validée</option>
-        <option value="PROLONGEE_COLLAB">Prolongée par le collaborateur</option>
-        <option value="PROLONGEE_APSIDE">Prolongée par Apside</option>
-        <option value="ARRETEE_COLLAB">Arrêtée par le collaborateur</option>
-        <option value="ARRETEE_APSIDE">Arrêtée par Apside</option>
-        <option value="INDETERMINEE">Indéterminée</option>
-      </select>
+    <div class="row mb-2">
+
+      <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3 mb-2">
+        <label class="form-label">Commentaire</label>
+        <input class="form-control" formControlName="comment">
+      </div>
+
+      <div class="form-group col-12 col-sm-6 col-md-4 col-lg-3 mb-2">
+        <label class="form-label">Issue</label>
+        <select class="form-select" formControlName="issue">
+          <option disabled selected value="">Statut</option>
+          <option value="VALIDEE">Validée</option>
+          <option value="PROLONGEE_COLLAB">Prolongée par le collaborateur</option>
+          <option value="PROLONGEE_APSIDE">Prolongée par Apside</option>
+          <option value="ARRETEE_COLLAB">Arrêtée par le collaborateur</option>
+          <option value="ARRETEE_APSIDE">Arrêtée par Apside</option>
+          <option value="INDETERMINEE">Indéterminée</option>
+        </select>
+      </div>
+
     </div>
 
     <div>