31 lines
1.4 KiB
HTML
31 lines
1.4 KiB
HTML
<div class="content">
|
|
<div *ngIf="dataSourceTable != null else loading">
|
|
<button mat-raised-button color="accent" (click)="openDialogToAdd()" *ngIf="isUserAdmin == true">{{ 'List_Aircrafts_Add' | translate }}</button>
|
|
|
|
<table mat-table [dataSource]="dataSourceTable">
|
|
<ng-container matColumnDef="id">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'List_Aircrafts_Header_Id' | translate }}</th>
|
|
<td mat-cell *matCellDef="let element">{{element.id}}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="name">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'List_Aircrafts_Header_Name' | translate }}</th>
|
|
<td mat-cell *matCellDef="let element">{{element.name}}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="imageData">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'List_Aircrafts_Header_Image' | translate }}</th>
|
|
<td mat-cell *matCellDef="let element"><img src="{{element.imageData}}" alt="No image" style="width: 128px;"></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]="10"></mat-paginator>
|
|
|
|
<ng-template #loading>
|
|
<mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner>
|
|
</ng-template>
|
|
</div>
|