121 lines
3.9 KiB
HTML
121 lines
3.9 KiB
HTML
<div class="container">
|
|
|
|
<mat-card>
|
|
|
|
<mat-card-content>
|
|
|
|
<div fxLayout="row wrap" class="content">
|
|
<div fxFlex="100%" [ngClass]="transactionColor()">
|
|
</div>
|
|
|
|
<div fxFlex="50%" class="mat-body-strong">
|
|
{{"labels.inputs.Transaction Id" | translate }}
|
|
</div>
|
|
|
|
<div fxFlex="50%">
|
|
{{ transactionData.id }}
|
|
</div>
|
|
|
|
<div fxFlex="50%" class="mat-body-strong">
|
|
{{"labels.inputs.Type" | translate }}
|
|
</div>
|
|
|
|
<div fxFlex="50%">
|
|
{{ transactionData.transactionType.value }}
|
|
</div>
|
|
|
|
<div fxFlex="50%" class="mat-body-strong">
|
|
{{"labels.inputs.Transaction Date" | translate }}
|
|
</div>
|
|
|
|
<div fxFlex="50%">
|
|
{{ transactionData.date | dateFormat }}
|
|
</div>
|
|
|
|
<div fxFlex="50%" class="mat-body-strong">
|
|
{{"labels.inputs.Currency" | translate }}
|
|
</div>
|
|
|
|
<div fxFlex="50%">
|
|
{{ transactionData.currency.displayLabel }}
|
|
</div>
|
|
|
|
<div fxFlex="50%" class="mat-body-strong">
|
|
{{"labels.inputs.Amount" | translate }}
|
|
</div>
|
|
|
|
<div fxFlex="50%">
|
|
{{ transactionData.amount | currency:transactionData.currency.code:'symbol-narrow':'1.2-2' }}
|
|
</div>
|
|
|
|
<div fxFlex="50%" *ngIf="transactionData.note" class="mat-body-strong">
|
|
{{"labels.inputs.Note" | translate }}
|
|
</div>
|
|
|
|
<div fxFlex="50%" *ngIf="transactionData.note">
|
|
{{ transactionData.note }}
|
|
</div>
|
|
|
|
<ng-container *ngIf="transactionData.paymentDetailData">
|
|
|
|
<div *ngIf="transactionData.paymentDetailData.paymentType" fxFlex="50%" class="mat-body-strong">
|
|
{{"labels.inputs.Payment Type" | translate }}
|
|
</div>
|
|
|
|
<div *ngIf="transactionData.paymentDetailData.paymentType" fxFlex="50%">
|
|
{{ transactionData.paymentDetailData.paymentType.name }}
|
|
</div>
|
|
|
|
<div *ngIf="transactionData.paymentDetailData.accountNumber" fxFlex="50%" class="mat-body-strong">
|
|
{{"labels.inputs.Account No" | translate }}.
|
|
</div>
|
|
|
|
<div *ngIf="transactionData.paymentDetailData.accountNumber" fxFlex="50%">
|
|
{{ transactionData.paymentDetailData.accountNumber }}
|
|
</div>
|
|
|
|
<div *ngIf="transactionData.paymentDetailData.checkNumber" fxFlex="50%" class="mat-body-strong">
|
|
{{"labels.inputs.Cheque Number" | translate }}
|
|
</div>
|
|
|
|
<div *ngIf="transactionData.paymentDetailData.checkNumber" fxFlex="50%">
|
|
{{ transactionData.paymentDetailData.checkNumber }}
|
|
</div>
|
|
|
|
<div *ngIf="transactionData.paymentDetailData.routingCode" fxFlex="50%" class="mat-body-strong">
|
|
{{"labels.inputs.Routing Code" | translate }}
|
|
</div>
|
|
|
|
<div *ngIf="transactionData.paymentDetailData.routingCode" fxFlex="50%">
|
|
{{ transactionData.paymentDetailData.routingCode }}
|
|
</div>
|
|
|
|
<div *ngIf="transactionData.paymentDetailData.receiptNumber" fxFlex="50%" class="mat-body-strong">
|
|
{{"labels.inputs.Receipt No" | translate }}.
|
|
</div>
|
|
|
|
<div *ngIf="transactionData.paymentDetailData.receiptNumber" fxFlex="50%">
|
|
{{ transactionData.paymentDetailData.receiptNumber }}
|
|
</div>
|
|
|
|
<div *ngIf="transactionData.paymentDetailData.bankNumber" fxFlex="50%" class="mat-body-strong">
|
|
{{"labels.inputs.Bank No" | translate }}.
|
|
</div>
|
|
|
|
<div *ngIf="transactionData.paymentDetailData.bankNumber" fxFlex="50%">
|
|
{{ transactionData.paymentDetailData.bankNumber }}
|
|
</div>
|
|
|
|
</ng-container>
|
|
|
|
</div>
|
|
|
|
<div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="2%" fxLayout.lt-md="column">
|
|
<button type="button" mat-raised-button color="primary" [routerLink]="['../']">{{ 'Back' | translate}}</button>
|
|
</div>
|
|
</mat-card-content>
|
|
|
|
</mat-card>
|
|
|
|
</div>
|