Files
SkydiveLogs/Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.html
Sébastien André f9bf316a36 Modifications du style des boutons et
des formulaires
2020-03-31 15:18:09 +02:00

24 lines
919 B
HTML

<div *ngIf="dataSourceTable != null else loading" class="table-container">
<button mat-button (click)="openDialogToAdd()" mat-button>Add a aircraft</button>
<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>
</ng-container>
<ng-container matColumnDef="name">
<th mat-header-cell *matHeaderCellDef>Name</th>
<td mat-cell *matCellDef="let element">{{element.name}}</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
</div>
<mat-paginator [length]="resultsLength" [pageSize]="5"></mat-paginator>
<ng-template #loading>
<mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner>
</ng-template>