81 lines
2.3 KiB
HTML
81 lines
2.3 KiB
HTML
<div fxLayoutAlign="end" class="container m-b-20" fxLayoutGap="2%">
|
|
<span *ngIf="allowUndo()">
|
|
<button mat-raised-button color="warn" *mifosxHasPermission="'UNDOTRANSACTION_SAVINGSACCOUNT'"
|
|
(click)="undoTransaction()">
|
|
<fa-icon icon="undo" class="m-r-10"></fa-icon>Undo
|
|
</button>
|
|
</span>
|
|
</div>
|
|
<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>
|
|
|
|
<mifosx-transaction-payment-detail *ngIf="transactionData.paymentDetailData"
|
|
[paymentDetailData]="transactionData.paymentDetailData">
|
|
</mifosx-transaction-payment-detail>
|
|
|
|
</div>
|
|
|
|
<div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="2%" fxLayout.lt-md="column">
|
|
<button type="button" mat-raised-button color="primary" [routerLink]="['../']">{{ 'labels.buttons.Back' | translate}}</button>
|
|
</div>
|
|
</mat-card-content>
|
|
|
|
</mat-card>
|
|
|
|
</div>
|