101 lines
4.0 KiB
HTML
101 lines
4.0 KiB
HTML
<!--
|
|
Copyright since 2025 Mifos Initiative
|
|
|
|
This Source Code Form is subject to the terms of the Mozilla Public
|
|
License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
-->
|
|
|
|
<div class="tab-container mat-typography">
|
|
<div class="m-b-10">
|
|
<h3>{{ 'labels.heading.All Standing Instructions' | translate }}</h3>
|
|
</div>
|
|
|
|
<div class="mat-elevation-z1 m-b-25">
|
|
<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 }}
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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 }}
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="actions">
|
|
<th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Actions' | translate }}</th>
|
|
<td mat-cell *matCellDef="let instruction">
|
|
@if (instruction.status.value !== 'Deleted') {
|
|
<span>
|
|
<button
|
|
class="account-action-button"
|
|
mat-raised-button
|
|
color="primary"
|
|
matTooltip="{{ 'tooltips.Edit Standing Instruction' | translate }}"
|
|
*mifosxHasPermission="'UPDATE_STANDINGINSTRUCTION'"
|
|
>
|
|
<i class="fa fa-edit"></i>
|
|
</button>
|
|
</span>
|
|
}
|
|
@if (instruction.status.value !== 'Deleted') {
|
|
<span>
|
|
<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 }}"
|
|
*mifosxHasPermission="'READ_STANDINGINSTRUCTION'"
|
|
>
|
|
<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>
|
|
</table>
|
|
</div>
|
|
</div>
|