build: Use prettier for html
Stop ignoring html files in prettier and fix existing issues.
This commit is contained in:
Ralph Hopman
+104
-66
@@ -1,244 +1,282 @@
|
||||
<div class="container">
|
||||
|
||||
<mat-card>
|
||||
|
||||
<form [formGroup]="createStandingInstructionsForm">
|
||||
|
||||
<mat-card-content>
|
||||
|
||||
<div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.name" | translate}}</mat-label>
|
||||
<input matInput required formControlName="name">
|
||||
<mat-label>{{ 'labels.inputs.name' | translate }}</mat-label>
|
||||
<input matInput required formControlName="name" />
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.name.hasError('required')">
|
||||
{{"labels.inputs.name" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.inputs.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.name' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.inputs.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Applicant" | translate}}</mat-label>
|
||||
<input matInput formControlName="applicant">
|
||||
<mat-label>{{ 'labels.inputs.Applicant' | translate }}</mat-label>
|
||||
<input matInput formControlName="applicant" />
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Type" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Type' | translate }}</mat-label>
|
||||
<mat-select required formControlName="transferType" (selectionChange)="changeEvent()">
|
||||
<mat-option *ngFor="let transferType of transferTypeData" [value]="transferType.id">
|
||||
{{ transferType.value }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.transferType.hasError('required')">
|
||||
{{"labels.inputs.Transfer Type" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.inputs.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Transfer Type' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.inputs.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{ "labels.inputs.Priority" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Priority' | translate }}</mat-label>
|
||||
<mat-select required formControlName="priority">
|
||||
<mat-option *ngFor="let priorityType of priorityTypeData" [value]="priorityType.id">
|
||||
{{ priorityType.value }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.priority.hasError('required')">
|
||||
{{"labels.inputs.Priority" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Priority' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Status" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Status' | translate }}</mat-label>
|
||||
<mat-select required formControlName="status">
|
||||
<mat-option *ngFor="let statusType of statusTypeData" [value]="statusType.id">
|
||||
{{ statusType.value }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.status.hasError('required')">
|
||||
{{"labels.inputs.Status" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Status' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.From Account Type" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.From Account Type' | translate }}</mat-label>
|
||||
<mat-select required formControlName="fromAccountType" (selectionChange)="changeEvent()">
|
||||
<mat-option *ngFor="let fromAccountType of fromAccountTypeData" [value]="fromAccountType.id">
|
||||
{{ fromAccountType.value }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.fromAccountType.hasError('required')">
|
||||
{{"labels.inputs.From Account Type" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.From Account Type' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.From Account" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.From Account' | translate }}</mat-label>
|
||||
<mat-select required formControlName="fromAccountId" (selectionChange)="changeEvent()">
|
||||
<mat-option *ngFor="let fromAccount of fromAccountData" [value]="fromAccount.id">
|
||||
{{ fromAccount.productName }} - {{ fromAccount.accountNo }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.fromAccountId.hasError('required')">
|
||||
{{"labels.inputs.From Account" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.From Account' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Destination" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Destination' | translate }}</mat-label>
|
||||
<mat-select required formControlName="destination">
|
||||
<mat-option *ngFor="let destinationType of destinationTypeData" [value]="destinationType.id">
|
||||
{{ destinationType.value }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.destination.hasError('required')">
|
||||
{{"labels.inputs.Destination" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Destination' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.To Office" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.To Office' | translate }}</mat-label>
|
||||
<mat-select [disabled]="ToOfficeId" required formControlName="toOfficeId" (selectionChange)="changeEvent()">
|
||||
<mat-option *ngFor="let toOfficeType of toOfficeTypeData" [value]="toOfficeType.id">
|
||||
{{ toOfficeType.name }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.toOfficeId.hasError('required')">
|
||||
{{"labels.inputs.To Office" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.To Office' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Beneficiary" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Beneficiary' | translate }}</mat-label>
|
||||
<mat-select [disabled]="ToClientId" required formControlName="toClientId" (selectionChange)="changeEvent()">
|
||||
<mat-option *ngFor="let toClientType of toClientTypeData" [value]="toClientType.id">
|
||||
{{ toClientType.displayName }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.toClientId.hasError('required')">
|
||||
{{"labels.inputs.Beneficiary" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Beneficiary' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.To Account Type" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.To Account Type' | translate }}</mat-label>
|
||||
<mat-select required formControlName="toAccountType" (selectionChange)="changeEvent()">
|
||||
<mat-option *ngFor="let toAccountType of toAccountTypeData" [value]="toAccountType.id">
|
||||
{{ toAccountType.value }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.toAccountType.hasError('required')">
|
||||
{{"labels.inputs.To Account Type" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.To Account Type' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.To Account" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.To Account' | translate }}</mat-label>
|
||||
<mat-select required formControlName="toAccountId" (selectionChange)="changeEvent()">
|
||||
<mat-option *ngFor="let toAccount of toAccountData" [value]="toAccount.id">
|
||||
{{ toAccount.productName }} - {{ toAccount.accountNo }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.toAccountId.hasError('required')">
|
||||
{{"labels.inputs.To Account" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.To Account' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Standing Instruction Type" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Standing Instruction Type' | translate }}</mat-label>
|
||||
<mat-select formControlName="instructionType">
|
||||
<mat-option *ngFor="let instructionsType of instructionTypeData" [value]="instructionsType.id">
|
||||
{{ instructionsType.value }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.instructionType.hasError('required')">
|
||||
{{"labels.inputs.Standing Instruction Type" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Standing Instruction Type' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Amount" | translate}}</mat-label>
|
||||
<input type="number" matInput required formControlName="amount">
|
||||
<mat-label>{{ 'labels.inputs.Amount' | translate }}</mat-label>
|
||||
<input type="number" matInput required formControlName="amount" />
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.amount.hasError('required')">
|
||||
{{"labels.inputs.Amount" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Amount' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%" (click)="validFromDatePicker.open()">
|
||||
<mat-label>{{"labels.inputs.Validity from" | translate}}</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="validFromDatePicker" required
|
||||
formControlName="validFrom">
|
||||
<mat-label>{{ 'labels.inputs.Validity from' | translate }}</mat-label>
|
||||
<input
|
||||
matInput
|
||||
[min]="minDate"
|
||||
[max]="maxDate"
|
||||
[matDatepicker]="validFromDatePicker"
|
||||
required
|
||||
formControlName="validFrom"
|
||||
/>
|
||||
<mat-datepicker-toggle matSuffix [for]="validFromDatePicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #validFromDatePicker></mat-datepicker>
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.validFrom.hasError('required')">
|
||||
{{"labels.inputs.Valid From Date" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Valid From Date' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%" (click)="validTillDatePicker.open()">
|
||||
<mat-label>{{"labels.inputs.Validity To" | translate}}</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="validTillDatePicker" required
|
||||
formControlName="validTill">
|
||||
<mat-form-field fxFlex="48%" (click)="validTillDatePicker.open()">
|
||||
<mat-label>{{ 'labels.inputs.Validity To' | translate }}</mat-label>
|
||||
<input
|
||||
matInput
|
||||
[min]="minDate"
|
||||
[max]="maxDate"
|
||||
[matDatepicker]="validTillDatePicker"
|
||||
required
|
||||
formControlName="validTill"
|
||||
/>
|
||||
<mat-datepicker-toggle matSuffix [for]="validTillDatePicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #validTillDatePicker></mat-datepicker>
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.validTill.hasError('required')">
|
||||
{{"labels.inputs.Valid Till Date" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Valid Till Date' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Recurrence Type" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Recurrence Type' | translate }}</mat-label>
|
||||
<mat-select required formControlName="recurrenceType">
|
||||
<mat-option *ngFor="let recurrenceType of recurrenceTypeData" [value]="recurrenceType.id">
|
||||
{{ recurrenceType.value }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.recurrenceType.hasError('required')">
|
||||
{{"labels.inputs.Recurrence Type" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Recurrence Type' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Interval" | translate}}</mat-label>
|
||||
<input type="number" matInput required formControlName="recurrenceInterval">
|
||||
<mat-label>{{ 'labels.inputs.Interval' | translate }}</mat-label>
|
||||
<input type="number" matInput required formControlName="recurrenceInterval" />
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.recurrenceInterval.hasError('required')">
|
||||
{{"labels.inputs.Recurrence Interval" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Recurrence Interval' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Recurrence Frequency" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Recurrence Frequency' | translate }}</mat-label>
|
||||
<mat-select required formControlName="recurrenceFrequency">
|
||||
<mat-option *ngFor="let recurrenceFrequencyType of recurrenceFrequencyTypeData"
|
||||
[value]="recurrenceFrequencyType.id">
|
||||
<mat-option
|
||||
*ngFor="let recurrenceFrequencyType of recurrenceFrequencyTypeData"
|
||||
[value]="recurrenceFrequencyType.id"
|
||||
>
|
||||
{{ recurrenceFrequencyType.value }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.recurrenceFrequency.hasError('required')">
|
||||
{{"labels.inputs.Recurrence Frequency" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Recurrence Frequency' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%" (click)="recurrenceOnMonthDayDatePicker.open()">
|
||||
<mat-label>{{"labels.inputs.On Month Day" | translate}}</mat-label>
|
||||
<input required matInput [min]="minDate" [max]="maxDate" [matDatepicker]="recurrenceOnMonthDayDatePicker"
|
||||
formControlName="recurrenceOnMonthDay">
|
||||
<mat-form-field fxFlex="48%" (click)="recurrenceOnMonthDayDatePicker.open()">
|
||||
<mat-label>{{ 'labels.inputs.On Month Day' | translate }}</mat-label>
|
||||
<input
|
||||
required
|
||||
matInput
|
||||
[min]="minDate"
|
||||
[max]="maxDate"
|
||||
[matDatepicker]="recurrenceOnMonthDayDatePicker"
|
||||
formControlName="recurrenceOnMonthDay"
|
||||
/>
|
||||
<mat-datepicker-toggle matSuffix [for]="recurrenceOnMonthDayDatePicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #recurrenceOnMonthDayDatePicker></mat-datepicker>
|
||||
<mat-error *ngIf="createStandingInstructionsForm.controls.recurrenceOnMonthDay.hasError('required')">
|
||||
{{"labels.inputs.On Month Day" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.On Month Day' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
</div>
|
||||
|
||||
</mat-card-content>
|
||||
|
||||
<mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
|
||||
<button type="button" mat-raised-button [routerLink]="['../']">{{"labels.buttons.Cancel" | translate}}</button>
|
||||
<button mat-raised-button color="primary" [disabled]="!createStandingInstructionsForm.valid" *mifosxHasPermission="'CREATE_STANDINGINSTRUCTION'"
|
||||
(click)="submit()">{{"labels.buttons.Submit" | translate}}</button>
|
||||
<button type="button" mat-raised-button [routerLink]="['../']">
|
||||
{{ 'labels.buttons.Cancel' | translate }}
|
||||
</button>
|
||||
<button
|
||||
mat-raised-button
|
||||
color="primary"
|
||||
[disabled]="!createStandingInstructionsForm.valid"
|
||||
*mifosxHasPermission="'CREATE_STANDINGINSTRUCTION'"
|
||||
(click)="submit()"
|
||||
>
|
||||
{{ 'labels.buttons.Submit' | translate }}
|
||||
</button>
|
||||
</mat-card-actions>
|
||||
|
||||
</form>
|
||||
|
||||
</mat-card>
|
||||
|
||||
</div>
|
||||
|
||||
+82
-60
@@ -1,171 +1,193 @@
|
||||
<div class="container">
|
||||
|
||||
<mat-card>
|
||||
|
||||
<form [formGroup]="editStandingInstructionsForm">
|
||||
|
||||
<mat-card-content>
|
||||
|
||||
<div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.name" | translate}}</mat-label>
|
||||
<input matInput formControlName="name">
|
||||
<mat-label>{{ 'labels.inputs.name' | translate }}</mat-label>
|
||||
<input matInput formControlName="name" />
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Applicant" | translate}}</mat-label>
|
||||
<input matInput formControlName="applicant">
|
||||
<mat-label>{{ 'labels.inputs.Applicant' | translate }}</mat-label>
|
||||
<input matInput formControlName="applicant" />
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Type" | translate}}</mat-label>
|
||||
<input matInput formControlName="type">
|
||||
<mat-label>{{ 'labels.inputs.Type' | translate }}</mat-label>
|
||||
<input matInput formControlName="type" />
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.From Account Type" | translate}}</mat-label>
|
||||
<input matInput formControlName="fromAccountType">
|
||||
<mat-label>{{ 'labels.inputs.From Account Type' | translate }}</mat-label>
|
||||
<input matInput formControlName="fromAccountType" />
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Priority" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Priority' | translate }}</mat-label>
|
||||
<mat-select required formControlName="priority">
|
||||
<mat-option *ngFor="let priorityType of priorityTypeData" [value]="priorityType.id">
|
||||
{{ priorityType.value }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="editStandingInstructionsForm.controls.priority.hasError('required')">
|
||||
{{"labels.inputs.Priority" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Priority' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Status" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Status' | translate }}</mat-label>
|
||||
<mat-select required formControlName="status">
|
||||
<mat-option *ngFor="let statusType of statusTypeData" [value]="statusType.id">
|
||||
{{ statusType.value }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="editStandingInstructionsForm.controls.status.hasError('required')">
|
||||
{{"labels.inputs.Status" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Status' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.From Account" | translate}}</mat-label>
|
||||
<input matInput formControlName="fromAccount">
|
||||
<mat-label>{{ 'labels.inputs.From Account' | translate }}</mat-label>
|
||||
<input matInput formControlName="fromAccount" />
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Destination" | translate}}</mat-label>
|
||||
<input matInput formControlName="destination">
|
||||
<mat-label>{{ 'labels.inputs.Destination' | translate }}</mat-label>
|
||||
<input matInput formControlName="destination" />
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.To Office" | translate}}</mat-label>
|
||||
<input matInput formControlName="toOffice">
|
||||
<mat-label>{{ 'labels.inputs.To Office' | translate }}</mat-label>
|
||||
<input matInput formControlName="toOffice" />
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Beneficiary" | translate}}</mat-label>
|
||||
<input matInput formControlName="toClientId">
|
||||
<mat-label>{{ 'labels.inputs.Beneficiary' | translate }}</mat-label>
|
||||
<input matInput formControlName="toClientId" />
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.To Account Type" | translate}}</mat-label>
|
||||
<input matInput formControlName="toAccountType">
|
||||
<mat-label>{{ 'labels.inputs.To Account Type' | translate }}</mat-label>
|
||||
<input matInput formControlName="toAccountType" />
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.To Account" | translate}}</mat-label>
|
||||
<input matInput formControlName="toAccount">
|
||||
<mat-label>{{ 'labels.inputs.To Account' | translate }}</mat-label>
|
||||
<input matInput formControlName="toAccount" />
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Standing Instruction Type" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Standing Instruction Type' | translate }}</mat-label>
|
||||
<mat-select formControlName="instructionType">
|
||||
<mat-option *ngFor="let instructionsType of instructionTypeData"
|
||||
[value]="instructionsType.id">
|
||||
<mat-option *ngFor="let instructionsType of instructionTypeData" [value]="instructionsType.id">
|
||||
{{ instructionsType.value }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Amount" | translate}}</mat-label>
|
||||
<input matInput formControlName="amount">
|
||||
<mat-label>{{ 'labels.inputs.Amount' | translate }}</mat-label>
|
||||
<input matInput formControlName="amount" />
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%" (click)="validFromDatePicker.open()">
|
||||
<mat-label>{{"labels.inputs.Validity from" | translate}}</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="validFromDatePicker" required
|
||||
formControlName="validFrom">
|
||||
<mat-label>{{ 'labels.inputs.Validity from' | translate }}</mat-label>
|
||||
<input
|
||||
matInput
|
||||
[min]="minDate"
|
||||
[max]="maxDate"
|
||||
[matDatepicker]="validFromDatePicker"
|
||||
required
|
||||
formControlName="validFrom"
|
||||
/>
|
||||
<mat-datepicker-toggle matSuffix [for]="validFromDatePicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #validFromDatePicker></mat-datepicker>
|
||||
<mat-error *ngIf="editStandingInstructionsForm.controls.validFrom.hasError('required')">
|
||||
{{"labels.inputs.Valid From Date" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Valid From Date' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%" (click)="validTillDatePicker.open()">
|
||||
<mat-label>{{"labels.inputs.Validity To" | translate}}</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="validTillDatePicker" required
|
||||
formControlName="validTill">
|
||||
<mat-label>{{ 'labels.inputs.Validity To' | translate }}</mat-label>
|
||||
<input
|
||||
matInput
|
||||
[min]="minDate"
|
||||
[max]="maxDate"
|
||||
[matDatepicker]="validTillDatePicker"
|
||||
required
|
||||
formControlName="validTill"
|
||||
/>
|
||||
<mat-datepicker-toggle matSuffix [for]="validTillDatePicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #validTillDatePicker></mat-datepicker>
|
||||
<mat-error *ngIf="editStandingInstructionsForm.controls.validTill.hasError('required')">
|
||||
{{"labels.inputs.Valid Till Date" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Valid Till Date' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Recurrence Type" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Recurrence Type' | translate }}</mat-label>
|
||||
<mat-select required formControlName="recurrenceType">
|
||||
<mat-option *ngFor="let recurrenceType of recurrenceTypeData" [value]="recurrenceType.id">
|
||||
{{ recurrenceType.value }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="editStandingInstructionsForm.controls.recurrenceType.hasError('required')">
|
||||
{{"labels.inputs.Recurrence Type" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Recurrence Type' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Interval" | translate}}</mat-label>
|
||||
<input matInput formControlName="recurrenceInterval">
|
||||
<mat-label>{{ 'labels.inputs.Interval' | translate }}</mat-label>
|
||||
<input matInput formControlName="recurrenceInterval" />
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%">
|
||||
<mat-label>{{"labels.inputs.Recurrence Frequency" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Recurrence Frequency' | translate }}</mat-label>
|
||||
<mat-select formControlName="recurrenceFrequency">
|
||||
<mat-option *ngFor="let recurrenceFrequencyType of recurrenceFrequencyTypeData"
|
||||
[value]="recurrenceFrequencyType.id">
|
||||
<mat-option
|
||||
*ngFor="let recurrenceFrequencyType of recurrenceFrequencyTypeData"
|
||||
[value]="recurrenceFrequencyType.id"
|
||||
>
|
||||
{{ recurrenceFrequencyType.value }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="48%" (click)="recurrenceOnMonthDayDatePicker.open()">
|
||||
<mat-label>{{"labels.inputs.On Month Day" | translate}}</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="recurrenceOnMonthDayDatePicker"
|
||||
formControlName="recurrenceOnMonthDay">
|
||||
<mat-label>{{ 'labels.inputs.On Month Day' | translate }}</mat-label>
|
||||
<input
|
||||
matInput
|
||||
[min]="minDate"
|
||||
[max]="maxDate"
|
||||
[matDatepicker]="recurrenceOnMonthDayDatePicker"
|
||||
formControlName="recurrenceOnMonthDay"
|
||||
/>
|
||||
<mat-datepicker-toggle matSuffix [for]="recurrenceOnMonthDayDatePicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #recurrenceOnMonthDayDatePicker></mat-datepicker>
|
||||
</mat-form-field>
|
||||
|
||||
</div>
|
||||
|
||||
</mat-card-content>
|
||||
|
||||
<mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
|
||||
<button type="button" mat-raised-button [routerLink]="['../view']">{{"labels.buttons.Cancel" | translate}}</button>
|
||||
<button mat-raised-button color="primary" [disabled]="!editStandingInstructionsForm.valid"
|
||||
(click)="submit()" *mifosxHasPermission="'UPDATE_STANDINGINSTRUCTION'">{{"labels.buttons.Submit" | translate}}</button>
|
||||
<button type="button" mat-raised-button [routerLink]="['../view']">
|
||||
{{ 'labels.buttons.Cancel' | translate }}
|
||||
</button>
|
||||
<button
|
||||
mat-raised-button
|
||||
color="primary"
|
||||
[disabled]="!editStandingInstructionsForm.valid"
|
||||
(click)="submit()"
|
||||
*mifosxHasPermission="'UPDATE_STANDINGINSTRUCTION'"
|
||||
>
|
||||
{{ 'labels.buttons.Submit' | translate }}
|
||||
</button>
|
||||
</mat-card-actions>
|
||||
|
||||
</form>
|
||||
|
||||
</mat-card>
|
||||
|
||||
</div>
|
||||
|
||||
+57
-37
@@ -1,10 +1,8 @@
|
||||
<mat-card class="container">
|
||||
|
||||
<div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
|
||||
|
||||
<div fxFlexFill *ngIf="isFromClient">
|
||||
<span fxFlex="40%">
|
||||
<h3 class="mat-h3">{{"labels.heading.Client Type" | translate}}</h3>
|
||||
<h3 class="mat-h3">{{ 'labels.heading.Client Type' | translate }}</h3>
|
||||
</span>
|
||||
<span fxFlex="60%">
|
||||
<h3 class="mat-h3">{{ clientName }}</h3>
|
||||
@@ -13,17 +11,17 @@
|
||||
|
||||
<div fxFlexFill *ngIf="!isFromClient">
|
||||
<mat-form-field fxFlex="30%">
|
||||
<input matInput placeholder="ClientName" [formControl]="clientNameControl">
|
||||
<input matInput placeholder="ClientName" [formControl]="clientNameControl" />
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex="30%">
|
||||
<input matInput placeholder="From Client Id" [formControl]="fromClientId">
|
||||
<input matInput placeholder="From Client Id" [formControl]="fromClientId" />
|
||||
</mat-form-field>
|
||||
</div>
|
||||
|
||||
<mat-divider [inset]="true"></mat-divider>
|
||||
|
||||
<mat-form-field fxFlex="30%">
|
||||
<mat-label>{{"labels.inputs.Type" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Type' | translate }}</mat-label>
|
||||
<mat-select [formControl]="transferType">
|
||||
<mat-option *ngFor="let transferTypeData of transferTypeDatas" [value]="transferTypeData.id">
|
||||
{{ transferTypeData.value }}
|
||||
@@ -32,80 +30,102 @@
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="30%">
|
||||
<input matInput placeholder="From Account Id" [formControl]="fromAccountId">
|
||||
<input matInput placeholder="From Account Id" [formControl]="fromAccountId" />
|
||||
</mat-form-field>
|
||||
|
||||
<button mat-raised-button color="primary" *mifosxHasPermission="'READ_STANDINGINSTRUCTION'" (click)="filterStandingInstructions()" class="filter-button">
|
||||
{{ "labels.buttons.Filter" | translate}}
|
||||
<button
|
||||
mat-raised-button
|
||||
color="primary"
|
||||
*mifosxHasPermission="'READ_STANDINGINSTRUCTION'"
|
||||
(click)="filterStandingInstructions()"
|
||||
class="filter-button"
|
||||
>
|
||||
{{ 'labels.buttons.Filter' | translate }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
<table mat-table #instructionsTable [dataSource]="dataSource">
|
||||
|
||||
<ng-container matColumnDef="client">
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Client" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let instruction">{{instruction.fromClient.displayName}}-{{instruction.fromClient.id}}
|
||||
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Client' | translate }}</th>
|
||||
<td mat-cell *matCellDef="let instruction">
|
||||
{{ instruction.fromClient.displayName }}-{{ instruction.fromClient.id }}
|
||||
</td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="fromAccount">
|
||||
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.From Account" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let instruction">{{instruction.fromAccount.accountNo}}
|
||||
({{instruction.fromAccountType.value}})</td>
|
||||
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.From Account' | translate }}</th>
|
||||
<td mat-cell *matCellDef="let instruction">
|
||||
{{ instruction.fromAccount.accountNo }} ({{ instruction.fromAccountType.value }})
|
||||
</td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="beneficiary">
|
||||
<th mat-header-cell *matHeaderCellDef>{{"labels.inputs.Beneficiary" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let instruction">{{instruction.toClient.displayName}}</td>
|
||||
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Beneficiary' | translate }}</th>
|
||||
<td mat-cell *matCellDef="let instruction">{{ instruction.toClient.displayName }}</td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="toAccount">
|
||||
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.To Account" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let instruction">{{instruction.toAccount.accountNo}}
|
||||
({{instruction.toAccountType.value}})</td>
|
||||
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.To Account' | translate }}</th>
|
||||
<td mat-cell *matCellDef="let instruction">
|
||||
{{ instruction.toAccount.accountNo }} ({{ instruction.toAccountType.value }})
|
||||
</td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="amount">
|
||||
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Amount" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let instruction">{{instruction.instructionType.value}}/{{instruction.amount}}</td>
|
||||
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Amount' | translate }}</th>
|
||||
<td mat-cell *matCellDef="let instruction">{{ instruction.instructionType.value }}/{{ instruction.amount }}</td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="validity">
|
||||
<th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Validity" | translate}} </th>
|
||||
<td mat-cell *matCellDef="let instruction">{{instruction.validFrom | dateFormat}} to {{instruction.validTill | dateFormat}}
|
||||
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Validity' | translate }}</th>
|
||||
<td mat-cell *matCellDef="let instruction">
|
||||
{{ instruction.validFrom | dateFormat }} to {{ instruction.validTill | dateFormat }}
|
||||
</td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Actions" | translate}} </th>
|
||||
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Actions' | translate }}</th>
|
||||
<td mat-cell *matCellDef="let instruction">
|
||||
<span *ngIf="instruction.status.value!=='Deleted'">
|
||||
<button class="account-action-button" mat-raised-button color="primary" matTooltip="{{ 'tooltips.Edit Standing Instruction' | translate}}"
|
||||
<span *ngIf="instruction.status.value !== 'Deleted'">
|
||||
<button
|
||||
class="account-action-button"
|
||||
mat-raised-button
|
||||
color="primary"
|
||||
matTooltip="{{ 'tooltips.Edit Standing Instruction' | translate }}"
|
||||
*mifosxHasPermission="'UPDATE_STANDINGINSTRUCTION'"
|
||||
[routerLink]="['../', instruction.id, 'edit']">
|
||||
[routerLink]="['../', instruction.id, 'edit']"
|
||||
>
|
||||
<i class="fa fa-edit"></i>
|
||||
</button>
|
||||
</span>
|
||||
<span *ngIf="instruction.status.value!=='Deleted'">
|
||||
<button class="account-action-button" mat-raised-button color="warn" matTooltip="{{ 'tooltips.Delete Standing Instruction' | translate}}"
|
||||
*mifosxHasPermission="'DELETE_STANDINGINSTRUCTION'" (click)="deleteStandingInstruction(instruction.id)">
|
||||
<span *ngIf="instruction.status.value !== 'Deleted'">
|
||||
<button
|
||||
class="account-action-button"
|
||||
mat-raised-button
|
||||
color="warn"
|
||||
matTooltip="{{ 'tooltips.Delete Standing Instruction' | translate }}"
|
||||
*mifosxHasPermission="'DELETE_STANDINGINSTRUCTION'"
|
||||
(click)="deleteStandingInstruction(instruction.id)"
|
||||
>
|
||||
<i class="fa fa-times"></i>
|
||||
</button>
|
||||
</span>
|
||||
<button class="account-action-button" mat-raised-button color="primary" matTooltip="{{ 'tooltips.View Standing Instruction' | translate}}"
|
||||
<button
|
||||
class="account-action-button"
|
||||
mat-raised-button
|
||||
color="primary"
|
||||
matTooltip="{{ 'tooltips.View Standing Instruction' | translate }}"
|
||||
*mifosxHasPermission="'READ_STANDINGINSTRUCTION'"
|
||||
[routerLink]="['../', instruction.id, 'view']">
|
||||
[routerLink]="['../', instruction.id, 'view']"
|
||||
>
|
||||
<i class="fa fa-eye"></i>
|
||||
</button>
|
||||
</td>
|
||||
</ng-container>
|
||||
|
||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
|
||||
|
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
|
||||
</table>
|
||||
|
||||
<mat-paginator [pageSize]="10" [pageSizeOptions]="[10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
|
||||
|
||||
</mat-card>
|
||||
|
||||
@@ -1,13 +1,9 @@
|
||||
<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}}
|
||||
{{ 'labels.inputs.From Account' | translate }}
|
||||
</div>
|
||||
|
||||
<div fxFlex="25%" fxFlex.lt-md="50%">
|
||||
@@ -15,7 +11,7 @@
|
||||
</div>
|
||||
|
||||
<div fxFlex="25%" fxFlex.lt-md="50%" class="header">
|
||||
{{"labels.inputs.To Account" | translate}}
|
||||
{{ 'labels.inputs.To Account' | translate }}
|
||||
</div>
|
||||
|
||||
<div fxFlex="25%" fxFlex.lt-md="50%">
|
||||
@@ -23,51 +19,42 @@
|
||||
</div>
|
||||
|
||||
<div fxFlex="25%" fxFlex.lt-md="50%" class="header">
|
||||
{{"labels.inputs.Destination" | translate}}
|
||||
{{ '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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
|
||||
</table>
|
||||
|
||||
<mat-paginator [pageSizeOptions]="[5, 10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
|
||||
|
||||
</div>
|
||||
|
||||
+61
-45
@@ -1,79 +1,84 @@
|
||||
<div class="container">
|
||||
|
||||
<mat-card>
|
||||
|
||||
<mat-card-content>
|
||||
|
||||
<div fxLayout="row wrap" fxLayout.lt-md="column">
|
||||
|
||||
<h3 class="mat-h3" fxFlexFill>{{"labels.heading.Transferring From Details" | translate}}</h3>
|
||||
<h3 class="mat-h3" fxFlexFill>{{ 'labels.heading.Transferring From Details' | translate }}</h3>
|
||||
|
||||
<mat-divider [inset]="true"></mat-divider>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Applicant" | translate}}</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Applicant' | translate }}</span>
|
||||
<span fxFlex="60%">{{ accountTransferTemplateData.fromClient.displayName }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Office" | translate}}</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Office' | translate }}</span>
|
||||
<span fxFlex="60%">{{ accountTransferTemplateData.fromOffice.name }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.From Account" | translate}}</span>
|
||||
<span fxFlex="60%">{{ accountTransferTemplateData.fromAccount.productName}} - #{{
|
||||
accountTransferTemplateData.fromAccount.accountNo }}</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.From Account' | translate }}</span>
|
||||
<span fxFlex="60%"
|
||||
>{{ accountTransferTemplateData.fromAccount.productName }} - #{{
|
||||
accountTransferTemplateData.fromAccount.accountNo
|
||||
}}</span
|
||||
>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.From Account Type" | translate}}</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.From Account Type' | translate }}</span>
|
||||
<span fxFlex="60%">{{ accountTransferTemplateData.fromAccountType.value }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Currency" | translate}}</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Currency' | translate }}</span>
|
||||
<span fxFlex="60%">{{ accountTransferTemplateData.currency.name }}</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<h3 class="mat-h3" fxFlexFill>{{"labels.heading.Transferred To" | translate}}</h3>
|
||||
<h3 class="mat-h3" fxFlexFill>{{ 'labels.heading.Transferred To' | translate }}</h3>
|
||||
|
||||
<mat-divider [inset]="true"></mat-divider>
|
||||
|
||||
<form [formGroup]="makeAccountTransferForm">
|
||||
|
||||
<div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
|
||||
|
||||
<mat-form-field fxFlex="98%" (click)="transferDatePicker.open()">
|
||||
<mat-label>{{"labels.inputs.Transaction Date" | translate}}</mat-label>
|
||||
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="transferDatePicker" required
|
||||
formControlName="transferDate">
|
||||
<mat-label>{{ 'labels.inputs.Transaction Date' | translate }}</mat-label>
|
||||
<input
|
||||
matInput
|
||||
[min]="minDate"
|
||||
[max]="maxDate"
|
||||
[matDatepicker]="transferDatePicker"
|
||||
required
|
||||
formControlName="transferDate"
|
||||
/>
|
||||
<mat-datepicker-toggle matSuffix [for]="transferDatePicker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #transferDatePicker></mat-datepicker>
|
||||
<mat-error *ngIf="makeAccountTransferForm.controls.transferDate.hasError('required')">
|
||||
{{"labels.inputs.Transaction Date" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Transaction Date' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="98%">
|
||||
<mat-label>{{"labels.inputs.Office" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Office' | translate }}</mat-label>
|
||||
<mat-select required formControlName="toOfficeId" (selectionChange)="changeEvent()">
|
||||
<mat-option *ngFor="let toOfficeType of toOfficeTypeData" [value]="toOfficeType.id">
|
||||
{{ toOfficeType.name }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="makeAccountTransferForm.controls.toOfficeId.hasError('required')">
|
||||
{{"labels.inputs.Office" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Office' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="98%">
|
||||
<mat-label>{{"labels.inputs.Client" | translate}}</mat-label>
|
||||
<input matInput formControlName="toClientId" [matAutocomplete]="clientsAutocomplete">
|
||||
<mat-label>{{ 'labels.inputs.Client' | translate }}</mat-label>
|
||||
<input matInput formControlName="toClientId" [matAutocomplete]="clientsAutocomplete" />
|
||||
<mat-error *ngIf="makeAccountTransferForm.controls.toClientId.hasError('required')">
|
||||
{{"labels.inputs.Client" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Client' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
@@ -84,59 +89,70 @@
|
||||
</mat-autocomplete>
|
||||
|
||||
<mat-form-field fxFlex="98%">
|
||||
<mat-label>{{"labels.inputs.Account Type" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Account Type' | translate }}</mat-label>
|
||||
<mat-select required formControlName="toAccountType" (selectionChange)="changeEvent()">
|
||||
<mat-option *ngFor="let toAccountType of toAccountTypeData" [value]="toAccountType.id">
|
||||
{{ toAccountType.value }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="makeAccountTransferForm.controls.toAccountType.hasError('required')">
|
||||
{{"labels.inputs.Account Type" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Account Type' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="98%">
|
||||
<mat-label>{{"labels.inputs.Account" | translate}}</mat-label>
|
||||
<mat-label>{{ 'labels.inputs.Account' | translate }}</mat-label>
|
||||
<mat-select required formControlName="toAccountId" (selectionChange)="changeEvent()">
|
||||
<mat-option *ngFor="let toAccount of toAccountData" [value]="toAccount.id">
|
||||
{{ toAccount.productName }} - {{ toAccount.accountNo }}
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
<mat-error *ngIf="makeAccountTransferForm.controls.toAccountId.hasError('required')">
|
||||
{{"labels.inputs.Account" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Account' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="98%">
|
||||
<mat-label>{{"labels.inputs.Amount" | translate}}</mat-label>
|
||||
<input type="number" matInput required formControlName="transferAmount">
|
||||
<mat-label>{{ 'labels.inputs.Amount' | translate }}</mat-label>
|
||||
<input type="number" matInput required formControlName="transferAmount" />
|
||||
<mat-error *ngIf="makeAccountTransferForm.controls.transferAmount.hasError('required')">
|
||||
{{"labels.inputs.Amount" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Amount' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field fxFlex="98%">
|
||||
<mat-label>{{"labels.inputs.Description" | translate}}</mat-label>
|
||||
<textarea matInput formControlName="transferDescription" cdkTextareaAutosize
|
||||
cdkAutosizeMinRows="2"></textarea>
|
||||
<mat-label>{{ 'labels.inputs.Description' | translate }}</mat-label>
|
||||
<textarea
|
||||
matInput
|
||||
formControlName="transferDescription"
|
||||
cdkTextareaAutosize
|
||||
cdkAutosizeMinRows="2"
|
||||
></textarea>
|
||||
<mat-error *ngIf="makeAccountTransferForm.controls.transferDescription.hasError('required')">
|
||||
{{"labels.inputs.Transfer Description" | translate}} {{"labels.commons.is" | translate}} <strong>{{"labels.commons.required" | translate}}</strong>
|
||||
{{ 'labels.inputs.Transfer Description' | translate }} {{ 'labels.commons.is' | translate }}
|
||||
<strong>{{ 'labels.commons.required' | translate }}</strong>
|
||||
</mat-error>
|
||||
|
||||
</mat-form-field>
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</mat-card-content>
|
||||
|
||||
<mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
|
||||
<button type="button" mat-raised-button [routerLink]="['../..']">{{"labels.buttons.Cancel" | translate}}</button>
|
||||
<button mat-raised-button color="primary" [disabled]="!makeAccountTransferForm.valid"
|
||||
*mifosxHasPermission="'CREATE_ACCOUNTTRANSFER'" (click)="submit()">{{"labels.buttons.Submit" | translate}}</button>
|
||||
<button type="button" mat-raised-button [routerLink]="['../..']">
|
||||
{{ 'labels.buttons.Cancel' | translate }}
|
||||
</button>
|
||||
<button
|
||||
mat-raised-button
|
||||
color="primary"
|
||||
[disabled]="!makeAccountTransferForm.valid"
|
||||
*mifosxHasPermission="'CREATE_ACCOUNTTRANSFER'"
|
||||
(click)="submit()"
|
||||
>
|
||||
{{ 'labels.buttons.Submit' | translate }}
|
||||
</button>
|
||||
</mat-card-actions>
|
||||
|
||||
</mat-card>
|
||||
|
||||
</div>
|
||||
|
||||
+33
-27
@@ -1,97 +1,103 @@
|
||||
<div class="container">
|
||||
<div fxLayoutAlign="end" class="container m-b-20" fxLayoutGap="2%">
|
||||
<span *ngIf="!viewAccountTransferData.reversed">
|
||||
<button mat-raised-button color="warn" *mifosxHasPermission="'ADJUST_ACCOUNTTRANSFER'" >
|
||||
<fa-icon icon="undo" class="m-r-10"></fa-icon>{{ 'labels.buttons.Undo' | translate}}
|
||||
<button mat-raised-button color="warn" *mifosxHasPermission="'ADJUST_ACCOUNTTRANSFER'">
|
||||
<fa-icon icon="undo" class="m-r-10"></fa-icon>{{ 'labels.buttons.Undo' | translate }}
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<mat-card>
|
||||
|
||||
<mat-card-content>
|
||||
|
||||
<div fxLayout="row wrap" fxLayout.lt-md="column">
|
||||
<div fxFlex="100%" [ngClass]="transactionColor()"></div>
|
||||
|
||||
<h3 class="mat-h3" fxFlexFill>{{"labels.heading.Transaction Details" | translate}}</h3>
|
||||
<h3 class="mat-h3" fxFlexFill>{{ 'labels.heading.Transaction Details' | translate }}</h3>
|
||||
|
||||
<mat-divider [inset]="true"></mat-divider>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Transaction Amount" | translate}}:</span>
|
||||
<span fxFlex="60%">{{ viewAccountTransferData.currency.displaySymbol }} {{ viewAccountTransferData.transferAmount | formatNumber }} ({{ viewAccountTransferData.currency.code }})</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Transaction Amount' | translate }}:</span>
|
||||
<span fxFlex="60%"
|
||||
>{{ viewAccountTransferData.currency.displaySymbol }}
|
||||
{{ viewAccountTransferData.transferAmount | formatNumber }} ({{
|
||||
viewAccountTransferData.currency.code
|
||||
}})</span
|
||||
>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Transaction Date" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Transaction Date' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ viewAccountTransferData.transferDate | dateFormat }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Destination" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Destination' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ viewAccountTransferData.transferDescription }}</span>
|
||||
</div>
|
||||
|
||||
<h3 class="mat-h3" fxFlexFill>{{"labels.heading.Transferred From" | translate}}</h3>
|
||||
<h3 class="mat-h3" fxFlexFill>{{ 'labels.heading.Transferred From' | translate }}</h3>
|
||||
|
||||
<mat-divider [inset]="true"></mat-divider>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Office" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Office' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ viewAccountTransferData.fromOffice.name }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Client" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Client' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ viewAccountTransferData.fromClient.displayName }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{ "labels.inputs.Account Type" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Account Type' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ viewAccountTransferData.fromAccountType.value }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{ "labels.inputs.Account No" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Account No' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ viewAccountTransferData.fromAccount.accountNo }}</span>
|
||||
</div>
|
||||
|
||||
<h3 class="mat-h3" fxFlexFill>{{"labels.heading.Transferred To" | translate}}</h3>
|
||||
<h3 class="mat-h3" fxFlexFill>{{ 'labels.heading.Transferred To' | translate }}</h3>
|
||||
|
||||
<mat-divider [inset]="true"></mat-divider>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Office" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Office' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ viewAccountTransferData.toOffice.name }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Client" | translate}}:</span>
|
||||
<span fxFlex="60%"><a [href]="transferToClient(viewAccountTransferData.toClient)">
|
||||
{{ viewAccountTransferData.toClient.displayName }}</a>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Client' | translate }}:</span>
|
||||
<span fxFlex="60%"
|
||||
><a [href]="transferToClient(viewAccountTransferData.toClient)">
|
||||
{{ viewAccountTransferData.toClient.displayName }}</a
|
||||
>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{ "labels.inputs.Account Type" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Account Type' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ viewAccountTransferData.toAccountType.value }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{ "labels.inputs.Account No" | translate}}:</span>
|
||||
<span fxFlex="60%"><a [href]="transferToAccount(viewAccountTransferData.toClient, viewAccountTransferData.toAccount)">
|
||||
{{ viewAccountTransferData.toAccount.accountNo }}</a>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Account No' | translate }}:</span>
|
||||
<span fxFlex="60%"
|
||||
><a [href]="transferToAccount(viewAccountTransferData.toClient, viewAccountTransferData.toAccount)">
|
||||
{{ viewAccountTransferData.toAccount.accountNo }}</a
|
||||
>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</mat-card-content>
|
||||
|
||||
<mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
|
||||
<button type="button" color="primary" mat-raised-button (click)="goBack()">{{ "labels.buttons.Back" | translate}}</button>
|
||||
<button type="button" color="primary" mat-raised-button (click)="goBack()">
|
||||
{{ 'labels.buttons.Back' | translate }}
|
||||
</button>
|
||||
</mat-card-actions>
|
||||
</mat-card>
|
||||
|
||||
</div>
|
||||
|
||||
+40
-34
@@ -1,122 +1,128 @@
|
||||
<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column" class="container m-b-20">
|
||||
<button mat-raised-button color="primary" [routerLink]="['../', 'edit']">
|
||||
<fa-icon icon="edit" class="m-r-10"></fa-icon>
|
||||
{{"labels.buttons.Edit" | translate}}
|
||||
{{ 'labels.buttons.Edit' | translate }}
|
||||
</button>
|
||||
<button mat-raised-button color="primary" [routerLink]="['../', 'list-account-transactions']" *mifosxHasPermission="'READ_ACCOUNTTRANSFER'">
|
||||
{{"labels.buttons.View Transactions History" | translate}}
|
||||
<button
|
||||
mat-raised-button
|
||||
color="primary"
|
||||
[routerLink]="['../', 'list-account-transactions']"
|
||||
*mifosxHasPermission="'READ_ACCOUNTTRANSFER'"
|
||||
>
|
||||
{{ 'labels.buttons.View Transactions History' | translate }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<mat-card>
|
||||
|
||||
<mat-card-content>
|
||||
|
||||
<div fxLayout="row wrap" fxLayout.lt-md="column">
|
||||
|
||||
<h2 class="mat-h2" fxFlexFill>{{ standingInstructionsData.name }}</h2>
|
||||
|
||||
<mat-divider [inset]="true"></mat-divider>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Applicant" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Applicant' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.fromClient.displayName }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Type" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Type' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.transferType.value }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{ "labels.inputs.Priority" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Priority' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.priority.value }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{ "labels.inputs.Status" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Status' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.status.value }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.From Account Type" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.From Account Type' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.fromAccountType.value }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.From Account" | translate}}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.fromAccount.productName }} - {{ standingInstructionsData.fromAccount.accountNo }}</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.From Account' | translate }}:</span>
|
||||
<span fxFlex="60%"
|
||||
>{{ standingInstructionsData.fromAccount.productName }} -
|
||||
{{ standingInstructionsData.fromAccount.accountNo }}</span
|
||||
>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Destination" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Destination' | translate }}:</span>
|
||||
<span fxFlex="60%">
|
||||
<span *ngIf="allowclientedit"> {{"labels.inputs.Within Bank" | translate}} </span>
|
||||
<span *ngIf="!allowclientedit"> {{"labels.inputs.Own Account" | translate}} </span>
|
||||
<span *ngIf="allowclientedit"> {{ 'labels.inputs.Within Bank' | translate }} </span>
|
||||
<span *ngIf="!allowclientedit"> {{ 'labels.inputs.Own Account' | translate }} </span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.To Office" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.To Office' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.toOffice.name }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Beneficiary" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Beneficiary' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.toClient.displayName }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.To Account Type" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.To Account Type' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.toAccountType.value }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.To Account" | translate}}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.toAccount.productName }} - {{standingInstructionsData.toAccount.accountNo}}</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.To Account' | translate }}:</span>
|
||||
<span fxFlex="60%"
|
||||
>{{ standingInstructionsData.toAccount.productName }} -
|
||||
{{ standingInstructionsData.toAccount.accountNo }}</span
|
||||
>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Standing Instruction Type" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Standing Instruction Type' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.instructionType.value }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Amount" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Amount' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.amount }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Validity" | translate}}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.validFrom | dateFormat }} - {{ standingInstructionsData.validTill | dateFormat }}</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Validity' | translate }}:</span>
|
||||
<span fxFlex="60%"
|
||||
>{{ standingInstructionsData.validFrom | dateFormat }} -
|
||||
{{ standingInstructionsData.validTill | dateFormat }}</span
|
||||
>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Recurrence Type" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Recurrence Type' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.recurrenceType.value }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Interval" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Interval' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.recurrenceInterval }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.Recurrence Frequency" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.Recurrence Frequency' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.recurrenceFrequency.value }}</span>
|
||||
</div>
|
||||
|
||||
<div fxFlexFill>
|
||||
<span fxFlex="40%">{{"labels.inputs.On Month Day" | translate}}:</span>
|
||||
<span fxFlex="40%">{{ 'labels.inputs.On Month Day' | translate }}:</span>
|
||||
<span fxFlex="60%">{{ standingInstructionsData.recurrenceOnMonthDay | dateFormat }}</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</mat-card-content>
|
||||
|
||||
</mat-card>
|
||||
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user