35 lines
1.5 KiB
HTML
35 lines
1.5 KiB
HTML
<div class="tab-container mat-typography">
|
|
<div class="m-b-10">
|
|
<h3>{{ 'labels.inputs.Dividends' | translate }}</h3>
|
|
</div>
|
|
|
|
<div class="mat-elevation-z1 m-b-25">
|
|
<table mat-table [dataSource]="dataSource">
|
|
<ng-container matColumnDef="transactionDate">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Transaction Date' | translate }}</th>
|
|
<td mat-cell *matCellDef="let dividend">{{ dividend.postedDate | dateFormat }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="amount">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Amount' | translate }}</th>
|
|
<td mat-cell *matCellDef="let dividend">
|
|
{{ dividend.amount | currency: shareAccountData.currency.code : 'symbol-narrow' : '1.2-2' }}
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="transactionReference">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Transaction Reference' | translate }}</th>
|
|
<td mat-cell *matCellDef="let dividend">{{ dividend.savingsTransactionId }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="status">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Status' | translate }}</th>
|
|
<td mat-cell *matCellDef="let dividend">{{ 'labels.status.' + dividend.status.value | translate }}</td>
|
|
</ng-container>
|
|
|
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
|
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
|
|
</table>
|
|
</div>
|
|
</div>
|