Ajout d'un message de chargement

Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.html

@@ -1,3 +1,4 @@
+<div *ngIf="dataSourceTable != null else loading">
   <table mat-table [dataSource]="dataSourceTable">
     <ng-container matColumnDef="id">
       <th mat-header-cell *matHeaderCellDef>ID</th>
@@ -13,3 +14,5 @@
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
   <mat-paginator [length]="resultsLength" [pageSize]="20"></mat-paginator>
+</div>
+<ng-template #loading>Waiting...</ng-template>

Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.html

@@ -1,3 +1,4 @@
+<div *ngIf="dataSourceTable != null else loading">
   <table mat-table [dataSource]="dataSourceTable">
     <ng-container matColumnDef="id">
       <th mat-header-cell *matHeaderCellDef>ID</th>
@@ -35,3 +36,5 @@
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
   <mat-paginator [length]="resultsLength" [pageSize]="20"></mat-paginator>
+</div>
+<ng-template #loading>Waiting...</ng-template>

Front/skydivelogs-app/src/app/list-of-gears/list-of-gears.component.html

@@ -1,3 +1,4 @@
+<div *ngIf="dataSourceTable != null else loading">
   <table mat-table [dataSource]="dataSourceTable">
     <ng-container matColumnDef="id">
       <th mat-header-cell *matHeaderCellDef>ID</th>
@@ -35,3 +36,5 @@
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
   <mat-paginator [length]="resultsLength" [pageSize]="10"></mat-paginator>
+</div>
+<ng-template #loading>Waiting...</ng-template>

Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.html

@@ -1,3 +1,4 @@
+<div *ngIf="dataSourceTable != null else loading">
   <table mat-table [dataSource]="dataSourceTable">
     <ng-container matColumnDef="id">
       <th mat-header-cell *matHeaderCellDef>ID</th>
@@ -13,3 +14,5 @@
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
   <mat-paginator [length]="resultsLength" [pageSize]="20"></mat-paginator>
+</div>
+<ng-template #loading>Waiting...</ng-template>

Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.html

@@ -1,3 +1,4 @@
+<div *ngIf="dataSourceTable != null else loading">
   <table mat-table [dataSource]="dataSourceTable">
     <ng-container matColumnDef="id">
       <th mat-header-cell *matHeaderCellDef>ID</th>
@@ -30,3 +31,5 @@
     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
   </table>
   <mat-paginator [length]="resultsLength" [pageSize]="10"></mat-paginator>
+</div>
+<ng-template #loading>Waiting...</ng-template>

Front/skydivelogs-app/src/app/new-jump/new-jump.component.html

@@ -72,5 +72,5 @@
   </mat-form-field>
 
   <br />
-  <button class="btn btn-primary">Submit</button>
+  <button class="btn btn-primary" *ngIf="isValidatedForm">Submit</button>
 </form>

Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts

@@ -65,6 +65,12 @@ export class NewJumpComponent implements OnInit {
     );
   }
 
+  public isValidatedForm: boolean =
+    this.selectedDz != undefined &&
+    this.selectedGear != undefined &&
+    this.selectedAircraft != undefined &&
+    this.selectedJumpType != undefined;
+
   private getListOfJumpTypes() {
     this.serviceApiGet.getListOfJumpTypes().subscribe(data => {
       this.listOfJumpType = data;