Ajout d'un message de chargement

This commit is contained in:
Sébastien André
2019-11-24 18:39:18 +01:00
parent 3d25119757
commit bab92186dd
9 changed files with 143 additions and 122 deletions

Binary file not shown.

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -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>

View File

@@ -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;