Ajout d'un message de chargement
This commit is contained in:
Binary file not shown.
Binary file not shown.
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user