48 lines
1.6 KiB
HTML
48 lines
1.6 KiB
HTML
<div class="content">
|
|
@if (dataSourceTable != null) {
|
|
<div>
|
|
@if (isUserAdmin == true) {
|
|
<button
|
|
mat-raised-button
|
|
color="accent"
|
|
(click)="openDialogToAdd()"
|
|
>
|
|
{{ "ListAircrafts_Add" | translate }}
|
|
</button>
|
|
}
|
|
<table mat-table [dataSource]="dataSourceTable">
|
|
<ng-container matColumnDef="id">
|
|
<th mat-header-cell *matHeaderCellDef>
|
|
{{ "ListAircrafts_Header_Id" | translate }}
|
|
</th>
|
|
<td mat-cell *matCellDef="let element">{{ element.id }}</td>
|
|
</ng-container>
|
|
<ng-container matColumnDef="name">
|
|
<th mat-header-cell *matHeaderCellDef>
|
|
{{ "ListAircrafts_Header_Name" | translate }}
|
|
</th>
|
|
<td mat-cell *matCellDef="let element">{{ element.name }}</td>
|
|
</ng-container>
|
|
<ng-container matColumnDef="imageData">
|
|
<th mat-header-cell *matHeaderCellDef>
|
|
{{ "ListAircrafts_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>
|
|
} @else {
|
|
<mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner>
|
|
}
|
|
<mat-paginator [length]="resultsLength" [pageSize]="10"></mat-paginator>
|
|
|
|
</div>
|