76 lines
2.8 KiB
HTML
76 lines
2.8 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="cv-tab-content">
|
|
@if (showData) {
|
|
<div class="cv-action-bar">
|
|
<mat-form-field appearance="outline" class="cv-search-field">
|
|
<mat-icon matPrefix>search</mat-icon>
|
|
<input matInput placeholder="Search accounts..." (keyup)="applyFilter($event.target['value'])" />
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
<div class="table-container">
|
|
<table mat-table [dataSource]="dataSource" class="modern-table">
|
|
<ng-container matColumnDef="accountNo">
|
|
<th mat-header-cell *matHeaderCellDef>Account No</th>
|
|
<td mat-cell *matCellDef="let row" class="cell-mono">{{ row.accountNo }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="clientName">
|
|
<th mat-header-cell *matHeaderCellDef>Client Name</th>
|
|
<td mat-cell *matCellDef="let row">{{ row.clientName }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="productName">
|
|
<th mat-header-cell *matHeaderCellDef>Product</th>
|
|
<td mat-cell *matCellDef="let row">{{ row.savingsProductName || row.productName }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="accountType">
|
|
<th mat-header-cell *matHeaderCellDef>Type</th>
|
|
<td mat-cell *matCellDef="let row">{{ row.accountType }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="officeName">
|
|
<th mat-header-cell *matHeaderCellDef>Office</th>
|
|
<td mat-cell *matCellDef="let row">{{ row.officeName }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="submittedOnDate">
|
|
<th mat-header-cell *matHeaderCellDef>Submitted On</th>
|
|
<td mat-cell *matCellDef="let row">{{ formatDate(row.timeline?.submittedOnDate || row.submittedOnDate) }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="status">
|
|
<th mat-header-cell *matHeaderCellDef>Status</th>
|
|
<td mat-cell *matCellDef="let row">
|
|
<span class="status-badge status-badge--terminated">Terminated</span>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
|
<tr
|
|
mat-row
|
|
*matRowDef="let row; columns: displayedColumns"
|
|
(click)="navigateToAccount(row)"
|
|
class="table-row"
|
|
></tr>
|
|
</table>
|
|
</div>
|
|
}
|
|
|
|
@if (!showData) {
|
|
<div class="empty-state">
|
|
<i class="fas fa-times-circle empty-icon"></i>
|
|
<p class="empty-title">No terminated accounts</p>
|
|
<p class="empty-text">Accounts marked for termination will appear here.</p>
|
|
</div>
|
|
}
|
|
</div>
|