45 lines
1.7 KiB
HTML
45 lines
1.7 KiB
HTML
<div style="width: 1100px; margin:auto; position: relative;">
|
|
<h1>Übersicht über alle Auszeichnungen</h1>
|
|
|
|
<table mat-table
|
|
[dataSource]="rows"
|
|
[class.fixed-header-table]="hasFixedTableHeader"
|
|
class="mat-elevation-z8">
|
|
|
|
<ng-container matColumnDef="{{columnMap[0].prop}}">
|
|
<th mat-header-cell *matHeaderCellDef>{{columnMap[0].head}}</th>
|
|
<td mat-cell *matCellDef="let element">
|
|
<img src="resource/decoration/{{element._id}}.png"
|
|
matTooltip="{{element.name}}"
|
|
alt="{{element.name}}">
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="{{columnMap[1].prop}}">
|
|
<th mat-header-cell *matHeaderCellDef>{{columnMap[1].head}}</th>
|
|
<td mat-cell *matCellDef="let element">{{element[columnMap[1].prop]}}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="{{columnMap[2].prop}}">
|
|
<th mat-header-cell *matHeaderCellDef>{{columnMap[2].head}}</th>
|
|
<td mat-cell *matCellDef="let element"
|
|
[style.color]="element['fraction'] === 'BLUFOR' ?
|
|
fraction.COLOR_BLUFOR :
|
|
element['fraction'] === 'OPFOR' ? fraction.COLOR_OPFOR : '#666666'">
|
|
{{element[columnMap[2].prop] === 'BLUFOR'?
|
|
'NATO' :
|
|
element[columnMap[2].prop] === 'OPFOR' ? 'CSAT' : 'GLOBAL'}}
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="{{columnMap[3].prop}}">
|
|
<th mat-header-cell *matHeaderCellDef>{{columnMap[3].head}}</th>
|
|
<td mat-cell *matCellDef="let element">{{element[columnMap[3].prop]}}</td>
|
|
</ng-container>
|
|
|
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
|
|
</table>
|
|
|
|
</div>
|