61 lines
2.3 KiB
HTML
61 lines
2.3 KiB
HTML
<div class="container m-b-20">
|
|
<mat-card class="mat-elevation-z8">
|
|
<mat-card-content>
|
|
<div fxLayout="row wrap" class="content">
|
|
<div fxFlex="25%" fxFlex.lt-md="50%" class="header">
|
|
{{ 'labels.inputs.From Account' | translate }}
|
|
</div>
|
|
|
|
<div fxFlex="25%" fxFlex.lt-md="50%">
|
|
{{ listTransactionData.fromAccount.accountNo }}({{ listTransactionData.fromAccountType.value }})
|
|
</div>
|
|
|
|
<div fxFlex="25%" fxFlex.lt-md="50%" class="header">
|
|
{{ 'labels.inputs.To Account' | translate }}
|
|
</div>
|
|
|
|
<div fxFlex="25%" fxFlex.lt-md="50%">
|
|
{{ listTransactionData.toAccount.accountNo }}({{ listTransactionData.toAccountType.value }})
|
|
</div>
|
|
|
|
<div fxFlex="25%" fxFlex.lt-md="50%" class="header">
|
|
{{ 'labels.inputs.Destination' | translate }}
|
|
</div>
|
|
|
|
<div fxFlex="25%" fxFlex.lt-md="50%">
|
|
{{ listTransactionData.toClient.displayName }}
|
|
</div>
|
|
</div>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|
|
|
|
<div class="mat-elevation-z8 container">
|
|
<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 transaction">{{ transaction.transferDate | dateFormat }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="amount">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Amount' | translate }}</th>
|
|
<td mat-cell *matCellDef="let transaction">{{ transaction.transferAmount }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="notes">
|
|
<th mat-header-cell *matHeaderCellDef>{{"labels.inputs.Notes | translate}}</th>
|
|
<td mat-cell *matCellDef="let transaction">{{ transaction.transferDescription }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="reversed">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Reversed' | translate }}</th>
|
|
<td mat-cell *matCellDef="let transaction">{{ transaction.reversed | yesNo }}</td>
|
|
</ng-container>
|
|
|
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
|
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
|
|
</table>
|
|
|
|
<mat-paginator [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
|
|
</div>
|