40 lines
1.7 KiB
HTML
40 lines
1.7 KiB
HTML
<div class="mat-elevation-z8">
|
|
<mat-table #table [dataSource]="dataSource" matSort aria-label="Elements">
|
|
<ng-container matColumnDef="buttons">
|
|
<mat-header-cell *matHeaderCellDef class="controls"></mat-header-cell>
|
|
<mat-cell *matCellDef="let row" class="controls">
|
|
<button type="button" mat-icon-button (click)="deleteAwardee(row)" color="warn"
|
|
matTooltip="Delete this entry">
|
|
<mat-icon fontSet="fas" fontIcon="fa-trash"></mat-icon>
|
|
</button>
|
|
<a [routerLink]="['/awardee/edit',row.id]" class="mat-icon-button mat-primary"
|
|
matTooltip="Edit this entry">
|
|
<mat-icon fontSet="far" fontIcon="fa-edit"></mat-icon>
|
|
</a>
|
|
</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Name Column -->
|
|
<ng-container matColumnDef="name">
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header>Name</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{row.name}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Year Column -->
|
|
<ng-container matColumnDef="year">
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header>Year</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{row.year}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
|
|
<mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
|
|
</mat-table>
|
|
|
|
<mat-paginator #paginator
|
|
[length]="awardees.length"
|
|
[pageIndex]="0"
|
|
[pageSize]="15"
|
|
[pageSizeOptions]="[15, 25, 50]">
|
|
</mat-paginator>
|
|
</div>
|