62 lines
2.5 KiB
HTML
62 lines
2.5 KiB
HTML
<div class="content">
|
|
<div *ngIf="dataSourceTable != null else loading">
|
|
<button mat-raised-button color="accent" [routerLink]="['/newjump']" [routerLinkActive]="['active']" skipLocationChange>Add jumps</button>
|
|
|
|
<table mat-table [dataSource]="dataSourceTable">
|
|
<ng-container matColumnDef="infos">
|
|
<th mat-header-cell *matHeaderCellDef></th>
|
|
<td mat-cell *matCellDef="let element" style="text-align: left;">
|
|
<mat-icon aria-hidden="false" aria-label="All informations of the jump" style="cursor: pointer;"
|
|
(click)='openDialog(element)'>info</mat-icon>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<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="jumpDate">
|
|
<th mat-header-cell *matHeaderCellDef>Date</th>
|
|
<td mat-cell *matCellDef="let element">
|
|
<span class="smallSpanWithBreakWord" [innerHTML]="element.jumpDate | date: 'yyyy-MM-dd'"></span>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="jumpType">
|
|
<th mat-header-cell *matHeaderCellDef>Jump Type</th>
|
|
<td mat-cell *matCellDef="let element">
|
|
<span class="smallSpanWithBreakWord" [innerHTML]="element.jumpType.name"></span>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="aircraft">
|
|
<th mat-header-cell *matHeaderCellDef>Aircraft</th>
|
|
<td mat-cell *matCellDef="let element">
|
|
<span class="smallSpanWithBreakWord" [innerHTML]="element.aircraft.name"></span>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="dropZone">
|
|
<th mat-header-cell *matHeaderCellDef>Drop Zone</th>
|
|
<td mat-cell *matCellDef="let element">
|
|
<span class="spanWithBreakWord" [innerHTML]="element.dropZone.name"></span>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="gear">
|
|
<th mat-header-cell *matHeaderCellDef>Gear</th>
|
|
<td mat-cell *matCellDef="let element">{{element.gear.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]="10"></mat-paginator>
|
|
|
|
<ng-template #loading>
|
|
<mat-progress-spinner [mode]="'indeterminate'"></mat-progress-spinner>
|
|
</ng-template>
|
|
</div>
|