+
+
+
+
+
+
+
diff --git a/src/app/sponsor-dd-reconciliation/reco-batch-list/reco-batch-list.component.ts b/src/app/sponsor-dd-reconciliation/reco-batch-list/reco-batch-list.component.ts
new file mode 100644
index 000000000..9bebd7216
--- /dev/null
+++ b/src/app/sponsor-dd-reconciliation/reco-batch-list/reco-batch-list.component.ts
@@ -0,0 +1,137 @@
+/**
+ * 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/.
+ */
+
+import { Component, OnInit, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { MatCardModule } from '@angular/material/card';
+import { MatTableModule } from '@angular/material/table';
+import { MatButtonModule } from '@angular/material/button';
+import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { SponsorDDReconciliationService } from '../sponsor-dd-reconciliation.service';
+
+@Component({
+ selector: 'mifosx-reco-batch-list',
+ standalone: true,
+ imports: [
+ CommonModule,
+ RouterModule,
+ MatCardModule,
+ MatTableModule,
+ MatButtonModule,
+ MatSnackBarModule,
+ FaIconComponent
+ ],
+ templateUrl: './reco-batch-list.component.html',
+ styles: [
+ `
+ .reco-container {
+ padding: 24px;
+ max-width: 1200px;
+ margin: 0 auto;
+ }
+ .header-row {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 24px;
+ }
+ .title-area h2 {
+ margin: 0 0 4px 0;
+ font-size: 24px;
+ font-weight: 600;
+ color: #1e293b;
+ }
+ .title-area p {
+ margin: 0;
+ color: #64748b;
+ font-size: 14px;
+ }
+ .mat-mdc-card {
+ border-radius: 12px;
+ border: 1px solid #e2e8f0;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+ overflow: hidden;
+ }
+ table {
+ width: 100%;
+ }
+ th {
+ font-weight: 600;
+ color: #475569;
+ background-color: #f8fafc;
+ }
+ td {
+ color: #334155;
+ }
+ .status-badge {
+ display: inline-flex;
+ align-items: center;
+ padding: 4px 8px;
+ border-radius: 9999px;
+ font-size: 12px;
+ font-weight: 500;
+ }
+ .status-badge.reconciled {
+ background-color: #dcfce7;
+ color: #15803d;
+ }
+ .status-badge.partially_reconciled {
+ background-color: #fef3c7;
+ color: #b45309;
+ }
+ .status-badge.processing {
+ background-color: #dbeafe;
+ color: #1d4ed8;
+ }
+ .status-badge.failed {
+ background-color: #fee2e2;
+ color: #b91c1c;
+ }
+ .action-btn {
+ color: #7c3aed;
+ font-weight: 500;
+ }
+ `
+ ]
+})
+export class RecoBatchListComponent implements OnInit {
+ private recoService = inject(SponsorDDReconciliationService);
+ private snackBar = inject(MatSnackBar);
+
+ displayedColumns: string[] = [
+ 'batchReference',
+ 'fileName',
+ 'status',
+ 'totalRecords',
+ 'totalAmount',
+ 'successCount',
+ 'mismatchCount',
+ 'createdDate',
+ 'actions'
+ ];
+ dataSource: any[] = [];
+
+ ngOnInit(): void {
+ this.loadBatches();
+ }
+
+ loadBatches(): void {
+ this.recoService.getReconciliationBatches().subscribe({
+ next: (data) => {
+ this.dataSource = data;
+ },
+ error: (err) => {
+ this.snackBar.open('Error loading reconciliation batches: ' + (err.error?.message || err.message), 'Close', {
+ duration: 5000
+ });
+ }
+ });
+ }
+}
diff --git a/src/app/sponsor-dd-reconciliation/reco-batch-upload/reco-batch-upload.component.html b/src/app/sponsor-dd-reconciliation/reco-batch-upload/reco-batch-upload.component.html
new file mode 100644
index 000000000..7473c13bd
--- /dev/null
+++ b/src/app/sponsor-dd-reconciliation/reco-batch-upload/reco-batch-upload.component.html
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+ Demand Draft Reconciliation
++ Upload and process daily clearing scroll statements from the Sponsor Bank to auto-match and reconcile issued + drafts. +
+| Batch Reference | ++ {{ element.batchReference }} + | +Clearing File | +{{ element.fileName }} | +Status | ++ + {{ element.status.replace('_', ' ') }} + + | +Total Items | +{{ element.totalRecords }} | +Total Amount | +₹{{ element.totalAmount | number: '1.2-2' }} | +Matched | ++ {{ element.successCount }} + | +Exceptions | ++ {{ element.mismatchCount }} + | +Uploaded On | +{{ element.createdDate | date: 'medium' }} | +Actions | ++ + | +
|---|
+ No clearing files uploaded yet. Click "Upload Clearing Scroll" to reconcile clearing sheets.
+
+
+
+
+
diff --git a/src/app/sponsor-dd-reconciliation/reco-batch-upload/reco-batch-upload.component.ts b/src/app/sponsor-dd-reconciliation/reco-batch-upload/reco-batch-upload.component.ts
new file mode 100644
index 000000000..d0db7ede4
--- /dev/null
+++ b/src/app/sponsor-dd-reconciliation/reco-batch-upload/reco-batch-upload.component.ts
@@ -0,0 +1,176 @@
+/**
+ * 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/.
+ */
+
+import { Component, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Router, RouterModule } from '@angular/router';
+import { FormsModule } from '@angular/forms';
+import { MatCardModule } from '@angular/material/card';
+import { MatButtonModule } from '@angular/material/button';
+import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { SponsorDDReconciliationService } from '../sponsor-dd-reconciliation.service';
+
+@Component({
+ selector: 'mifosx-reco-batch-upload',
+ standalone: true,
+ imports: [
+ CommonModule,
+ RouterModule,
+ FormsModule,
+ MatCardModule,
+ MatButtonModule,
+ MatSnackBarModule,
+ MatProgressBarModule,
+ FaIconComponent
+ ],
+ templateUrl: './reco-batch-upload.component.html',
+ styles: [
+ `
+ .upload-container {
+ padding: 24px;
+ max-width: 600px;
+ margin: 0 auto;
+ }
+ .header-row {
+ margin-bottom: 24px;
+ }
+ .header-row h2 {
+ margin: 0 0 4px 0;
+ font-size: 24px;
+ font-weight: 600;
+ color: #1e293b;
+ }
+ .header-row p {
+ margin: 0;
+ color: #64748b;
+ font-size: 14px;
+ }
+ .mat-mdc-card {
+ border-radius: 12px;
+ border: 1px solid #e2e8f0;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+ padding: 32px;
+ }
+ .dropzone {
+ border: 2px dashed #cbd5e1;
+ border-radius: 8px;
+ padding: 40px 20px;
+ text-align: center;
+ background-color: #f8fafc;
+ cursor: pointer;
+ transition:
+ border-color 0.2s,
+ background-color 0.2s;
+ }
+ .dropzone:hover {
+ border-color: #7c3aed;
+ background-color: #f1f5f9;
+ }
+ .dropzone-icon {
+ font-size: 48px;
+ color: #94a3b8;
+ margin-bottom: 16px;
+ }
+ .file-details {
+ margin-top: 24px;
+ padding: 16px;
+ background-color: #f1f5f9;
+ border-radius: 6px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+ .file-name {
+ font-weight: 500;
+ color: #334155;
+ }
+ .file-size {
+ font-size: 12px;
+ color: #64748b;
+ }
+ .actions {
+ display: flex;
+ justify-content: flex-end;
+ gap: 12px;
+ margin-top: 24px;
+ }
+ .progress-section {
+ margin-top: 24px;
+ text-align: center;
+ }
+ .progress-text {
+ font-size: 12px;
+ color: #64748b;
+ margin-top: 8px;
+ }
+ `
+ ]
+})
+export class RecoBatchUploadComponent {
+ private recoService = inject(SponsorDDReconciliationService);
+ private router = inject(Router);
+ private snackBar = inject(MatSnackBar);
+
+ selectedFile: File | null = null;
+ loading = false;
+ progressMessage = '';
+
+ onFileSelected(event: any): void {
+ const file = event.target.files[0];
+ if (file) {
+ this.selectedFile = file;
+ }
+ }
+
+ triggerFileSelect(fileInput: HTMLInputElement): void {
+ fileInput.click();
+ }
+
+ onSubmit(): void {
+ if (!this.selectedFile) return;
+
+ this.loading = true;
+ this.progressMessage = 'Reading file and preparing upload payload...';
+
+ const reader = new FileReader();
+ reader.onload = () => {
+ const fileContent = reader.result as string;
+ this.progressMessage = 'Uploading clearing scroll for processing...';
+
+ this.recoService
+ .uploadClearingScroll({
+ fileName: this.selectedFile!.name,
+ fileContent: fileContent
+ })
+ .subscribe({
+ next: (res) => {
+ this.snackBar.open(
+ `Reconciliation batch processed successfully. ${res.successCount} matched, ${res.mismatchCount} exceptions.`,
+ 'Close',
+ { duration: 7000 }
+ );
+ this.router.navigate([
+ '/sponsor-dd-reconciliation/batches',
+ res.id
+ ]);
+ },
+ error: (err) => {
+ this.loading = false;
+ this.progressMessage = '';
+ this.snackBar.open('Reconciliation failed: ' + (err.error?.message || err.message), 'Close', {
+ duration: 6000
+ });
+ }
+ });
+ };
+
+ reader.readAsDataURL(this.selectedFile); // Reads as Base64 Data URL, which our backend decodes safely.
+ }
+}
diff --git a/src/app/sponsor-dd-reconciliation/sponsor-dd-reconciliation-routing.module.ts b/src/app/sponsor-dd-reconciliation/sponsor-dd-reconciliation-routing.module.ts
new file mode 100644
index 000000000..f8d1dcf2f
--- /dev/null
+++ b/src/app/sponsor-dd-reconciliation/sponsor-dd-reconciliation-routing.module.ts
@@ -0,0 +1,51 @@
+/**
+ * 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/.
+ */
+
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { Route } from '../core/route/route.service';
+import { RecoBatchListComponent } from './reco-batch-list/reco-batch-list.component';
+import { RecoBatchUploadComponent } from './reco-batch-upload/reco-batch-upload.component';
+import { RecoBatchDetailComponent } from './reco-batch-detail/reco-batch-detail.component';
+
+const routes: Routes = [
+ Route.withShell([
+ {
+ path: 'sponsor-dd-reconciliation',
+ data: { title: 'DD Reconciliation', breadcrumb: 'DD Reconciliation' },
+ children: [
+ {
+ path: '',
+ redirectTo: 'batches',
+ pathMatch: 'full'
+ },
+ {
+ path: 'batches',
+ component: RecoBatchListComponent,
+ data: { title: 'Reconciliation Batches', breadcrumb: 'Batches' }
+ },
+ {
+ path: 'upload',
+ component: RecoBatchUploadComponent,
+ data: { title: 'Upload Clearing Scroll', breadcrumb: 'Upload' }
+ },
+ {
+ path: 'batches/:batchId',
+ component: RecoBatchDetailComponent,
+ data: { title: 'Batch Details', breadcrumb: 'Batch Details' }
+ }
+ ]
+ }
+ ])
+];
+
+@NgModule({
+ imports: [RouterModule.forChild(routes)],
+ exports: [RouterModule]
+})
+export class SponsorDDReconciliationRoutingModule {}
diff --git a/src/app/sponsor-dd-reconciliation/sponsor-dd-reconciliation.module.ts b/src/app/sponsor-dd-reconciliation/sponsor-dd-reconciliation.module.ts
new file mode 100644
index 000000000..51feea6af
--- /dev/null
+++ b/src/app/sponsor-dd-reconciliation/sponsor-dd-reconciliation.module.ts
@@ -0,0 +1,23 @@
+/**
+ * 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/.
+ */
+
+import { NgModule } from '@angular/core';
+import { SponsorDDReconciliationRoutingModule } from './sponsor-dd-reconciliation-routing.module';
+import { RecoBatchListComponent } from './reco-batch-list/reco-batch-list.component';
+import { RecoBatchUploadComponent } from './reco-batch-upload/reco-batch-upload.component';
+import { RecoBatchDetailComponent } from './reco-batch-detail/reco-batch-detail.component';
+
+@NgModule({
+ imports: [
+ SponsorDDReconciliationRoutingModule,
+ RecoBatchListComponent,
+ RecoBatchUploadComponent,
+ RecoBatchDetailComponent
+ ]
+})
+export class SponsorDDReconciliationModule {}
diff --git a/src/app/sponsor-dd-reconciliation/sponsor-dd-reconciliation.service.ts b/src/app/sponsor-dd-reconciliation/sponsor-dd-reconciliation.service.ts
new file mode 100644
index 000000000..dc99ff212
--- /dev/null
+++ b/src/app/sponsor-dd-reconciliation/sponsor-dd-reconciliation.service.ts
@@ -0,0 +1,45 @@
+/**
+ * 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/.
+ */
+
+import { Injectable, inject } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class SponsorDDReconciliationService {
+ private http = inject(HttpClient);
+
+ getReconciliationBatches(): Observable
+
+
+
+ Upload Sponsor Clearing Scroll
+Upload a CSV format clearing scroll file containing Sponsor Bank draft payments.
+
+
+
+
+
+ Choose a clearing file or drag & drop it here
+Supports only .csv format files.
+
+
+
+
+
+
+ {{ selectedFile.name }}
+ {{ selectedFile.size / 1024 | number: '1.1-1' }} KB
+
+
+
+ {{ progressMessage }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/sponsor-dd/dd-inventory-list/dd-inventory-list.component.ts b/src/app/sponsor-dd/dd-inventory-list/dd-inventory-list.component.ts
new file mode 100644
index 000000000..edd2f06f9
--- /dev/null
+++ b/src/app/sponsor-dd/dd-inventory-list/dd-inventory-list.component.ts
@@ -0,0 +1,345 @@
+/**
+ * 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/.
+ */
+
+import { Component, OnInit, inject } from '@angular/core';
+import { CommonModule, DatePipe } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { FormsModule, ReactiveFormsModule, FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { MatCardModule } from '@angular/material/card';
+import { MatTableModule } from '@angular/material/table';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDialog, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatNativeDateModule } from '@angular/material/core';
+import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { HttpClient } from '@angular/common/http';
+import { SponsorDDService } from '../sponsor-dd.service';
+
+@Component({
+ selector: 'mifosx-dd-inventory-list',
+ standalone: true,
+ imports: [
+ CommonModule,
+ RouterModule,
+ MatCardModule,
+ MatTableModule,
+ MatButtonModule,
+ MatDialogModule,
+ MatSnackBarModule,
+ FaIconComponent
+ ],
+ templateUrl: './dd-inventory-list.component.html',
+ styles: [
+ `
+ .inventory-container {
+ padding: 24px;
+ max-width: 1200px;
+ margin: 0 auto;
+ }
+ .header-row {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 24px;
+ }
+ .title-area h2 {
+ margin: 0 0 4px 0;
+ font-size: 24px;
+ font-weight: 600;
+ color: #1e293b;
+ }
+ .title-area p {
+ margin: 0;
+ color: #64748b;
+ font-size: 14px;
+ }
+ .mat-mdc-card {
+ border-radius: 12px;
+ border: 1px solid #e2e8f0;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+ overflow: hidden;
+ }
+ table {
+ width: 100%;
+ }
+ th {
+ font-weight: 600;
+ color: #475569;
+ background-color: #f8fafc;
+ }
+ td {
+ color: #334155;
+ }
+ .status-badge {
+ display: inline-flex;
+ align-items: center;
+ padding: 4px 8px;
+ border-radius: 9999px;
+ font-size: 12px;
+ font-weight: 500;
+ }
+ .status-badge.active {
+ background-color: #dcfce7;
+ color: #15803d;
+ }
+ .status-badge.exhausted {
+ background-color: #f1f5f9;
+ color: #475569;
+ }
+ .action-btn {
+ color: #7c3aed;
+ font-weight: 500;
+ }
+ .leaves-low {
+ color: #b91c1c;
+ font-weight: 600;
+ }
+ `
+ ]
+})
+export class DdInventoryListComponent implements OnInit {
+ private sponsorDDService = inject(SponsorDDService);
+ private dialog = inject(MatDialog);
+ private snackBar = inject(MatSnackBar);
+
+ displayedColumns: string[] = [
+ 'id',
+ 'sponsorBankName',
+ 'branchName',
+ 'seriesStart',
+ 'seriesEnd',
+ 'totalLeaves',
+ 'availableLeaves',
+ 'receivedDate',
+ 'status',
+ 'actions'
+ ];
+ dataSource: any[] = [];
+
+ ngOnInit(): void {
+ this.loadInventories();
+ }
+
+ loadInventories(): void {
+ this.sponsorDDService.getInventories().subscribe({
+ next: (data) => {
+ this.dataSource = data;
+ },
+ error: (err) => {
+ this.snackBar.open('Error loading inventories: ' + (err.error?.message || err.message), 'Close', {
+ duration: 5000
+ });
+ }
+ });
+ }
+
+ openAddInventoryDialog(): void {
+ const dialogRef = this.dialog.open(AddInventoryDialogComponent, {
+ width: '500px',
+ disableClose: true
+ });
+
+ dialogRef.afterClosed().subscribe((result) => {
+ if (result) {
+ this.loadInventories();
+ }
+ });
+ }
+}
+
+// ── ADD INVENTORY DIALOG COMPONENT ──
+@Component({
+ selector: 'mifosx-add-inventory-dialog',
+ standalone: true,
+ imports: [
+ CommonModule,
+ FormsModule,
+ ReactiveFormsModule,
+ MatDialogModule,
+ MatFormFieldModule,
+ MatInputModule,
+ MatSelectModule,
+ MatDatepickerModule,
+ MatNativeDateModule,
+ MatButtonModule
+ ],
+ providers: [DatePipe],
+ template: `
+
+
+
+
+
+
+ Sponsor Bank DD Inventory
+Manage allocated ranges of physical Demand Draft leaflets received from Sponsor Banks.
+| Batch ID | +{{ element.id }} | +Sponsor Bank | +{{ element.sponsorBankName }} | +Branch | +{{ element.branchName }} | +Start No. | +{{ element.seriesStart }} | +End No. | +{{ element.seriesEnd }} | +Total Leaves | +{{ element.totalLeaves }} | +Available Leaves | ++ {{ element.availableLeaves }} + | +Received Date | +{{ element.receivedDate }} | +Status | ++ + {{ element.status }} + + | +Actions | ++ + | +
|---|
+ No DD series registered yet. Click "Register DD Series" to add stock.
+
+ Add Sponsor DD Inventory
+
+
+ Search by DD Leaflet No.
+
+
+
+
+
+
+
+
+
diff --git a/src/app/sponsor-dd/dd-issue-approvals/dd-issue-approvals.component.ts b/src/app/sponsor-dd/dd-issue-approvals/dd-issue-approvals.component.ts
new file mode 100644
index 000000000..2354fda34
--- /dev/null
+++ b/src/app/sponsor-dd/dd-issue-approvals/dd-issue-approvals.component.ts
@@ -0,0 +1,399 @@
+/**
+ * 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/.
+ */
+
+import { Component, OnInit, AfterViewInit, ViewChild, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { FormsModule, ReactiveFormsModule, FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { MatCardModule } from '@angular/material/card';
+import { MatTableModule, MatTableDataSource } from '@angular/material/table';
+import { MatPaginatorModule, MatPaginator } from '@angular/material/paginator';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDialog, MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
+import { SponsorDDService } from '../sponsor-dd.service';
+import { SignatureSettingsDialogComponent } from '../signature-settings-dialog/signature-settings-dialog.component';
+
+@Component({
+ selector: 'mifosx-dd-issue-approvals',
+ standalone: true,
+ imports: [
+ CommonModule,
+ RouterModule,
+ MatCardModule,
+ MatTableModule,
+ MatPaginatorModule,
+ MatButtonModule,
+ MatDialogModule,
+ MatSnackBarModule,
+ MatFormFieldModule,
+ MatInputModule
+ ],
+ templateUrl: './dd-issue-approvals.component.html',
+ styles: [
+ `
+ .approvals-container {
+ padding: 24px;
+ max-width: 1300px;
+ margin: 0 auto;
+ }
+ .header-row {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+ margin-bottom: 24px;
+ }
+ .title-area h2 {
+ margin: 0 0 4px 0;
+ font-size: 24px;
+ font-weight: 600;
+ color: #1e293b;
+ }
+ .title-area p {
+ margin: 0;
+ color: #64748b;
+ font-size: 14px;
+ }
+ .search-field {
+ width: 320px;
+ display: block;
+ margin-bottom: 8px;
+ }
+ .mat-mdc-card {
+ border-radius: 12px;
+ border: 1px solid #e2e8f0;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+ overflow: hidden;
+ }
+ table {
+ width: 100%;
+ }
+ th {
+ font-weight: 600;
+ color: #475569;
+ background-color: #f8fafc;
+ }
+ td {
+ color: #334155;
+ }
+ .status-badge {
+ display: inline-flex;
+ align-items: center;
+ padding: 4px 8px;
+ border-radius: 9999px;
+ font-size: 12px;
+ font-weight: 500;
+ }
+ .status-badge.pending {
+ background-color: #fef3c7;
+ color: #b45309;
+ }
+ .status-badge.approved {
+ background-color: #dcfce7;
+ color: #15803d;
+ }
+ .status-badge.rejected {
+ background-color: #fee2e2;
+ color: #b91c1c;
+ }
+ .action-btn-group {
+ display: flex;
+ gap: 8px;
+ }
+ .status-filter-row {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px;
+ margin-bottom: 16px;
+ }
+ .status-filter-row button.filter-active {
+ background-color: #ede9fe;
+ }
+ .filter-count {
+ color: #64748b;
+ margin-left: 4px;
+ }
+ `
+ ]
+})
+export class DdIssueApprovalsComponent implements OnInit, AfterViewInit {
+ private sponsorDDService = inject(SponsorDDService);
+ private dialog = inject(MatDialog);
+ private snackBar = inject(MatSnackBar);
+
+ @ViewChild(MatPaginator) paginator!: MatPaginator;
+
+ displayedColumns: string[] = [
+ 'id',
+ 'ddNumber',
+ 'clientName',
+ 'beneficiaryName',
+ 'faceValue',
+ 'paymentMethod',
+ 'paymentType',
+ 'status',
+ 'makerUsername',
+ 'createdDate',
+ 'actions'
+ ];
+ dataSource = new MatTableDataSource
+
+
+
+
+
+ DD Issuance Approvals
++ Review and approve/reject DD issuance requests submitted by clerks. Approving posts the real GL entries and + issues the draft. +
+
+
+
+
+ | Req. ID | +{{ element.id }} | +DD No. | +
+ {{ element.ddNumber }}
+
+ Slip · {{ batchSiblingCount(element) }} drafts
+
+ |
+ Client | +{{ element.clientName }} | +Beneficiary | +{{ element.beneficiaryName }} | +Face Value | +{{ element.faceValue | number: '1.2-2' }} | +Payment Method | +
+ |
+ Payment Type | +{{ paymentTypeLabel(element) }} | +Status | ++ + {{ element.status }} + + | +Submitted By | +{{ element.makerUsername }} | +Submitted On | +{{ element.createdDate | date: 'dd MMM yyyy, HH:mm' }} | +Actions | +
+
+
+
+
+
+ Approving/rejecting applies to all {{ batchSiblingCount(element) }} drafts in this slip.
+
+
+ Cash received: GL entry #{{ element.cashReceiptJournalEntryId }} (pending approval)
+
+
+
+ {{ element.rejectionReason }}
+
+ Cash refunded to purchaser: GL entry #{{ element.cashRefundJournalEntryId }}
+
+
+
+
+ Savings txn #{{ element.resultingSavingsTransactionId }}
+
+
+ Current txn #{{ element.resultingCurrentTransactionId }}
+
+
+ Cash received: GL entry #{{ element.cashReceiptJournalEntryId }}
+
+ GL entry #{{ element.resultingJournalEntryId }}
+ by {{ element.checkerUsername }}, {{ element.checkerDate | date: 'dd MMM, HH:mm' }}
+ |
+
|---|
+ No DD issuance requests match the selected filter.
+
+
+ + Reject DD Issuance {{ data.request.batchId ? 'Slip' : 'Request' }} (DD No: {{ data.request.ddNumber + }}{{ data.siblingCount > 1 ? ' + ' + (data.siblingCount - 1) + ' more' : '' }}) +
++ This slip has {{ data.siblingCount }} drafts — rejecting applies to all of them together. +
+ +
+
+ Search by DD Leaflet No.
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/sponsor-dd/dd-list/dd-list.component.ts b/src/app/sponsor-dd/dd-list/dd-list.component.ts
new file mode 100644
index 000000000..01bf708a3
--- /dev/null
+++ b/src/app/sponsor-dd/dd-list/dd-list.component.ts
@@ -0,0 +1,1772 @@
+/**
+ * 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/.
+ */
+
+import { Component, OnInit, AfterViewInit, ViewChild, inject } from '@angular/core';
+import { CommonModule, DatePipe } from '@angular/common';
+import { ActivatedRoute, RouterModule } from '@angular/router';
+import { FormsModule, ReactiveFormsModule, FormBuilder, FormGroup, FormArray, Validators } from '@angular/forms';
+import { MatCardModule } from '@angular/material/card';
+import { MatTableModule, MatTableDataSource } from '@angular/material/table';
+import { MatPaginatorModule, MatPaginator } from '@angular/material/paginator';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDialog, MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatNativeDateModule } from '@angular/material/core';
+import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { HttpClient } from '@angular/common/http';
+import { debounceTime } from 'rxjs/operators';
+import { SponsorDDService } from '../sponsor-dd.service';
+
+@Component({
+ selector: 'mifosx-dd-list',
+ standalone: true,
+ imports: [
+ CommonModule,
+ RouterModule,
+ MatCardModule,
+ MatTableModule,
+ MatPaginatorModule,
+ MatButtonModule,
+ MatDialogModule,
+ MatSnackBarModule,
+ MatFormFieldModule,
+ MatInputModule,
+ FaIconComponent
+ ],
+ templateUrl: './dd-list.component.html',
+ styles: [
+ `
+ .leaflet-container {
+ padding: 24px;
+ max-width: 1200px;
+ margin: 0 auto;
+ }
+ .header-row {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 24px;
+ }
+ .title-area h2 {
+ margin: 0 0 4px 0;
+ font-size: 24px;
+ font-weight: 600;
+ color: #1e293b;
+ }
+ .title-area p {
+ margin: 0;
+ color: #64748b;
+ font-size: 14px;
+ }
+ .search-field {
+ width: 320px;
+ display: block;
+ margin-bottom: 8px;
+ }
+ .mat-mdc-card {
+ border-radius: 12px;
+ border: 1px solid #e2e8f0;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+ overflow: hidden;
+ }
+ table {
+ width: 100%;
+ }
+ th {
+ font-weight: 600;
+ color: #475569;
+ background-color: #f8fafc;
+ }
+ td {
+ color: #334155;
+ }
+ .status-badge {
+ display: inline-flex;
+ align-items: center;
+ padding: 4px 8px;
+ border-radius: 9999px;
+ font-size: 12px;
+ font-weight: 500;
+ }
+ .status-badge.available {
+ background-color: #dcfce7;
+ color: #15803d;
+ }
+ .status-badge.issued {
+ background-color: #dbeafe;
+ color: #1d4ed8;
+ }
+ .status-badge.cleared {
+ background-color: #f1f5f9;
+ color: #475569;
+ }
+ .status-badge.cancelled {
+ background-color: #fee2e2;
+ color: #b91c1c;
+ }
+ .status-badge.stopped {
+ background-color: #fef3c7;
+ color: #b45309;
+ }
+ .action-btn-group {
+ display: flex;
+ gap: 8px;
+ }
+ .pending-badge {
+ display: inline-flex;
+ align-items: center;
+ padding: 4px 10px;
+ border-radius: 9999px;
+ font-size: 12px;
+ font-weight: 500;
+ background-color: #fef3c7;
+ color: #b45309;
+ }
+ .status-filter-row {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px;
+ margin-bottom: 16px;
+ }
+ .status-filter-row button.filter-active {
+ background-color: #ede9fe;
+ }
+ .filter-count {
+ color: #64748b;
+ margin-left: 4px;
+ }
+ .hint-text {
+ color: #64748b;
+ font-size: 13px;
+ margin: -8px 0 16px 0;
+ }
+ `
+ ]
+})
+export class DdListComponent implements OnInit, AfterViewInit {
+ private sponsorDDService = inject(SponsorDDService);
+ private route = inject(ActivatedRoute);
+ private dialog = inject(MatDialog);
+ private snackBar = inject(MatSnackBar);
+
+ @ViewChild(MatPaginator) paginator!: MatPaginator;
+
+ inventoryId!: number;
+ inventoryDetails: any = null;
+ displayedColumns: string[] = [
+ 'ddNumber',
+ 'status',
+ 'faceValue',
+ 'issuedToClientName',
+ 'beneficiaryName',
+ 'issuedDate',
+ 'adviceStatus',
+ 'actions'
+ ];
+ dataSource = new MatTableDataSource
+
+
+
+
+
+ DD Leaflet Registry
++ Sponsor Bank: {{ inventoryDetails.sponsorBankName }} | Series Range: + {{ inventoryDetails.seriesStart }} - {{ inventoryDetails.seriesEnd }} +
+
+
+
+
+ + Only DDs actually ISSUED today are shown - AVAILABLE, CANCELLED, STOPPED and CLEARED are hidden. Click "Showing All + Dates" above to see everything. +
+ +| DD Leaflet No. | ++ {{ element.ddNumber }} + | +Status | ++ + {{ element.status }} + + | +Face Value | ++ {{ element.faceValue > 0 ? (element.faceValue | number: '1.2-2') : '-' }} + | +Purchaser / Client | +{{ element.issuedToClientName || '-' }} | +Beneficiary | +{{ element.beneficiaryName || '-' }} | +Issued Date | +{{ element.issuedDate || '-' }} | +Advice Status | ++ {{ element.status === 'ISSUED' ? element.adviceStatus : '-' }} + | +Actions | +
+
+
+
+ Pending Approval (Req #{{ element.pendingIssueRequestId }})
+
+
+
+
+
+
+
+ Reprint Pending Approval (Req #{{ element.pendingReprintRequestId }})
+
+
+ |
+
|---|
+ {{ dataSource.data.length === 0 ? 'Loading leaflets...' : 'No leaflets match the selected filter.' }}
+
+
+ Issue Demand Draft (DD No: {{ data.leaflet.ddNumber }})
++ This submits a request to a Bank Manager / Head Cashier for approval. Money only moves (client debited, Sponsor + DD Payable GL credited) once the request is approved. +
+ +DD Slip Submitted — Awaiting Approval
++ Slip #{{ data.result.batchId }} — {{ data.result.lines.length }} draft(s). Leaflet just auto-allocated per line: +
+| DD No. | +Beneficiary | +Face Value (₹) | +
|---|---|---|
| {{ l.ddNumber }} | +{{ l.beneficiaryName }} | +{{ l.faceValue | number: '1.2-2' }} | +
Cancel Demand Draft (DD No: {{ data.leaflet.ddNumber }})
+Request Reprint (DD No: {{ data.leaflet.ddNumber }})
++ This DD has already been printed once. Printing it again requires approval from a Bank Manager / Head Cashier + before you can print it. +
+ +
+
+
+ ![]()
+
+ {{ data.leaflet.ddNumber }}
+ {{ data.leaflet.issuedDate }}
+ {{ data.leaflet.beneficiaryName }}
+ {{ amountInWords }} Only
+ ₹{{ amountInFigures }}/-
+
+ Payable at: {{ payableAtText }}
+
+ ${this.escapeHtml(text)}
`;
+ };
+
+ return `
+
+
+
+
+
+
+
+ ${field(l.ddNumber, p.ddNumber)}
+ ${field(l.issuedDate, p.date)}
+ ${field(l.beneficiaryName, p.payee)}
+ ${field(this.amountInWords + ' Only', p.amountWords)}
+ ${field('₹' + this.amountInFigures + '/-', p.amountFigures)}
+ ${this.payableAtText ? field('Payable at: ' + this.payableAtText, p.payableAt) : ''}
+ ${
+ this.signatureDataUri
+ ? `
`
+ : ''
+ }
+
+
+ `;
+ }
+
+ private escapeHtml(value: string): string {
+ const div = document.createElement('div');
+ div.textContent = value ?? '';
+ return div.innerHTML;
+ }
+
+ private static formatIndianNumber(amount: number): string {
+ const fixed = amount.toFixed(2);
+ const [
+ intPart,
+ decPart
+ ] = fixed.split('.');
+ const isNegative = intPart.startsWith('-');
+ const digits = isNegative ? intPart.slice(1) : intPart;
+ const lastThree = digits.slice(-3);
+ const rest = digits.slice(0, -3);
+ const grouped = rest === '' ? lastThree : rest.replace(/\B(?=(\d{2})+(?!\d))/g, ',') + ',' + lastThree;
+ return (isNegative ? '-' : '') + grouped + '.' + decPart;
+ }
+
+ private static readonly ONES = [
+ '',
+ 'One',
+ 'Two',
+ 'Three',
+ 'Four',
+ 'Five',
+ 'Six',
+ 'Seven',
+ 'Eight',
+ 'Nine',
+ 'Ten',
+ 'Eleven',
+ 'Twelve',
+ 'Thirteen',
+ 'Fourteen',
+ 'Fifteen',
+ 'Sixteen',
+ 'Seventeen',
+ 'Eighteen',
+ 'Nineteen'
+ ];
+ private static readonly TENS = [
+ '',
+ '',
+ 'Twenty',
+ 'Thirty',
+ 'Forty',
+ 'Fifty',
+ 'Sixty',
+ 'Seventy',
+ 'Eighty',
+ 'Ninety'
+ ];
+
+ private static twoDigits(n: number): string {
+ if (n < 20) return PrintDraftDialogComponent.ONES[n];
+ const tens = Math.floor(n / 10);
+ const ones = n % 10;
+ return PrintDraftDialogComponent.TENS[tens] + (ones ? ' ' + PrintDraftDialogComponent.ONES[ones] : '');
+ }
+
+ private static threeDigits(n: number): string {
+ const hundreds = Math.floor(n / 100);
+ const rest = n % 100;
+ let out = hundreds ? PrintDraftDialogComponent.ONES[hundreds] + ' Hundred' : '';
+ if (rest) out += (out ? ' ' : '') + PrintDraftDialogComponent.twoDigits(rest);
+ return out;
+ }
+
+ /** Indian numbering system: crore / lakh / thousand / hundred. */
+ static numberToIndianWords(amount: number): string {
+ if (amount === 0) return 'Zero Rupees';
+ const crore = Math.floor(amount / 10000000);
+ const lakh = Math.floor((amount % 10000000) / 100000);
+ const thousand = Math.floor((amount % 100000) / 1000);
+ const hundred = amount % 1000;
+
+ const parts: string[] = [];
+ if (crore) parts.push(PrintDraftDialogComponent.threeDigits(crore) + ' Crore');
+ if (lakh) parts.push(PrintDraftDialogComponent.threeDigits(lakh) + ' Lakh');
+ if (thousand) parts.push(PrintDraftDialogComponent.threeDigits(thousand) + ' Thousand');
+ if (hundred) parts.push(PrintDraftDialogComponent.threeDigits(hundred));
+
+ return parts.join(' ') + ' Rupees';
+ }
+}
diff --git a/src/app/sponsor-dd/dd-reprint-approvals/dd-reprint-approvals.component.html b/src/app/sponsor-dd/dd-reprint-approvals/dd-reprint-approvals.component.html
new file mode 100644
index 000000000..56725ea6c
--- /dev/null
+++ b/src/app/sponsor-dd/dd-reprint-approvals/dd-reprint-approvals.component.html
@@ -0,0 +1,107 @@
+
+
+
+ Search by DD Leaflet No.
+
+
+
+
+
+
+
+
+
diff --git a/src/app/sponsor-dd/dd-reprint-approvals/dd-reprint-approvals.component.ts b/src/app/sponsor-dd/dd-reprint-approvals/dd-reprint-approvals.component.ts
new file mode 100644
index 000000000..ab8c0b4df
--- /dev/null
+++ b/src/app/sponsor-dd/dd-reprint-approvals/dd-reprint-approvals.component.ts
@@ -0,0 +1,322 @@
+/**
+ * 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/.
+ */
+
+import { Component, OnInit, AfterViewInit, ViewChild, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { FormsModule, ReactiveFormsModule, FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { MatCardModule } from '@angular/material/card';
+import { MatTableModule, MatTableDataSource } from '@angular/material/table';
+import { MatPaginatorModule, MatPaginator } from '@angular/material/paginator';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDialog, MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
+import { SponsorDDService } from '../sponsor-dd.service';
+import { SignatureSettingsDialogComponent } from '../signature-settings-dialog/signature-settings-dialog.component';
+
+@Component({
+ selector: 'mifosx-dd-reprint-approvals',
+ standalone: true,
+ imports: [
+ CommonModule,
+ RouterModule,
+ MatCardModule,
+ MatTableModule,
+ MatPaginatorModule,
+ MatButtonModule,
+ MatDialogModule,
+ MatSnackBarModule,
+ MatFormFieldModule,
+ MatInputModule
+ ],
+ templateUrl: './dd-reprint-approvals.component.html',
+ styles: [
+ `
+ .approvals-container {
+ padding: 24px;
+ max-width: 1100px;
+ margin: 0 auto;
+ }
+ .header-row {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+ margin-bottom: 24px;
+ }
+ .title-area h2 {
+ margin: 0 0 4px 0;
+ font-size: 24px;
+ font-weight: 600;
+ color: #1e293b;
+ }
+ .title-area p {
+ margin: 0;
+ color: #64748b;
+ font-size: 14px;
+ }
+ .search-field {
+ width: 320px;
+ display: block;
+ margin-bottom: 8px;
+ }
+ .mat-mdc-card {
+ border-radius: 12px;
+ border: 1px solid #e2e8f0;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+ overflow: hidden;
+ }
+ table {
+ width: 100%;
+ }
+ th {
+ font-weight: 600;
+ color: #475569;
+ background-color: #f8fafc;
+ }
+ td {
+ color: #334155;
+ }
+ .status-badge {
+ display: inline-flex;
+ align-items: center;
+ padding: 4px 8px;
+ border-radius: 9999px;
+ font-size: 12px;
+ font-weight: 500;
+ }
+ .status-badge.pending {
+ background-color: #fef3c7;
+ color: #b45309;
+ }
+ .status-badge.approved {
+ background-color: #dcfce7;
+ color: #15803d;
+ }
+ .status-badge.rejected {
+ background-color: #fee2e2;
+ color: #b91c1c;
+ }
+ .action-btn-group {
+ display: flex;
+ gap: 8px;
+ }
+ .status-filter-row {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px;
+ margin-bottom: 16px;
+ }
+ .status-filter-row button.filter-active {
+ background-color: #ede9fe;
+ }
+ .filter-count {
+ color: #64748b;
+ margin-left: 4px;
+ }
+ `
+ ]
+})
+export class DdReprintApprovalsComponent implements OnInit, AfterViewInit {
+ private sponsorDDService = inject(SponsorDDService);
+ private dialog = inject(MatDialog);
+ private snackBar = inject(MatSnackBar);
+
+ @ViewChild(MatPaginator) paginator!: MatPaginator;
+
+ displayedColumns: string[] = [
+ 'id',
+ 'ddNumber',
+ 'reason',
+ 'status',
+ 'makerUsername',
+ 'createdDate',
+ 'actions'
+ ];
+ dataSource = new MatTableDataSource
+
+
+
+
+
+ DD Reprint Approvals
++ A DD leaflet can only be printed once without approval. Review and approve/reject requests to print an + already-printed leaflet again. +
+
+
+
+
+ | Req. ID | +{{ element.id }} | +DD No. | ++ {{ element.ddNumber }} + | +Reason | +{{ element.reason }} | +Status | ++ + {{ element.status }} + + | +Requested By | +{{ element.makerUsername }} | +Requested On | +{{ element.createdDate | date: 'dd MMM yyyy, HH:mm' }} | +Actions | +
+
+
+
+
+ {{
+ element.rejectionReason
+ }}
+
+
+ {{ element.consumed ? 'Reprinted' : 'Awaiting print' }}
+ by {{ element.checkerUsername }}, {{ element.checkerDate | date: 'dd MMM, HH:mm' }}
+ |
+
|---|
+ No DD reprint requests match the selected filter.
+
+
+ Reject Reprint Request (DD No: {{ data.request.ddNumber }})
+GST / GL Settings
++ GST is charged on the DD issuance commission/charges only, never on the DD face value. The rate below applies to + every DD submitted from now on - it's locked in per-request at submission time, so changing it here never + affects requests already in flight. +
+ + +My Signature
++ Upload your signature once - it gets stamped onto any Sponsor DD you approve when it's printed. Only used for + DDs you personally approve; other approvers use their own. +
+ +
+ ![Current signature]()
+
+ No signature uploaded yet.
+ + +
+
+
+
+
+
+
+ `,
+ styles: [
+ `
+ .sponsor-bank-container {
+ padding: 24px;
+ max-width: 1000px;
+ margin: 0 auto;
+ }
+ .header-row {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 24px;
+ }
+ .title-area h2 {
+ margin: 0 0 4px 0;
+ font-size: 24px;
+ font-weight: 600;
+ color: #1e293b;
+ }
+ .title-area p {
+ margin: 0;
+ color: #64748b;
+ font-size: 14px;
+ }
+ .mat-mdc-card {
+ border-radius: 12px;
+ border: 1px solid #e2e8f0;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+ overflow: hidden;
+ }
+ table {
+ width: 100%;
+ }
+ th {
+ font-weight: 600;
+ color: #475569;
+ background-color: #f8fafc;
+ }
+ td {
+ color: #334155;
+ }
+ .no-records-row {
+ text-align: center;
+ padding: 32px;
+ color: #64748b;
+ }
+ `
+ ]
+})
+export class SponsorBankListComponent implements OnInit {
+ private http = inject(HttpClient);
+ private dialog = inject(MatDialog);
+ private snackBar = inject(MatSnackBar);
+
+ displayedColumns: string[] = [
+ 'id',
+ 'name',
+ 'description',
+ 'ifscCode',
+ 'bankCode',
+ 'swiftCode'
+ ];
+ dataSource: any[] = [];
+
+ ngOnInit(): void {
+ this.loadSponsorBanks();
+ }
+
+ loadSponsorBanks(): void {
+ this.http.get
+
+
+
+
+
+ Sponsor Banks
+Banks on whose behalf your bank issues demand drafts. Used when registering DD inventory.
+| ID | +{{ element.id }} | +Name | ++ {{ element.name }} + | +Description | +{{ element.description || '-' }} | +IFSC Code | +{{ element.ifscCode || '-' }} | +Bank Code | +{{ element.bankCode || '-' }} | +SWIFT Code | +{{ element.swiftCode || '-' }} | +
|---|
No sponsor banks registered yet.
+ Add Sponsor Bank
+
+ DD Face Value
+ ₹{{ reviewRequest.dd_face_value | number: '1.2-2' }}
+
+
+ Charges
+ ₹{{ reviewRequest.dd_charges | number: '1.2-2' }}
+
+
+ GST ({{ reviewRequest.dd_gst_percentage }}%)
+ ₹{{ reviewRequest.dd_gst_amount | number: '1.2-2' }}
+
+
+ Total Collected
+ ₹{{ reviewRequest.amount | number: '1.2-2' }}
+
+ }
@if (reviewRequest.status === 'REJECTED' && reviewRequest.rejection_reason) {
Rejection Reason
diff --git a/src/app/tasks/checker-inbox-and-tasks-tabs/deposit-requests/deposit-requests.component.ts b/src/app/tasks/checker-inbox-and-tasks-tabs/deposit-requests/deposit-requests.component.ts
index 21b8c8393..66c862d59 100644
--- a/src/app/tasks/checker-inbox-and-tasks-tabs/deposit-requests/deposit-requests.component.ts
+++ b/src/app/tasks/checker-inbox-and-tasks-tabs/deposit-requests/deposit-requests.component.ts
@@ -247,10 +247,12 @@ export class DepositRequestsComponent implements OnInit {
this.actioning = false;
if (res) {
this.reviewRequest.status = 'APPROVED';
+ const voucherNo = res.voucherNo || this.reviewRequest.voucher_no;
this.actionResult = {
type: 'success',
lines: [
'Deposit approved — amount credited to the customer account.',
+ voucherNo ? `Voucher No: ${voucherNo}` : '',
res.txnId ? `Transaction Ref: ${res.txnId}` : ''
].filter(Boolean)
};
diff --git a/src/app/tasks/checker-inbox-and-tasks-tabs/pending-savings-account-edits/pending-savings-account-edits.component.html b/src/app/tasks/checker-inbox-and-tasks-tabs/pending-savings-account-edits/pending-savings-account-edits.component.html
new file mode 100644
index 000000000..d9aaafb86
--- /dev/null
+++ b/src/app/tasks/checker-inbox-and-tasks-tabs/pending-savings-account-edits/pending-savings-account-edits.component.html
@@ -0,0 +1,157 @@
+
+
+;
+ showData = false;
+
+ displayedColumns: string[] = [
+ 'accountNo',
+ 'accountType',
+ 'makerUsername',
+ 'createdOn',
+ 'holdAmount',
+ 'status',
+ 'actions'
+ ];
+
+ selectedEdit: any = null;
+
+ constructor() {
+ this.route.data.subscribe((data: { pendingSavingsAccountEditsData: any; pendingCurrentAccountEditsData: any }) => {
+ const savingsItems = (data.pendingSavingsAccountEditsData || []).map((item: any) => {
+ let type = 'Savings';
+ if (item.depositAccountType === 'FIXED_DEPOSIT') {
+ type = 'Fixed Deposit';
+ } else if (item.depositAccountType === 'RECURRING_DEPOSIT') {
+ type = 'Recurring Deposit';
+ }
+ return {
+ ...item,
+ accountType: type
+ };
+ });
+ const currentItems = (data.pendingCurrentAccountEditsData || []).map((item: any) => ({
+ ...item,
+ accountType: 'Current'
+ }));
+ const items = [
+ ...savingsItems,
+ ...currentItems
+ ];
+ this.showData = items.length > 0;
+ this.dataSource = new MatTableDataSource(items);
+ });
+ }
+
+ applyFilter(filterValue: string = '') {
+ this.dataSource.filter = filterValue.trim().toLowerCase();
+ }
+
+ formatDate(date: any): string {
+ if (!date) return '';
+ const d = Array.isArray(date)
+ ? new Date(date[0], date[1] - 1, date[2], date[3] || 0, date[4] || 0)
+ : new Date(date);
+ return isNaN(d.getTime()) ? String(date) : d.toLocaleString('en-IN');
+ }
+
+ /** Readable list of "key: value" pairs for the proposed facility/nominee changes. */
+ entries(obj: any): { key: string; value: any }[] {
+ if (!obj) return [];
+ return Object.keys(obj).map((key) => ({ key, value: obj[key] }));
+ }
+
+ viewCompare(edit: any): void {
+ this.selectedEdit = this.selectedEdit === edit ? null : edit;
+ }
+
+ closeCompare(): void {
+ this.selectedEdit = null;
+ }
+
+ approve(edit: any): void {
+ const isCurrent = edit.accountType === 'Current';
+ const dialogRef = this.dialog.open(ConfirmationDialogComponent, {
+ data: {
+ heading: isCurrent ? 'Approve Current Account Edit' : 'Approve Savings Account Edit',
+ dialogContext: `Apply the pending Nominee/Digital-Feature edit for account "${edit.accountNo}"? This cannot be undone.`,
+ type: 'basic'
+ }
+ });
+ dialogRef.afterClosed().subscribe((response: any) => {
+ if (response?.confirm) {
+ if (isCurrent) {
+ this.currentAccountsService.approveCurrentAccountEdit(edit.currentAccountId).subscribe(() => this.reload());
+ } else {
+ this.savingsService.approveSavingsAccountEdit(edit.savingsAccountId).subscribe(() => this.reload());
+ }
+ }
+ });
+ }
+
+ reject(edit: any): void {
+ const isCurrent = edit.accountType === 'Current';
+ const formfields: FormfieldBase[] = [
+ new InputBase({
+ controlName: 'rejectReason',
+ label: 'Reason for rejection',
+ value: '',
+ type: 'text',
+ required: false
+ })
+ ];
+ const dialogRef = this.dialog.open(FormDialogComponent, {
+ data: {
+ title: `Reject edit for account "${edit.accountNo}"`,
+ layout: { addButtonText: 'Reject' },
+ formfields
+ }
+ });
+ dialogRef.afterClosed().subscribe((response: any) => {
+ if (response?.data) {
+ const rejectReason = response.data.value.rejectReason || '';
+ if (isCurrent) {
+ this.currentAccountsService
+ .rejectCurrentAccountEdit(edit.currentAccountId, rejectReason)
+ .subscribe(() => this.reload());
+ } else {
+ this.savingsService
+ .rejectSavingsAccountEdit(edit.savingsAccountId, rejectReason)
+ .subscribe(() => this.reload());
+ }
+ }
+ });
+ }
+
+ reload(): void {
+ this.closeCompare();
+ const url = this.router.url;
+ this.router
+ .navigateByUrl('/checker-inbox-and-tasks', { skipLocationChange: true })
+ .then(() => this.router.navigate([url]));
+ }
+}
diff --git a/src/app/tasks/checker-inbox-and-tasks/checker-inbox-and-tasks.component.html b/src/app/tasks/checker-inbox-and-tasks/checker-inbox-and-tasks.component.html
index 7a073ade3..f5c176f5b 100644
--- a/src/app/tasks/checker-inbox-and-tasks/checker-inbox-and-tasks.component.html
+++ b/src/app/tasks/checker-inbox-and-tasks/checker-inbox-and-tasks.component.html
@@ -106,6 +106,18 @@
{
+ return this.currentAccountsService.getAllPendingCurrentAccountEdits();
+ }
+}
diff --git a/src/app/tasks/common-resolvers/getPendingSavingsAccountEdits.resolver.ts b/src/app/tasks/common-resolvers/getPendingSavingsAccountEdits.resolver.ts
new file mode 100644
index 000000000..3bdf0e6b6
--- /dev/null
+++ b/src/app/tasks/common-resolvers/getPendingSavingsAccountEdits.resolver.ts
@@ -0,0 +1,25 @@
+/**
+ * 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/.
+ */
+
+import { Injectable, inject } from '@angular/core';
+import { Resolve } from '@angular/router';
+import { Observable } from 'rxjs';
+import { SavingsService } from 'app/savings/savings.service';
+
+/**
+ * Resolves all savings account Nominee/Digital-Feature edits currently awaiting checker approval,
+ * for the Pending Savings Account Edits screen.
+ */
+@Injectable()
+export class GetPendingSavingsAccountEdits implements Resolve {
+ private savingsService = inject(SavingsService);
+
+ resolve(): Observable {
+ return this.savingsService.getAllPendingSavingsAccountEdits();
+ }
+}
diff --git a/src/app/tasks/tasks-routing.module.ts b/src/app/tasks/tasks-routing.module.ts
index b4050cc5f..2ea67ff26 100644
--- a/src/app/tasks/tasks-routing.module.ts
+++ b/src/app/tasks/tasks-routing.module.ts
@@ -28,6 +28,7 @@ import { RejectedAccountComponent } from './checker-inbox-and-tasks-tabs/rejecte
import { TerminatedAccountComponent } from './checker-inbox-and-tasks-tabs/terminated-account/terminated-account.component';
import { PendingSavingsProductsComponent } from './checker-inbox-and-tasks-tabs/pending-savings-products/pending-savings-products.component';
import { ChequebookRequestsComponent } from './checker-inbox-and-tasks-tabs/chequebook-requests/chequebook-requests.component';
+import { PendingSavingsAccountEditsComponent } from './checker-inbox-and-tasks-tabs/pending-savings-account-edits/pending-savings-account-edits.component';
import { ViewCheckerInboxComponent } from './view-checker-inbox/view-checker-inbox.component';
/** Custom Resolvers */
@@ -43,6 +44,8 @@ import { GetPendingAccounts } from './common-resolvers/getPendingAccounts.resolv
import { GetRejectedAccounts } from './common-resolvers/getRejectedAccounts.resolver';
import { GetTerminatedAccounts } from './common-resolvers/getTerminatedAccounts.resolver';
import { GetPendingSavingsProducts } from './common-resolvers/getPendingSavingsProducts.resolver';
+import { GetPendingSavingsAccountEdits } from './common-resolvers/getPendingSavingsAccountEdits.resolver';
+import { GetPendingCurrentAccountEdits } from './common-resolvers/getPendingCurrentAccountEdits.resolver';
/** Tasks Routes */
const routes: Routes = [
@@ -126,6 +129,19 @@ const routes: Routes = [
pendingSavingsProductsData: GetPendingSavingsProducts
}
},
+ {
+ path: 'pending-savings-account-edits',
+ component: PendingSavingsAccountEditsComponent,
+ data: { title: 'Pending Account Edits' },
+ resolve: {
+ pendingSavingsAccountEditsData: GetPendingSavingsAccountEdits,
+ pendingCurrentAccountEditsData: GetPendingCurrentAccountEdits
+ }
+ },
+ {
+ path: 'pending-current-account-edits',
+ redirectTo: 'pending-savings-account-edits'
+ },
{
path: 'withdrawal-requests',
component: WithdrawalRequestsComponent,
@@ -203,7 +219,9 @@ const routes: Routes = [
GetPendingAccounts,
GetRejectedAccounts,
GetTerminatedAccounts,
- GetPendingSavingsProducts
+ GetPendingSavingsProducts,
+ GetPendingSavingsAccountEdits,
+ GetPendingCurrentAccountEdits
]
})
export class TasksRoutingModule {}
+ @if (showData) {
+
+
+
diff --git a/src/app/tasks/checker-inbox-and-tasks-tabs/pending-savings-account-edits/pending-savings-account-edits.component.scss b/src/app/tasks/checker-inbox-and-tasks-tabs/pending-savings-account-edits/pending-savings-account-edits.component.scss
new file mode 100644
index 000000000..81f4fff23
--- /dev/null
+++ b/src/app/tasks/checker-inbox-and-tasks-tabs/pending-savings-account-edits/pending-savings-account-edits.component.scss
@@ -0,0 +1,215 @@
+/**
+ * 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/.
+ */
+
+$border: #e2e8f0;
+$text-muted: #64748b;
+
+.psae-tab-content {
+ padding: 16px 0;
+}
+
+.psae-action-bar {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ margin-bottom: 16px;
+ flex-wrap: wrap;
+}
+
+.psae-search-field {
+ flex: 1;
+ min-width: 200px;
+ max-width: 320px;
+}
+
+.psae-btn {
+ font-size: 11.5px;
+ font-weight: 600;
+ border-radius: 8px !important;
+ height: 32px;
+ padding: 0 10px;
+ margin-right: 6px;
+
+ fa-icon {
+ margin-right: 4px;
+ font-size: 11px;
+ }
+}
+
+.psae-btn-view {
+ border-color: #2563eb;
+ color: #2563eb;
+
+ &:hover {
+ background: #eff6ff;
+ }
+}
+
+.psae-btn-approve {
+ border-color: #16a34a;
+ color: #16a34a;
+
+ &:hover {
+ background: #f0fdf4;
+ }
+}
+
+.psae-btn-reject {
+ border-color: #dc2626;
+ color: #dc2626;
+
+ &:hover {
+ background: #fef2f2;
+ }
+}
+
+.status-badge {
+ display: inline-flex;
+ align-items: center;
+ padding: 2px 10px;
+ border-radius: 20px;
+ font-size: 11px;
+ font-weight: 600;
+
+ &--pending {
+ background: #fef9c3;
+ color: #854d0e;
+ }
+
+ &--hold {
+ background: #ffedd5;
+ color: #9a3412;
+ }
+
+ &--savings {
+ background: #e0f2fe;
+ color: #0369a1;
+ }
+
+ &--current {
+ background: #f3e8ff;
+ color: #6b21a8;
+ }
+
+ &--fd {
+ background: #fef2f2;
+ color: #991b1b;
+ }
+
+ &--rd {
+ background: #ecfdf5;
+ color: #065f46;
+ }
+}
+
+.psae-diff-panel {
+ margin-top: 20px;
+ border: 1px solid $border;
+ border-radius: 12px;
+ background: #fff;
+ padding: 16px;
+}
+
+.psae-diff-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+ h3 {
+ margin: 0;
+ font-size: 14px;
+ font-weight: 700;
+ }
+}
+
+.psae-diff-block {
+ margin-top: 16px;
+
+ h4 {
+ margin: 0 0 6px;
+ font-size: 12.5px;
+ font-weight: 700;
+ color: #0d1b2a;
+ text-transform: uppercase;
+ letter-spacing: 0.03em;
+ }
+}
+
+.psae-diff-loading {
+ color: $text-muted;
+ font-size: 13px;
+}
+
+.psae-diff-table {
+ width: 100%;
+ border-collapse: collapse;
+ margin-top: 4px;
+ font-size: 12.5px;
+
+ th,
+ td {
+ text-align: left;
+ padding: 8px 10px;
+ border-bottom: 1px solid $border;
+ }
+
+ th {
+ color: $text-muted;
+ font-weight: 600;
+ }
+}
+
+.psae-diff-label {
+ font-weight: 600;
+ color: #0d1b2a;
+}
+
+.psae-diff-proposed {
+ color: #15803d;
+ font-weight: 600;
+}
+
+.psae-reject-reason {
+ margin-top: 14px;
+ font-size: 12.5px;
+ color: #b91c1c;
+}
+
+.empty-state {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding: 60px 24px;
+ background: #fff;
+ border: 1px dashed $border;
+ border-radius: 14px;
+ text-align: center;
+ margin: 16px 0;
+
+ .empty-icon {
+ font-size: 42px;
+ color: #cbd5e1;
+ margin-bottom: 14px;
+ }
+
+ .empty-title {
+ margin: 0 0 4px;
+ font-size: 15px;
+ font-weight: 700;
+ color: #0d1b2a;
+ }
+
+ .empty-text {
+ margin: 0;
+ font-size: 12.5px;
+ color: $text-muted;
+ max-width: 380px;
+ line-height: 1.5;
+ }
+}
diff --git a/src/app/tasks/checker-inbox-and-tasks-tabs/pending-savings-account-edits/pending-savings-account-edits.component.ts b/src/app/tasks/checker-inbox-and-tasks-tabs/pending-savings-account-edits/pending-savings-account-edits.component.ts
new file mode 100644
index 000000000..78bd3c1fa
--- /dev/null
+++ b/src/app/tasks/checker-inbox-and-tasks-tabs/pending-savings-account-edits/pending-savings-account-edits.component.ts
@@ -0,0 +1,198 @@
+/**
+ * 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/.
+ */
+
+import { Component, inject } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import {
+ MatTableDataSource,
+ MatTable,
+ MatColumnDef,
+ MatHeaderCellDef,
+ MatHeaderCell,
+ MatCellDef,
+ MatCell,
+ MatHeaderRowDef,
+ MatHeaderRow,
+ MatRowDef,
+ MatRow
+} from '@angular/material/table';
+import { MatDialog } from '@angular/material/dialog';
+import { MatIcon } from '@angular/material/icon';
+import { MatIconButton } from '@angular/material/button';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+
+import { SavingsService } from 'app/savings/savings.service';
+import { CurrentAccountsService } from 'app/current-accounts/current-accounts.service';
+import { ConfirmationDialogComponent } from 'app/shared/confirmation-dialog/confirmation-dialog.component';
+import { FormDialogComponent } from 'app/shared/form-dialog/form-dialog.component';
+import { FormfieldBase } from 'app/shared/form-dialog/formfield/model/formfield-base';
+import { InputBase } from 'app/shared/form-dialog/formfield/model/input-base';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+
+/**
+ * Checker-facing list of savings account Nominee / Digital-Feature edits awaiting approval.
+ * Mirrors PendingSavingsProductsComponent's list + compare + approve/reject pattern.
+ */
+@Component({
+ selector: 'mifosx-pending-savings-account-edits',
+ templateUrl: './pending-savings-account-edits.component.html',
+ styleUrls: ['./pending-savings-account-edits.component.scss'],
+ imports: [
+ ...STANDALONE_SHARED_IMPORTS,
+ FaIconComponent,
+ MatTable,
+ MatColumnDef,
+ MatHeaderCellDef,
+ MatHeaderCell,
+ MatCellDef,
+ MatCell,
+ MatHeaderRowDef,
+ MatHeaderRow,
+ MatRowDef,
+ MatRow,
+ MatIcon,
+ MatIconButton
+ ]
+})
+export class PendingSavingsAccountEditsComponent {
+ private route = inject(ActivatedRoute);
+ private router = inject(Router);
+ private dialog = inject(MatDialog);
+ private savingsService = inject(SavingsService);
+ private currentAccountsService = inject(CurrentAccountsService);
+
+ dataSource: MatTableDataSource
+
+
+
+
+ @if (selectedEdit) {
+ | Account No. | +{{ edit.accountNo }} | +Account Type | ++ + {{ edit.accountType }} + + | +Submitted By | +{{ edit.makerUsername }} | +Submitted On | +{{ formatDate(edit.createdOn) }} | +Hold Amount | ++ @if (edit.holdAmount) { + {{ edit.holdAmount }} + } @else { + — + } + | +Status | ++ {{ edit.status }} + | +Actions | ++ + + + | +
|---|
+
+ }
+ }
+
+ @if (!showData) {
+
+
+
+ @if (selectedEdit.facilityConfigSubmitted) {
+ Proposed Changes — Account "{{ selectedEdit.accountNo }}"
+ +
+
+
+
+
+ }
+
+ @if (selectedEdit.nomineeSubmitted) {
+ Digital & Account Features
+| Feature | +Proposed Value | +
|---|---|
| {{ row.key }} | +{{ row.value }} | +
+
+
+
+
+ }
+
+ @if (!selectedEdit.facilityConfigSubmitted && !selectedEdit.nomineeSubmitted) {
+ Nominee Change
+| Field | +Proposed Value | +
|---|---|
| {{ row.key }} | +{{ row.value }} | +
No proposed changes recorded on this edit.
+ } + + @if (selectedEdit.rejectReason) { +Reject Reason: {{ selectedEdit.rejectReason }}
+ } +
+
+ }
+No pending account edits
+There are no Nominee / Digital-Feature edits awaiting approval at this time.
+