46 lines
2.1 KiB
HTML
46 lines
2.1 KiB
HTML
<mat-table matSort
|
|
[dataSource]="sortedRows"
|
|
matSortActive="{{tableHead[2].prop}}" matSortDirection="asc" matSortDisableClear
|
|
(matSortChange)="sortScoreboardData($event)"
|
|
class="mat-elevation-z8 fade-in">
|
|
|
|
<ng-container matColumnDef="{{tableHead[0].prop}}" sticky>
|
|
<mat-header-cell *matHeaderCellDef
|
|
mat-sort-header="{{tableHead[0].prop}}">{{tableHead[0].head | translate}}</mat-header-cell>
|
|
<mat-cell *matCellDef="let element"
|
|
[style.color]="element['fraction'] === 'BLUFOR' ? fraction.COLOR_BLUFOR : fraction.COLOR_OPFOR">
|
|
{{element.name}}
|
|
</mat-cell>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="{{tableHead[1].prop}}">
|
|
<mat-header-cell *matHeaderCellDef
|
|
mat-sort-header="{{tableHead[1].prop}}">{{tableHead[1].head | translate}}</mat-header-cell>
|
|
<mat-cell *matCellDef="let element">{{element.fraction ===
|
|
'BLUFOR' ? fraction.BLUFOR : fraction.OPFOR}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<ng-container *ngFor="let column of tableHead.slice(2, tableHead.length)" matColumnDef="{{column.prop}}">
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header="{{column.prop}}" matTooltip="{{column.head | translate}}">
|
|
<mat-icon svgIcon="{{column.prop}}">
|
|
</mat-icon>
|
|
</mat-header-cell>
|
|
<mat-cell *matCellDef="let element">{{element[column.prop]}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="interact">
|
|
<mat-header-cell *matHeaderCellDef></mat-header-cell>
|
|
<mat-cell *matCellDef="let element">
|
|
<button mat-icon-button
|
|
matTooltip="{{ 'stats.scoreboard.button.detail' | translate:{name: element.name} }}"
|
|
(click)="selectPlayerDetail(1, isSteamUUID(element['steamUUID']) ?
|
|
element['steamUUID'] : element['name'])">
|
|
<mat-icon svgIcon="stats-detail"></mat-icon>
|
|
</button>
|
|
</mat-cell>
|
|
</ng-container>
|
|
|
|
<mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
|
|
<mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
|
|
</mat-table>
|