feat: add RBI circulars, CKYC, KYC, Superset analytics, passbook modules and UI updates

Add new feature modules (RBI feeds, CKYC, KYC tab, Form60, Superset analytics, passbook), update client family members, dashboard, login page, sidenav, images, translations, environment config, and fix RBI feeds API auth by using relative URLs. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-10 15:13:35 +05:30
parent 07f701f654
commit 73aa69ee02
84 changed files with 6256 additions and 700 deletions
@@ -0,0 +1,117 @@
+<!--
+  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="mat-typography" [formGroup]="kycForm">
+  <div class="kyc-header">
+    <h3>{{ 'labels.inputs.KYC Verification' | translate }}</h3>
+    <span class="kyc-badge">KYC</span>
+  </div>
+
+  <p class="kyc-subtitle">
+    {{ 'labels.inputs.KYC' | translate }} — RBI Master Direction compliant. Fields are optional but recommended for
+    compliance.
+  </p>
+
+  <div class="kyc-info-hint">
+    <mat-icon class="kyc-info-hint-icon">info</mat-icon>
+    <span>Verification (PAN, Aadhaar, GSTIN) will be available from the KYC tab after the client is created.</span>
+  </div>
+
+  <mat-divider class="m-b-20 m-t-10"></mat-divider>
+
+  <!-- PAN Section -->
+  <div class="kyc-field-row">
+    <div class="kyc-field-label-row">
+      <span class="kyc-field-title">{{ 'labels.inputs.PAN Number' | translate }}</span>
+      <span class="kyc-tag">KYC</span>
+    </div>
+    <mat-form-field appearance="outline" class="full-width">
+      <mat-label>{{ 'labels.inputs.PAN Number' | translate }}</mat-label>
+      <input
+        matInput
+        formControlName="panNumber"
+        placeholder="{{ 'labels.inputs.Enter 10-character PAN' | translate }}"
+        maxlength="10"
+        style="text-transform: uppercase"
+        (input)="kycForm.get('panNumber')?.setValue($any($event.target).value.toUpperCase(), { emitEvent: false })"
+      />
+      @if (kycForm.get('panNumber')?.hasError('pattern') && kycForm.get('panNumber')?.touched) {
+        <mat-error>{{ 'labels.inputs.Enter 10-character PAN' | translate }}</mat-error>
+      }
+    </mat-form-field>
+  </div>
+
+  <mat-divider class="m-b-20 m-t-10"></mat-divider>
+
+  <!-- Aadhaar Section -->
+  <div class="kyc-field-row">
+    <div class="kyc-field-label-row">
+      <span class="kyc-field-title">{{ 'labels.inputs.Aadhaar Number' | translate }}</span>
+      <span class="kyc-tag">KYC</span>
+    </div>
+    <mat-form-field appearance="outline" class="full-width">
+      <mat-label>{{ 'labels.inputs.Aadhaar Number' | translate }}</mat-label>
+      <input
+        matInput
+        formControlName="aadhaarNumber"
+        placeholder="{{ 'labels.inputs.Enter 12-digit Aadhaar' | translate }}"
+        maxlength="12"
+        type="password"
+      />
+      @if (kycForm.get('aadhaarNumber')?.hasError('pattern') && kycForm.get('aadhaarNumber')?.touched) {
+        <mat-error>{{ 'labels.inputs.Enter 12-digit Aadhaar' | translate }}</mat-error>
+      }
+    </mat-form-field>
+  </div>
+
+  <mat-divider class="m-b-20 m-t-10"></mat-divider>
+
+  <!-- GSTIN Section -->
+  <div class="kyc-field-row">
+    <div class="kyc-field-label-row">
+      <span class="kyc-field-title">{{ 'labels.inputs.GSTIN Number' | translate }}</span>
+      <span class="kyc-tag">KYC</span>
+    </div>
+    <mat-form-field appearance="outline" class="full-width">
+      <mat-label>{{ 'labels.inputs.GSTIN Number' | translate }}</mat-label>
+      <input
+        matInput
+        formControlName="gstinNumber"
+        placeholder="{{ 'labels.inputs.Enter 15-character GSTIN' | translate }}"
+        maxlength="15"
+        style="text-transform: uppercase"
+        (input)="kycForm.get('gstinNumber')?.setValue($any($event.target).value.toUpperCase(), { emitEvent: false })"
+      />
+      @if (kycForm.get('gstinNumber')?.hasError('pattern') && kycForm.get('gstinNumber')?.touched) {
+        <mat-error>{{ 'labels.inputs.Enter 15-character GSTIN' | translate }}</mat-error>
+      }
+    </mat-form-field>
+  </div>
+
+  <mat-divider class="m-b-20 m-t-10"></mat-divider>
+
+  <!-- Additional Fields -->
+  <div class="kyc-additional">
+    <mat-form-field appearance="outline" class="full-width">
+      <mat-label>{{ 'labels.inputs.Remarks' | translate }}</mat-label>
+      <textarea matInput formControlName="remarks" rows="3"></textarea>
+    </mat-form-field>
+  </div>
+
+  <!-- Navigation -->
+  <div class="layout-row align-center gap-2percent margin-t responsive-column">
+    <button mat-raised-button matStepperPrevious type="button">
+      <fa-icon icon="arrow-left" class="m-r-10"></fa-icon>
+      {{ 'labels.buttons.Previous' | translate }}
+    </button>
+    <button mat-raised-button matStepperNext type="button">
+      {{ 'labels.buttons.Next' | translate }}
+      <fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
+    </button>
+  </div>
+</div>